/* 网红注册页 */
.promote-wrap{
    width: 800px;
    text-align: center;
    font-size: 18px;
     font-weight: 600;

}
.promote-head,.promote-middle,.promote-bottom{
    width: 507px;
    margin: 0 auto;
    
}
.promote-wrap .form-cell{
    display: flex;
    align-items: center;
    justify-content: space-between;   
    margin-top: 60px;
}
.promote-wrap  .form-element{
    width: 213px;
    height: 56px;
    position: relative;  
}
.promote-wrap  .form-element .form-textbox{
    font-size: 17px;
    font-weight: 400;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 100%;
    height: 56px;
    margin-bottom: 14px;
    padding-top: 18px;
    padding-left: 16px;
    padding-right: 16px;
    color: #333;
    text-align: left;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    background: hsla(0,0%,100%,.1);
    background-clip: padding-box;
    position: absolute;
    left: 0;
    z-index: 3;
   
}
.promote-wrap  .form-element .form-label{
    position: absolute;
    top: 15px;
    left: 16px;
    color: #939393;
    padding: 0;
    z-index: 1;
    transition-timing-function: ease-in;
    transition-duration: .125s;
}
.promote-wrap .form-element .focus{
    top: 8px;
    font-size: 12px;  
}
.promote-wrap .form-Country{
    width: 507px;
    margin: 24px auto 0 auto;
}
.promote-wrap .form-Country h3{
    font-size: 16px;
    font-weight: 700;
    color: #666666;
    text-align: left;
}
.promote-wrap .form-Country select{
    width: 507px;
    height: 56px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    color: #333;
    padding-left: 16px;
    font-size: 18px;
    font-weight: 600;
}
.promote-wrap .promote-line{
    width: 800px;
    height: 1px;
    background: #e7e7e8;
    margin-top: 36px;
}

.promote-middle .promote-title,.promote-bottom .promote-title{
    margin-top: 32px;
    color: #000;
    margin-bottom: 24px;

}
.social-list{

}
.social-list .social-item{
   width: 507px;
    margin-bottom: 30px;
}
.social-list .social-item .social-item-left{
    display: flex;
    align-items: center;
    color: #333;
}
.social-list .social-item .social-item-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.social-list .social-item .social-item-bottom{
    margin-top: 24px;
    display: none;
    
}
.social-item-top .social-item-right{
   display: none;
}
.social-item-bottom .social-item-right{
    display: flex;
    justify-content: flex-end;
}
.social-list .social-item .social-item-left img{
   width: 26px;
   height: 26px;
   background-size: 100% 100%;
   margin-left: 8px;
}


.social-item-right .form-element-social{
  width: 347px;
  margin: 0 ;
}

.promote-bottom .choice-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;


}
.promote-bottom .choice-list .choice-item{
   width: 169px;
   color: #333;
   margin-bottom: 22px;
   text-align: left;
}
.promote-bottom .choice-list .choice-item input{
   margin-left: 44px;
 }
 .promote-bottom .remark textarea{
    width: 507px;
    height: 178px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    padding: 16px 24px;
    box-sizing: border-box;
    font-size: 18px;
    color: #939393;
}
.promote-bottom .promote-submit{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 105px;
    height: 36px;
    background: #333333;
    border: 1px solid #000000;
    border-radius: 4px;
    color: #ffffff;
    margin: 24px auto 20px auto;
    cursor: pointer;

}
.promote-wrap  input[type=number] {
    -moz-appearance: textfield;
}
.promote-wrap  input[type=number]::-webkit-outer-spin-button,.promote-wrap  input[type=number]::-webkit-inner-spin-button {

    -webkit-appearance: none;
}

.promote-wrap input[type=text]:focus,.promote-wrap textarea:focus,.promote-wrap select:focus{
    appearance: none;
    border-color: #f277af;
    outline: 0;
    box-shadow: 0 0 0 3px rgb(242 218 229 / 50%);
}
.promote-wrap input[type=checkbox]{
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
}
.promote-wrap input[type=checkbox]::after {
    position: absolute;
    top: 0;
    color: #000;
    width: 16px;
    height: 16px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    content: ' ';
    border: 1px solid #f277af;
    border-radius: 2px;
    box-sizing: border-box;
    
}

.promote-wrap input[type=checkbox]:checked::after {
    content: "✓";
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-color: #F277AF;
}
/*网红个人中心页面 */
.promote-info{
    width: 800px;
    font-size: 18px;
    font-weight: 600;

}
.promote-info .promotion-data{

}
.info-tit{
    font-weight: 700;
    font-size: 21px;
    color: #333;
}
.info-tit span{
    font-size: 14px;
    color: #0070C9;
    margin-left: 24px;
    cursor: pointer;
}
.promote-info .promotion-data p{
    margin-top: 24px;
    color: #333;
}
.promote-info .promotion-data p span{
   margin-left: 5px;
   color: #0070C9
}
.promote-info .promotion-data p .vip{
    font-weight: 700;
    color: #FF6D1A;
}
.promote-info .promote-line{
    width: 800px;
    height: 1px;
    background: #e7e7e8;
    margin: 36px 0;
}
.promote-info .commission-total{
    width: 490px;
    height: 155px;
    background: #ededed;
    border-radius: 20px;
    margin: 20px 0;
}
.promote-info .commission-total>div{
    display: flex;
    align-items: center;
    padding-top: 17px;
}
.promote-info .commission-total p{
    text-align: right;
    width: 68%;
}
.promote-info .commission-total span{
    color: #FF3D3D;
    font-size: 21px;
    margin-left: 24px;
}
.promotion-commission .tip{
    font-size: 14px;
    color: #999;
    width: 490px;
    text-align: center;
}
.promote-link  .copy-tit{
    font-size: 21px;
    color: #333;
    font-weight: 700;

}

.promote-link  .copy-link,.promote-link  .copy-code{
    display: flex;
    align-items: center;
    margin-top: 24px;

}
.promote-link  .copy-link p,.promote-link  .copy-code p{
    width: 92px;
    height: 38px;
    background: #0f90ff;
    border-radius: 19px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    margin-left: 24px;
    cursor: pointer;

}
.promote-link  .copy-link input{
    background: #ededed;
    border: 1px dashed #999999;
    border-radius: 37px;
    height: 40px;
    width: 560px;
    color: #0070C9;
    font-size: 14px;
    font-weight: 600;
    padding-left: 24px;
}
.promote-link  .copy-code input{
    background: #ededed;
    border: 1px dashed #999999;
    border-radius: 37px;
    height: 40px;
    width: 265;
    color: #0070C9;
    font-size: 14px;
    font-weight: 600;
    padding-left: 24px;
}
.promote-table{
    width: 904px;
}
.promote-table .table-title{
   
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    color: #333;
    margin-bottom: 24px;
}
.promote-table .table-title section{
    padding: 5px 15px;
    cursor: pointer;
    margin-right: 10px;
}
.promote-table .table-title .active{
    color: #1890FF;
    border-bottom: 3px solid #1890FF;
}
.promote-table table.list_table tr th {
    color: rgba(0,0,0,0.65);
    background: #FAFAFA;
    border-bottom: 1px solid #eee;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
}
.promote-table table.list_table tr td {
    border-bottom: 1px solid #eee;
    text-align: center;
    height: 53px;
    line-height: 53px;
    font-size: 14px;
    color: rgba(0,0,0,0.65);
}
.promote-table #order-table{
  display: none;
}
.promote-table #guide-pop{
    font-size: 14px;
    color: #0070C9;
    margin: 40px 0;
    cursor: pointer;
    display: inline-block;
}
.verifying-mask{
    width: 500px;
    height: 165px;
    text-align: center;
    padding: 20px 45px;
    box-sizing: border-box;
    background: #F6F6F6;
    margin-left: 150px;
    margin-top: 20px;
}
.verifying-mask .verifying{
    margin-top: 10px;
  
}

.verifying-mask .verifying .tit{
    font-size: 18px;
    font-weight: 600;
    color: #FC6CB1;
    margin-bottom: 12px;
}
.verifying-mask .verifying .text{
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: left;
    margin-bottom: 18px;
}
.verified-failed{
    width: 500px;
    height: 165px;
    text-align: center;
    padding: 20px 45px;
    box-sizing: border-box;
    background: #F6F6F6;
    margin-left: 150px;
    margin-top: 20px;
}
.verified-failed .text{
    font-size: 18px;
    color: #333;
    font-weight: 600;
}
.verified-failed .text span{
    color: #E74958;
}
.verified-failed .tel{
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin: 24px 0;
}
.verified-failed .again{
    font-size: 18px;
    color: #0070C9;
    font-weight: 700;
}

/* 等级详情 */
.level-mask{
    position:fixed;
	left:0;
	top:0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    z-index: 1000;
    text-align: center;
    display: none;
}

.level-mask .level-box{
    position:relative;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width: 570px;
    background: #ffffff;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 85px 50px;
}
.level-mask .close_icons{
    position:absolute;
    top: 20px;
    right: 20px;
    font-size: 28px;
    color: #999;
    font-weight: 500;
    cursor: pointer;
}
.level-mask .level_table tr th {
    background: #FAFAFA;
    border-bottom: 1px solid #eee;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
}
.level-mask .level_table tr td {
    border-bottom: 1px solid #eee;
    text-align: center;
    height: 53px;
    line-height: 53px;
    font-size: 14px;
}

/* 账号设置 */
.account-settings{

}
.account-settings .account-settings-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
   
}
.account-settings-top-text{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #666;
   
}
.account-settings-top-text>section{
    display: flex;
    align-items: center;
    margin-left: 12px;
    font-weight: 400;
}
.account-settings-top-text img{
    width: 14px;
    height: 14px;
   background-size: 100% 100%;
   margin-right: 5px;
}
.account-settings .account-settings-top h2{
    font-size: 21px;
    color: #333;
    font-weight: 700;
}
.account-settings .account-settings-top p{
    font-size: 18px;
    color: #0F90FF;
    font-weight: 600;
    cursor: pointer;

}
.account-settings .account-settings-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    color: #333;
    font-weight: 600;
    padding-top: 36px;
    border-top: 1px solid #F5F6FA;

}

.account-settings .account-settings-bottom img{
    width: 92px;
    height: 24px;
    background-size: 100% 100%; 
}

/* 账号设置弹窗 */
.account-mask{
    position:fixed;
	left:0;
	top:0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    z-index: 1000;
    display: none;
    
}
.account-mask .account-box{
    position:relative;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width: 386px;
    height: 320px;
    background: #ffffff;
    border-radius: 8px;
    box-sizing: border-box;
}
.account-head{
    display: flex;
    justify-content: space-between;
    height: 46px;
    align-items: center;
    border-bottom: 1px solid #E7E7E8;
    padding: 0 16px 0 12px;
}
.account-head .close_icons{
    cursor: pointer;
}
.account-middle{
    color: #333;
    font-size: 12px;
    font-weight: 600;
    padding: 20px 16px 12px 24px;
}
.account-middle p{
    margin-bottom: 8px;
}
.account-method>div{
    display: flex;
    align-items: center;
    height: 38px;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    margin-bottom: 20px;
}
.account-method>div img{
   width: 17px;
   height: 20px;
   background-size: 100% 100%;
   margin-left: 12px;
   margin-right: 8px;
}
.account-method>div span{
    font-size: 14px;
    font-weight: 600;
 }
.account-number input{
    width: 100%;
    height: 38px;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    margin-bottom: 20px;
    padding-left: 12px;
    box-sizing: border-box;
    color: #333;
}
.account-footer{
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #E7E7E8;
    padding-top: 20px;
}
.account-footer p{
    width: 88px;
    height: 30px;
    border: 1px solid #d8dce6;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.account-footer .cancel{
  
    border: 1px solid #d8dce6;
}
.account-footer .save{  
    background-color: #0F90FF;
    margin-left: 10px;
    margin-right: 16px;
    color: #fff;
}
.popup-tip-all{
    z-index: 999;
}

#collab-box{
    cursor: pointer;
}