*{margin: 0;padding: 0;}
p{margin: 0;}
ul,li,i{margin: 0;padding: 0;font-style: normal;list-style: none;}
.clearfix:after{display: block;content: "";clear: both;}
.atesbox{max-width: 1140px;margin: 0 auto;}
.atesbox h1{text-align: center; font-size: 30px}
.atesbox h1:after{content: '';height: 1px;display: block;background: #eeeeee;margin: 20px 0 40px;}
.atesbox>*{color: #111;}
.atesbox>p{ color:#666666; font-size: 13px; }
.atesbox>ul{ color:#666666; font-size: 13px;}
.atesbox h4{margin-top: 20px; font-size: 18px;margin-bottom: 10px;  }
.atesbox ul,.atesbox .btnsgin{margin-top: 20px;}
.atesbox .btnsgin {margin-top: 45px;}
.atesbox .clicks{font-size: 26px; color: #337ab7;}
.atesbox .btn{font-size: 18px;padding: 10px 60px}

@media (max-width:451px) {
    .atesbox .clicks{font-size:18px;}
    .atesbox .btn{font-size: 14px;padding: 8px 40px;}
    .atesbox h1{ font-size: 24px;}
    .atesbox>p{padding: 0px 10px;  }
    .atesbox>ul{padding: 0px 10px;  }
    .atesbox h4{ padding: 0px 10px;}
}


/*logins*/
.loginbox {margin-top: 40px;}
.loginbox .item{border: 1px solid #ccc;padding: 20px;}
.loginbox .item .toforget{margin-top: 20px;}
.loginbox>div:first-child .item{margin-bottom: 20px;}


/*steps*/
.stepbox{width: 90%;margin: 40px auto;}
.stepbox .steptop{height: 28px;background: #EFF5F7;border-top: 1px solid #CAC5C1;overflow: hidden;}
.stepbox .steptop .item{position: relative; float: left;width: 33.33%;height: 28px;line-height: 28px;font-size: 12px; text-indent: 20px;}
.stepbox .steptop .item.active{background: #DFE8EA;}
.stepbox .steptop .item .scroe{display: block;position: absolute;top: 0;right: -15px;display: none;
width: 0;height: 0;border-top: 14px solid transparent;border-left: 16px solid #DFE8EA;border-bottom: 14px solid transparent;}
.stepbox .steptop .item.active .scroe{display: block;}
.stepbox .stepcont .item{display: none;padding-top: 20px;}
.stepbox .stepcont .item.active{display: block;}

.stepbox .stepcont .commiton ul{font-size: 16px;color: #333;}
.stepbox .stepcont .commiton p{margin-top: 15px;font-size: 16px;color: #333;}
.stepbox .stepcont .commiton .accpet{margin-top: 20px; font-size: 16px;color: #444;}
.stepbox .stepcont .commiton .accpet input[type='checkbox']{margin-right: 4px;}
.stepbox .stepcont .commiton .accpet a{color: #337AB7;}
.stepbox .stepcont .commiton .accpet .btn{margin-left: 10px; padding: 6px 8px;}

/*homes*/
.contboxs{width: 100%;margin: 0 auto;}
.contboxs .select-date{padding: 10px;}
.contboxs .select-date input{padding: 0 4px;height: 30px;}
.contboxs .tabcont{padding: 20px 10px;border: 1px solid #ccc;}
.contboxs .tabcont .tabtops{width: 100%; overflow: hidden;border: 1px solid #ccc;border-right: none;}
.contboxs .tabcont .tabtops .item{padding: 10px; line-height:26px;background: #ccc;border-right: 1px solid #f5f5f5;cursor: pointer;}
.contboxs .tabcont .tabtops .item p{font-size: 18px; font-weight: bolder;}
.contboxs .tabcont .tabtops .item.active{ background: white;box-shadow: inset 0 0 9px 2px rgba(128, 128, 128, 0.1);-webkit-box-shadow: inset 0 0 9px 2px rgba(128, 128, 128, 0.1);
-moz-box-shadow: inset 0 0 9px 2px rgba(128, 128, 128, 0.1);}

.contboxs .tabcont .tablist{padding-top: 20px;}
.contboxs .tabcont .tablist .item{display: none;}
.contboxs .tabcont .tablist .item.active{display: block;}
.contboxs .tabcont .tablist .table-bordered{}
.contboxs .tabcont .tablist .btn{float: right;padding: 6px 8px;}
.select-date select{display: inline-block;width: 100%;height:35px;padding: 5px 10px;}
.contboxs .tabcont .tablist .item .thead{text-align: center;background: #eee;border-right: 1px solid #fff;}
.contboxs .tabcont .tablist .item .high{font-weight: 700;text-align: center;}

/*新版本介绍页面*/
.introduction{ padding: 67px;color: #fff; margin-left: 0px;margin-right: 0px; width: 100%; height: 459px;background: url(https://webp.cqggedm.com/active/img/affilitae/begin.png);background-size: 100% 100%; }
.introduction .beginTxt p{ font-size: 24px;line-height: 24px; color: #fff;margin-bottom: 20px;max-width: 530px;}
.introduction .atesbox .btnsgin {display: flex; margin: 0 auto;margin-top: 30px;  }
.introduction .atesbox .btnsgin div{ width: 148px;height: 42px;background:#fff; border-radius: 4px;text-align: center;line-height: 42px;cursor: pointer; }
.introduction .atesbox .btnsgin div:nth-child(1){margin-right: 100px;}
.introduction .atesbox .btnsgin div a{ color: #259DDA;font-size: 16px;font-weight: 500; display: block; width: 100%; height: 100%; }
/*.introduction .atesbox .btnsgin div:hover{ background:#C99313; }*/
/*新版本登录注册页面*/
.loginBanner{max-height: 446px;margin-bottom: 30px;margin-left: -15px;margin-right: -15px;  }
.loginCnt{ width:100%;display: flex; justify-content: space-between; }
.loginCnt .loginLeft{background: #fff;margin-right: 30px; width:400px;height: 400px;box-sizing: border-box;padding: 20px 5px;padding-bottom: 11px; }
.loginCnt .loginRig{background: #fff; width:740px;height: 400px;padding: 20px; }
.logTitle{font-size:20px;line-height:24px;font-weight:500;color: #333;   }
.loginCnt .inputcont{width: 100%;margin-top:20px;}
.loginLeft .logTitle{ padding-bottom: 10px;}
.loginCnt .inputcont .items{position: relative;font-weight:500;height: 44px;border-radius: 4px;overflow: hidden;margin-bottom: 14px;}
.loginCnt .inputcont .items input{border:1px solid rgba(204,204,204,1);background: #fff; width: 100%;height: 42px; line-height: 42px; text-align: left;text-indent: 1em;margin: 0;padding: 0;font-size: 15px;color: #333;font-family: Rubik-Medium;}
.loginCnt .inputcont .items input::-webkit-input-placeholder{color: #ccc; font-size: 14px;}
.loginCnt .inputcont .warims{display: none; color: #FF4949; font-size: 14px;line-height: 17px;margin-top: -10px;margin-bottom: 20px;}
.loginCnt .inputcont .warims span{ vertical-align: bottom;}
.items .btnnormal{ width: 100%;height: 42px; line-height: 42px; background:#EE7B1A;opacity: .6; color:#333; border: none;outline: none; border-radius: 4px;}
.items button.activted{ opacity:1; }
.loginCnt .inputcont .affRegister{margin: 40px 0px;   }
 .items .iconseyes{display: none;position: absolute;top: 50%;right: 16px; width: 20px;height: 20px;margin-top: -10px; background: url(https://webp.cqggedm.com/active/img/affilitae/openeyes.png) no-repeat center/contain;}
 .items .iconsclose{background-image: url(https://webp.cqggedm.com/active/img/affilitae/closeeyes.png);}
.loginTxt{ font-size: 14px;color: #333; line-height: 17px;  }
.logForgot{margin-top: 40px; }
.loginTxt a{ color: #EE7B1A;font-size: 14px;font-weight:400; }
.loginRig .goodMes{ padding: 40px;}
.goodMes .mesTitle{margin-bottom: 20px;  color: #333; font-size: 14px; display: flex; justify-content: space-between;font-weight: 500;  }
.goodMes .mesTitle span:nth-child(1){ display: inline-block;width: 107px;text-align: center; }
.goodMes .mesCnt{ }
.myscroll{ height: 250px; overflow: hidden;}
.goodMes .mesCnt li{ display: flex; justify-content: space-between;height: 37px; color: #fff;line-height: 17px; }
.goodMes .mesCnt li span:nth-child(3){width: 90px; text-align: center;color:#EE7B1A; }
.goodMes .mesCnt li span:nth-child(1){ width: 150px;}
.profile--panel .list-group-item:hover {
    background: none;
}
/* 弹窗 */
.alertbox{display: none; position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 50;}
.alertbox.active{display: block; -webkit-animation:fadeIn 1s .1s ease both;-moz-animation:fadeIn 1s .1s ease both;}
.alertbox .alertshap{position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 52;background: rgba(0,0,0,.4);}
.alertbox .alertcont{position: fixed;top: 50%;left: 50%; width: 570px;height: 208px;margin-top: -104px;margin-left: -275px; background: #fff;border-radius: 4px;overflow: hidden;z-index: 55;box-sizing: border-box;padding: 30px; }
.alertbox .alertcont .wordst{ margin-top: 20px; height: 58px;color: #666; font-size: 16px;line-height: 19px;}
.alertbox .alertcont .acons{}
.alertbox .alertcont .acons .tits{line-height: 24px; pfont-size: 20px;color: #333;font-weight: 500; }
.alertbox .alertcont .acons .wordst{}
.alertbox .alertcont .acons .wordst p{display: inline-block;text-align: left;font-size: 14px;line-height: 17px;}
.alertbox .alertcont .abtn{cursor: pointer; width: 80px;height: 36px;border-radius: 4px; font-size: 16px; line-height: 36px; background: #EE7B1A;float: right; text-align: center;color: #333;}
.alertbox .alertcont .Logout{display: none; background: #fff;float: right;border: 1px solid #999;margin-left: 50px;  }
.alertbox .alertcont .Logout a{ display: block; width: 100%;height: 100%; }
.payAlert.active{display: none;}
/*主页*/
.profile--panel .panel-body .list-group-item{ font-weight: 500px;}
.panel-body .list-group-item i.fa{min-width: 12px;height: 12px; margin-right: 5px;}

.panel-body .list-group-item i.homea{background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon1.png); background-size: 100% 100%;}
.profile--panel .panel-body .list-group-item:hover{ color: #EE7B1A; }
.panel-body .list-group-item:hover i.homea { background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon-active1.png);
}
.panel-body .list-group-item i.homeb{background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon5.png); background-size: 100% 100%;}
.panel-body .list-group-item:hover i.homeb { background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon-active8.png);  }
.panel-body .list-group-item i.homec{background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon6.png); background-size: 100% 100%;}
.panel-body .list-group-item:hover i.homec { background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon-active5.png);  }
.panel-body .list-group-item i.homed{background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon7.png); background-size: 100% 100%;}
.panel-body .list-group-item:hover i.homed { background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon-active6.png);  }
.panel-body .list-group-item i.homee{background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon4.png); background-size: 100% 100%;}
.panel-body .list-group-item:hover i.homee { background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon-active4.png);  }
.panel-body .list-group-item i.homef{background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon3.png); background-size: 100% 100%;}
.panel-body .list-group-item:hover i.homef { background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon-active3.png);  }
.panel-body .list-group-item i.homeg{background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon8.png); background-size: 100% 100%;}
.panel-body .list-group-item:hover i.homeg { background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon-active7.png);  }
.panel-body .list-group-item i.homeh{background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon2.png); background-size: 100% 100%;}
.panel-body .list-group-item:hover i.homeh { background-image: url(https://webp.cqggedm.com/image/catalog/2025agent/icon-active2.png);  }


.affHome{padding: 20px 5px; }
.affTxt{padding:20px 0px;height:17px;font-size:14px;font-weight:400;color:rgba(51,51,51,1);line-height:17px;}
.affTxt a{color: #EE7B1A; }
.affHome .selctDate{ height: 42px; margin: 40px 0px; margin-top: 20px;   }
.affHome .selctDate{ display: flex;}
.affHome .selctDate span img{vertical-align: text-bottom;  }
.affHome .selctDate .dateMonth{box-sizing: border-box; width: 170px; padding: 8px 11px 11px 11px; border-radius:4px;
    border:1px solid rgba(204,204,204,1);margin-right: 30px; }
.affHome .selctDate .dateMonth input{  width: 120px;height: 17px; background: none;  }
.affHome .selctDate .dateDay { width: 370px; padding:0px 11px; display: flex;  border:1px solid rgba(204,204,204,1); border-radius: 4px;}
.affHome .selctDate .dateDay  input{ background: none;  }
input::-webkit-input-placeholder{ font-size: 14px; color: #ccc; }
.affHome .hisTrans{ display: flex;justify-content: space-between; }
.affHome .hisTrans a{margin-bottom: 20px; background: url("https://webp.cqggedm.com/active/img/affilitae/tra_bg (1).png"); font-weight: 500;line-height: 17px; font-size: 16px;  display: block;color: #333;box-sizing: border-box;padding: 20px 30px; width: 31.5%;height: 105px;border:1px dashed #333;border-radius:4px;   }
.affHome .hisTrans .TransNum{  font-size: 24px;margin-top: 18px;font-size: 24px;line-height: 28px;  }
.affHome .hisTrans .TransNum i{ display: block;float: right;}
.affHome .hisTrans a:nth-child(1){background: url("https://webp.cqggedm.com/active/img/affilitae/tra_bg (0).png"); }
.affHome .hisTrans a:nth-child(3){background: url("https://webp.cqggedm.com/active/img/affilitae/tra_bg (2).png"); }
.affTotal .totalTitle{ font-size: 18px; font-weight: 500;line-height: 22px; padding: 20px 0px; }
.affTotal .totalTitle span{color: #EE7B1A;}
.affTotal .affTotHead{ display: flex; align-items: center;justify-content: space-between;font-size: 20px; color: #fff; font-weight: 500;height: 42px; border-radius:4px 4px 0px 0px;
    border:1px solid rgba(204,204,204,1);}
/*.affTotal .affTotHead span:nth-child(1){ width: 77px; display: inline-block;text-align: center; }*/
.affTotal .affTotHead span{ width: 25%; text-align: center;display: inline-block;}
.affTotal .affTable li{font-weight: 400; height: 42px;color: #666; display: flex; justify-content: space-between;align-items: center;}
/*.affTotal .affTable li span:nth-child(5){width: 124px;display: inline-block; text-align: center;}*/
.affTotal .affTable li span:nth-child(3){ color: #EE7B1A}
.affTotal .affTable li span:nth-child(4){ color: #EE7B1A;}
.affTotal .affTable li span { width: 25%; display: inline-block; text-align: center; }
.affTotal .affTable{ border-bottom: 1px solid rgba(204,204,204,1);border-left: 1px solid rgba(204,204,204,1);border-right: 1px solid rgba(204,204,204,1); padding-top: 10px; border-radius:0px 0px 4px 4px;}
/*修改密码*/
.changeWord{  }
/*payment*/
.stepcont{ background: #fff; padding-left: 5px;}
.affPayment{ padding: 20px 5px; padding-bottom: 65px;}
.affPayment .stepcont{ padding-left: 0px;}
.affPayment .form-horizontal .control-label{ margin-bottom: 20px;
    text-align: left;font-size: 17px;font-weight: 500;line-height: 20px;color: #333; }
.affPayment legend{font-size: 20px; font-weight: 500;line-height: 24px;margin-bottom: 20px;border-bottom: 0px;padding: 0px;  }
.affPayment .payTxt{ font-size: 14px;line-height: 17px;margin-bottom: 40px;font-weight: 500;  }
.affPayment #payment-paypal input:nth-child(1){ width: 490px; height: 42px; background: none;border-radius:4px;
    border:1px solid rgba(204,204,204,1);display: inline-block;margin-right: 20px;   }
.affPayment #payment-paypal input{ color: #333; font-size: 14px;}
.affPayment #payment-paypal input.btn-primary{width: 120px; height: 42px;background:#EE7B1A;font-size: 16px;color: #333; font-weight: 500;text-transform:capitalize;   }
.affPayment #payment-paypal input::-webkit-input-placeholder{color: #ccc; font-size: 14px; }
.affPayment .warims{display: none; color: #FF4949; font-size: 14px;line-height: 17px;margin-left:16px; margin-bottom: 20px;}
.affPayment .warims span{ vertical-align: bottom;}
.affPayment .radio label{ margin-bottom: 0px; height: 16px; line-height: 0px;  }
.affPayment .radio label input{ display: none;}
.affPayment .radio label .iconroing{vertical-align: sub; margin-right: 10px; display: inline-block; width: 16px; height: 16px; border-radius: 50%;border: 2px solid #999;}
.affPayment .radio label input:checked+i{ width: 16px;height: 16px;border: none;background: url(https://webp.cqggedm.com/active/img/affilitae/iconchecked.png) no-repeat center/contain; }
.affPayment .radio label{ padding-left: 0px;margin-bottom: 25px; }
/*tracking*/
.affTrack{ margin-left: 0px; }
.affTrack  .stepcont{ padding-right: 20px;}
.affTrack .logTitle{ padding-top: 20px;margin-bottom: 20px;}
.affTrack .form-horizontal .control-label{ padding-top: 0px; text-align: left;color: #333;font-size: 17px;margin-bottom: 20px;font-weight: 500; }
.affTrack .form-control{ background: none;border-radius:4px;border:1px solid rgba(204,204,204,1);  }
.affTrack .form-horizontal .form-group{ margin-bottom: 40px;}
.affTrack input[type="text"]:hover{background: none; }
.affTrack #input-link{ background: #F6F6F6;   }
.affTrack .clickMater a{font-size: 14px; font-weight: 400;color: #666;  }
.affTrack .clickMater a:hover{ color: #666; }
.affTrack .trackCopy{ position: relative; }
.affTrack .trackCopy textarea{border: none;color: #0091EA;}
.affTrack .trackCopy .trackCopyBtn{ position: absolute; width: 72px;height: 28px;background: #EE7B1A;color: #333; border-radius: 4px;font-size: 14px; text-align: center;line-height: 28px;right: 26px; bottom: 10px;font-weight: 500;cursor: pointer; }
/*代理商图片材料*/
.affMater{ background: #fff; padding: 30px 5px; }
.popularCate .row{ margin-left: 0px;}
.affMater .materTitle{ font-size: 20px; color: #999; font-weight: 500;border-bottom: 1px solid #E6E6E6;}
.affMater .materTitle span{cursor: pointer; padding-bottom: 20px; margin-right:60px;display: inline-block;line-height: 24px; }
.affMater .materTitle span.active{ border-bottom: 1px solid #EE7B1A; color:#EE7B1A;  }
.affMater ul li{width: 263px; height: 163px;float: left;margin-top: 20px;  }
.affMater ul li:nth-child(3n-1){ margin-left: 20px; margin-right: 20px; }
.affMater ul li img{ width: 100%; border-radius: 4px; height: 100%; }
.affMater ul{ display: none;}
.affMater .PopuCateImg{display: block;}
/*commission*/
.commission .stepcont{ padding: 20px 5px; }
.commission .stepcont h1{margin-bottom: 0px; font-size: 20px; line-height: 24px;color: #333;font-weight: 500; }
.stepbox .stepcont .item{ padding-top: 0px;}
.stepbox .stepcont .commiton p{ margin-top: 30px;color: #666;line-height: 19px; font-size: 16px;font-weig:400; }
.stepbox .stepcont .item ul li{ margin-top: 30px;color: #666;line-height: 19px; font-size: 16px;font-weight: 400; }
/*过度页面*/
.aff_to{ font-size: 20px; font-weight: 500;  line-height: 24px; display: flex; width: 360px; margin: 0 auto;margin-bottom: 20px; margin-top: 80px; justify-content: space-around; text-align: center  }
.aff_to div img{margin-bottom: 10px; }
.aff_to div:nth-child(2){margin-top: 30px;}
.ToConfirm{ cursor: pointer;  width: 160px; height: 42px; background: #EE7B1A;color: #333; line-height: 42px; border-radius: 4px;margin: 0 auto; text-align: center;font-weight: 500;margin-bottom: 80px;}
.affToTxt{width: 680px; margin: 0 auto;font-size: 17px; text-align: center;  }
/*热销页面*/
.hotSale{ margin-left: 0px; margin-right: 0px; }
.hotSale #content{ padding: 20px; }
.hotSale .hotTitle{ font-size: 20px; color: #333;font-weight: 500; }
.hotSale  .hotOrder{ font-size: 18px;color: #333;font-weight: 500; margin-top: 24px;  }
.hotSale  .hotOrder span:nth-child(1){ margin-right: 400px;margin-left: 10px;}
.oderDetail li{display: flex; justify-content: space-between; margin-top: 20px;padding-bottom: 20px; border-bottom: 1px solid #ccc;  }
.oderDetail .product_pic img{ width:100px; height: 100px;border-radius: 4px;  }
.oderDetail li .hotProTxt{ width: 630px;}
.oderDetail li div:nth-child(1){width: 60px; text-align: center; line-height: 100px;font-weight:500;color: #333;}
.oderDetail li .hotProTxt a .hotProTit{width: 100%; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;-webkit-box-orient: vertical;  }
.oderDetail li .hotProTxt a .hotProPri{margin: 16px 0px; display: flex;font-size: 16px;color: #666;   }
.oderDetail li .hotProTxt a .hotProPri p:nth-child(1){margin-right:40px;  }
.oderDetail li .hotProTxt a .hotProPri b{font-size: 18px; color: #666;font-weight: 500; margin-left: 5px;}
.oderDetail li .hotProTxt a .hotProPri .commisPrice{color: #EE7B1A; }
.oderDetail li .hotProTxt .hotProShare{ color: #333;clear: both}
.oderDetail li .hotProTxt .hotProShare img{ margin-left: 20px;border-radius: 4px; }
.oderDetail li .hotProTxt .hotProShare .share-facebook img{ margin-left: 6px;}
.oderDetail li .hotProTxt .hotProShare .copyLink{ vertical-align:bottom; display:inline-block; width: 24px;height: 24px;margin-left: 20px; background: #EE7B1A; border-radius: 4px;color: #333;}
.hotProTxt  .hotProShare .copyLink i{ font-size: 12px;-webkit-transform: scale(0.67);display: inline-block;line-height: 14px; font-weight:600; text-align: center;margin-left: -3px;margin-top: -1px;}
.hotProTxt  .hotProShare .copyLink i:hover{ cursor:pointer;}
.oderDetail li .hotProTxt   .hotProShare > div{ float: left;line-height: 26px; color: #666;font-weight: 400; }
.sharebox .custom_images a{float: left;}
.sharebox .custom_images a > img{ margin-left: 8px ;border-radius: 4px; width: 26px;height: 26px;}

/*去掉整体边距*/
#affiliate-login .row{ margin-left: 0px;  }
#content{ background: #fff; width: 67%;margin-right: 8%;}
.aff-login-intro #content{ width: 100%;margin-right: 0px; padding-right: 0px;padding-left: 0px;}
.affili_log_re #content{width: 100%;  }
#affiliate-register .row{ margin-right: 0px; margin-left: 0px;}
.aff_forgot .stepcont{ padding-top: 20px;padding-bottom: 20px;}
.custom_to_aff{ background: #fff; width: 100%;}
.custom_to_aff ul.breadcrumb{ width: 1170px;margin: 23px auto;display: block;}
.custom_to_aff #content{width: 100%;  }
/*按钮loading 加载图标*/
.cir_load_out{ position: relative; width: 100%; height:100%; display: flex; align-items: center;justify-content: center; }
.circle-loading {width: 20px;height: 20px;border: 3px solid rgba(255,255,255,0.4);box-sizing: content-box; border-radius: 50%;animation: spin 400ms infinite linear;-webkit-animation: spin 400ms infinite linear;-moz-animation: spin 400ms infinite linear;-o-animation: spin 400ms infinite linear;   border-top-color: #fff; display: inline-block}
@keyframes spin {
    from {transform: rotate(0deg);-ms-transform: rotate(0deg);}
    to {transform: rotate(360deg);-ms-transform: rotate(360deg);}
}
@-webkit-keyframes spin {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
@-o-keyframes spin {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(360deg);}
}


.profile--panel .panel-body{
    background: rgba(45, 45, 45, 5);
}
.profile--panel .list-group-item{
    border-bottom: 1px solid rgba(112, 112, 112, 1);
    color:#fff;
}
.panel{
    border:none;
}
.panel-default>.panel-heading{
    background-color: rgba(45, 45, 45, 5);
    color:#fff;
}
.affTotal .affTotHead{
    font-family: 'PopRegular';
}
.el-pagination {
    margin-top: .3rem;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    margin: 0 .05rem;
    background-color: #000;
    color: rgba(210,210,210,0.7);
    min-width: .3rem;
    border-radius: .02rem;
    border: .01rem solid rgba(210,210,210,0.7);
    border-top-color: #313131;
    border-right-color: #595858;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .14rem;
}
.el-pager .more::before {
    line-height: .4rem;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #000;
    color: rgba(238,123,26,0.7);
    border: .01rem solid rgba(238,123,26,0.7);
    /* border-top-color: #313131; */
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #EE7B1A;
}
.el-pagination-right {
    float: right;
    font-size: .14rem;
    color: rgba(210,210,210,0.7);
}
body, #wrapper{
    background: #000 !important;
}
.layOut{
    width: 1200px;
    margin: 0 auto;
}
#content{
    background: #000;
}
.logTitle{
    display: flex;
    align-items: center;
    font-family: 'PopSemiBold', Poppins;
    font-weight: normal;
    font-size: 30px;
    color: #EF7C1C;
    line-height: 48px;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 13px;
}
.logTitle .white{
    color: #fff;
}
.logTitle .orange{
    color:#EF7C1C;
    margin: 0 4px;
}
.loginCnt .loginRig{
    background: #000;
}
.logTitle img{
    width: 100px;
}
.btn-box{
    display: flex;
    align-items: center;
    margin-top: 57px;
}
.save-btn,.cancel-btn{
    width: 119px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #EF7C1C;
    font-family: 'PopSemiBold', Poppins;
    cursor: pointer;
}
.save-btn{
    margin-right: 40px;
}
.orange{
    color:#EF7C1C;
}