body,html{height:100%}.main{overflow:hidden;height:100%;position:relative;min-width:1670px;min-height:765px;width:100%}.main-remind{width:100%;position:absolute;bottom:7%;text-align:center;z-index:1}.main-remind a{width:400px;margin:20px auto;text-align:center;color:#00b0f0}.main-remind a:hover{text-decoration:underline}.join{display:block;width:146px;height:168px;background-position:0 -24px;margin:0 auto;cursor:pointer}.join:hover{background-position:-144px -24px}.join-title{font-size:18px}.join-body p{margin-top:10px}.join-info-box{margin-top:90px}.join-info-box-spe{margin:0 0 24px}.join-info{text-align:center;margin-top:10px;font-size:20px}.join-info-remind{font-size:12px;color:#888;text-align:center}.join-info-error{height:50px;font-size:24px;color:#cd0a0a;text-align:center;line-height:50px}.join-info-error-spe{height:100px;font-size:24px;color:#cd0a0a;text-align:center;line-height:100px}.join-name{color:#333;text-align:center;font-size:20px}.join-click-left div{float:left;height:34px}.join-click-right{text-align:center;margin-top:40px}.join-step-two{display:none}.join-step-three{display:none}.join-step{text-align:center}.join-info-result{margin-top:50px;position:relative}.join-head-img{width:80px;height:80px;border-radius:50%;box-sizing:border-box;border:1px solid #eee;margin:0 auto;position:relative}#join-successfully-icon{display:none;width:36px;height:36px;position:absolute;right:-9px;bottom:-3px}.join-head-img img{width:100%;height:100%}.join-info-inputItem{margin:0 auto;width:230px;display:flex}.join-info-inputItem-title{font-size:14px;color:#666;vertical-align:middle;flex:26%;line-height:34px;text-align:right}#add-type-add,.join-click-left{width:170px}.join-info-inputItem-selectBox{width:170px;height:34px;box-sizing:border-box;border:1px solid #ccc;color:#d4d4d4;font-size:12px;line-height:32px;padding-left:10px}input::-webkit-input-placeholder{color:#d4d4d4}input:-moz-placeholder{color:#d4d4d4}.bg-bottom{position:absolute;bottom:0;width:100%;z-index:-999}.bg-bottom img{width:100%}.bg-one{position:absolute;top:120px;left:13.8%;width:232px;height:166px;background:url(/assets/img/about/add/bg-one.png) no-repeat}.bg-two{position:absolute;top:70px;right:21%;width:64px;height:66px;background:url(/assets/img/about/add/bg-two.png) no-repeat}.bg-three{position:absolute;bottom:222px;left:10%;width:138px;height:99px;background:url(/assets/img/about/add/bg-three.png) no-repeat}.bg-four{position:absolute;bottom:252px;right:4%;width:297px;height:252px;background:url(/assets/img/about/add/bg-four.png) no-repeat}.bg-rocket{z-index:-999;position:absolute;bottom:230px;left:50%;margin-left:-150px;width:314px;height:201px;background:url(/assets/img/about/add/bg-rocket.png) no-repeat}.add-main-title{font-size:36px;text-align:center;color:#000;font-weight:400;margin-top:130px}.add-main-title+p{text-align:center;color:#666;font-size:16px;margin-top:8px;display:none}.add-main-title+p a{color:#1890ff}.add-searchBox{width:742px;margin:60px auto 0;position:relative;z-index:99;display:none}div.douyinSearchCnt{width:670px}.add-searchBox input{width:100%;height:38px;line-height:38px;padding:0 10px;font-size:14px;color:#555;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;box-sizing:border-box;vertical-align:middle}.douyinLink{color:#00b0f0;position:absolute;right:-80px;top:10px}.douyinLink:hover{text-decoration:underline}.btnBox{width:180px;margin:40px auto 0;display:flex;justify-content:space-between}#join-cancel,#join_confirm{width:80px;height:38px;background-color:#ff7800;color:#fff;border-radius:4px;outline:0}#join-cancel:hover,#join_confirm:hover{background-color:#ffa333;color:#fff;border:1px solid #ffa333}#join-cancel{background-color:#fff;border:1px solid #e3e3e3;color:#999}.add-error-tip{color:red;font-size:12px;display:inline-block;width:100%;margin-top:10px;height:15px;padding-left:10px}#account_type{position:absolute;z-index:99;top:30px;width:350px;box-sizing:border-box;border:1px solid #eee;padding:10px 0;background-color:#fff;left:5px;box-shadow:0 2px 6px #efefef;display:none}.add-select-down{width:8px;position:absolute;top:14px;right:80px}.join-step-three .btn-small{width:120px}.join-step-three .join-over-leftBtn{height:34px;background-color:#ff7800;color:#fff}.join-step-three .join-over-rightBtn{background-color:#fd8c25;color:#fff}.join-head-sleep{width:80px;height:80px;border-radius:50%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.6);text-align:center;display:none}.join-head-sleep img{margin-top:23px;width:50%;height:50%}#add-success-anotherInfo{text-align:center}.modal-header{position:relative;padding:12px 20px 12px;border-bottom:1px solid #e9e9e9}.dialog-box-close{position:absolute;right:5px;top:9px;background-color:transparent;border:none;cursor:pointer;color:#707070;font-size:25px}.modal-title{font-size:18px}.modal-body{padding:20px}.modal-footer{padding:15px;text-align:right}#join_code{width:80px;margin-right:10px;padding-right:0;font-size:12px}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;box-sizing:border-box}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;box-sizing:border-box}.btn-big{width:200px;height:40px}.wx-code-chongbang{margin-top:70px;text-align:center}.wx-code-chongbang span{color:#ff8c00;cursor:pointer}.wx-code-chongbang span:hover{text-decoration:underline}.join-dialog a{color:#00b0f0}.float-left{float:left}.float-right{float:right}.margin-right-md{margin-right:12px}.margin-top-md{margin-top:20px}.bg-gray-md{background:#ececec}.color-white{color:#fff}.bg-gary-sm{background-color:#a2a2a2}.bg-white-sm{background-color:#fff}.bg-orange-sm{background-color:#ff8c00;color:#fff}.bg-orange-sm:hover{color:#fff}.block-hide{display:none}.block-show{display:block}.cursor-p{cursor:pointer}.add-type-item{float:left}.add-btn{padding:0 6px;border:1px solid #e3e3e3;color:#d5d5d5;width:66px;display:block;margin-top:-4px;line-height:32px;text-align:center}.add-btn i{font-style:inherit}.join-info-result{margin-top:20px}div.tag-span{min-width:max-content;margin:4px;line-height:16px;font-size:14px;border:none;box-sizing:border-box}.add-account-success{background:url(../../assets/img/detail/detail.png) no-repeat -334px -96px;height:72px;width:78px;margin-left:39%}.add-account-success4search{background:url(../../assets/img/detail/detail.png) no-repeat -410px -96px;height:72px;width:84px;margin-left:39%}#add-type-item input{width:66px;line-height:30px;padding-left:10px;font-size:12px;border:1px solid #d5d5d5}#account_type div.tag-span:hover{color:#ff8c00}#account_type .select{background-color:#fd8c25;color:#fff}#title-description{display:none}.href-join-rank,.scan-join-rank{width:500px;height:250px;background-color:#fff;position:absolute;top:350px;box-shadow:0 0 10px #eee;border-radius:8px;display:none}.scan-join-rank{left:20%;transition:left 1s}div.leftMove{left:-500px}div.rightMove{right:-500px}.href-join-rank{right:20%;transition:right 1s}.wechat-type-left-part img,.wechat-type-right-part img{width:100%;height:100%}.wechat-type-left-part{width:110px;height:110px;margin:40px 30px 0 40px;float:left}.wechat-type-right-part{width:280px;height:172px;float:left;margin:40px 0 0 0;position:relative}.join-rank-btn{width:120px;height:36px;background-color:#ff7800;position:absolute;bottom:0;left:0;text-align:center;line-height:36px;color:#fff;border-radius:4px;cursor:pointer}.join-rank-btn:hover{background-color:#ffa333}.join-rank-btn span{display:inline-block;width:14px;height:14px;margin-right:10px}.join-rank-btn span img{vertical-align:middle}.href-join-rank .join-rank-btn{background-color:#fff;border:1px solid #ff7800;color:#ff7800}.href-join-rank .join-rank-btn:hover{background-color:#ffa333;border:1px solid #ffa333;color:#fff}.type-desciption{color:#333;font-size:18px;font-weight:500}.detail-desciption{color:#999;font-size:14px;line-height:24px;margin-top:15px}.scan-to-join{width:360px;height:480px;margin:50px auto 0;border:1px solid #e1e1e1;position:relative;display:none;z-index:2}#backToEntrance{color:#999;font-size:14px;text-align:center;line-height:20px;position:absolute;top:510px;left:145px;cursor:pointer}.top-part{width:100%;height:300px;background-color:#fff;display:inline-block}#squareCode{width:180px;height:180px;margin:40px auto 20px}#squareCode img{width:100%;height:100%}.top-part p{color:#333;font-size:14px;text-align:center;line-height:20px}.bottom-part{width:100%;height:180px;background-color:#f5f5fa;display:inline-block}.account-details{margin:40px 15px 30px 15px;color:#666;font-size:14px}.details-left-part{width:40px;height:40px;border-radius:20px;float:left;background:url(/assets/img/public/public.png) no-repeat -7px -255px}.details-right-part{float:left;margin-left:14px}p.account-name{color:#333}.account-info{margin-top:5px;line-height:21px}span.account-details-type{color:#999;margin-right:14px}#account-details-info{display:inline-block;width:224px;line-height:21px}.account-info .account-details-type{display:inline-block;vertical-align:top}.scan-successful{margin:36px 27px;width:126px;height:103px;display:none}.scan-successful p{font-size:16px}#scan-icon{display:inline-block;width:48px;height:48px;margin-left:39px;margin-bottom:15px}#scan-tip{font-size:14px}.areaRankSearchComponent{display:none;width:100%;height:38px;position:relative;color:#666;font-size:16px}.areaRankSearchComponent>span{position:absolute;right:20px;top:12px;color:#999;font-size:10px}.areas{position:absolute;display:none;width:700px;height:150px;padding:20px;left:0;top:45px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}.areas span{display:inline-block;width:60px;height:20px;text-align:center;line-height:20px;margin:3px 20px;color:#666;font-size:14px;cursor:pointer}.areas span:hover{color:#ff7800}#selectionUp{display:none}.tiktok-background-box{display:none;position:absolute;bottom:0;left:0;width:100%;height:60px;background:url(/assets/img/joinRank/dialog-background.svg) no-repeat center/cover}.join-dialog .goXindou{position:absolute;bottom:8px;left:50%;transform:translate(-50%,0);color:#5eb1ff;cursor:pointer;display:none}.recordTitle{font-size:16px;margin-bottom:10px}.subTitle{font-size:14px}.mins{color:#faad14;font-size:14px;margin-left:4px}.qrname{color:#ff7800;font-size:14px}.qrWrap{width:144px;height:144px;position:relative;border:1px solid #787a7a;margin:14px auto 0}.qrcode{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:url(/assets/img/other/qrcode.svg) center center no-repeat;background-size:cover}.qrTop{position:absolute;left:11px;top:-1px;width:120px;height:1px;background-color:#fff}.qrLeft{position:absolute;left:-1px;top:11px;width:1px;height:120px;background-color:#fff}.qrRight{position:absolute;right:-1px;top:11px;height:120px;width:1px;background-color:#fff}.qrBottom{position:absolute;left:11px;bottom:-1px;width:120px;height:1px;background-color:#fff}.subNotice{color:#787a7a;font-size:12px;text-align:center;margin:10px 0 26px}