.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-guanbi:before {
  content: "¹Ø±Õ";
}

.one_one_active{position:relative;width:100%}
.one_one_active a img{width:100%;display:block}
.one_one_active i{position:absolute;color:#fff;top:20px;right:100px;cursor:pointer}
.header{background:rgba(36,36,36,1);height:58px;display:flex;justify-content:space-between;z-index:99999;width:100%;top:0}

.formBtn span{display:inline-block;width:160px;height:36px;border-radius:4px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;text-align:center;line-height:36px;cursor:pointer}
.completeBtn{background:rgba(2,182,207,1);color:rgba(255,255,255,1);margin-right:35px}
.completeBtn:hover{background:#4ccee0}
.goonBtn{border:1px solid rgba(255,144,0,1);color:rgba(255,144,0,1)}
.loginPop{position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:20px;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);z-index:10000}
.loginPop .win-table{display:table;table-layout:fixed;height:100%;width:100%}
.loginPop .win-cell{display:table-cell;height:100%;width:100%;vertical-align:middle;padding:10px}
.loginPop .win-cell .loginMain{width:708px;height:400px;background:#fff;border-radius:10px;margin:0 auto;position:relative}
.loginPop .win-cell .loginMain .btn-close{position:absolute;top:16px;right:18px;cursor:pointer;width:14px;height:20px;z-index:1;background:url(/web/images/css_sprites.png?v=8) no-repeat -670px -581px}
.loginContent{display:flex;position:relative}
.no_checkTip{position:absolute;width:200px;height:60px;background:rgba(0,0,0,0.5);border-radius:4px;line-height:60px;text-align:center;top:0;bottom:0;left:0;right:0;margin:auto;display:none}
.no_checkTip span{font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#fff;opacity:1}
.login_l{width:248px;height:400px;background:url(/ht_upload/login/bg_03.png) no-repeat center;border-radius:10px 0 0 10px;padding-top:84px;padding-left:20px;overflow:hidden}
.login_l h6{font-size:22px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(255,255,255,1);margin-bottom:40px}
.login_l ul li{font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(255,255,255,1);margin-bottom:25px}
.login_l ul li i{font-size:18px;vertical-align:-1px}
.login_l ul li span span{color:#fff000}
.login_r{width:460px;padding-top:37px;padding:37px 37px 0 55px}
.login_r h5{text-align:center}
.login_r .logo{width:116px;height:39px;display:block;background:url(/web/images/css_sprites.png?v=8) no-repeat -512px -690px;margin:0 auto}
.order{margin-top:7px;text-align:center}
.regularLogin .login_r .order{margin-top:15px}
.order .line{display:inline-block;width:45px;border-top:1px solid #ccc}
.order .txt{font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#999;vertical-align:-3px}
.loginMethod{text-align:center;margin-top:10px}
.regularLogin .loginMethod{display:flex;justify-content:center;margin-top:40px}
.method_qq{width:130px;height:120px;border:1px solid rgba(18,183,245,1);border-radius:6px;padding-top:20px;text-align:center}
.method_qq i{display:inline-block;font-size:46px;color:rgba(18,183,245,1);width:60px;margin-bottom:10px}
.method_qq p,.method_wx p{font-size:14px;font-family:MicrosoftYaHei;font-weight:400}
.method_qq p{color:rgba(18,183,245,1)}
.method_wx p{color:#15c069}
.method_wx{width:120px;height:120px;background:rgba(255,255,255,1);border:1px solid rgba(21,192,105,1);border-radius:6px;margin-left:40px;padding-top:20px;text-align:center}
.method_wx i{display:inline-block;font-size:46px;color:#15c069;width:60px;margin-bottom:10px}
.binding{display:flex;margin-top:20px;white-space:nowrap;color:rgba(102,102,102,1)}
.regularLogin .binding{margin-top:70px;justify-content:space-evenly}
.binding p{font-size:12px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(102,102,102,1);margin-left:147px}
.regularLogin .binding p{margin-left:0}
.binding p span{color:#999}
.binding p i{cursor:pointer;vertical-align:middle;margin-right:5px}
.regularLogin .loginMethod .qq-register p{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(18,183,245,1)}
.phoneMethod{text-align:center;margin-top:20px}
.input_phone{height:60px}
.input_phone input{width:360px;height:40px;border:1px solid rgba(204,204,204,1);border-radius:4px;padding-left:13px;outline:0}
.codeTxt{width:240px;height:40px;border:1px solid rgba(204,204,204,1);border-radius:4px;margin-right:10px;padding-left:13px}
.code_box{height:60px}
.codeInput{display:flex;justify-content:center}#btnSendCode{width:110px;height:40px;border:1px solid rgba(2,182,207,1);border-radius:4px;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(2,182,207,1)}
.submit_phone{width:360px;height:40px;background:rgba(2,182,207,1);border-radius:4px;outline:0;border:0;font-size:16px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(255,255,255,1);cursor:pointer}
.submit_phone:hover{background:#39d4ea}
.phoneMethod p{font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(153,153,153,1);margin-top:15px}
.otherMethod{margin-top:15px;display:flex;justify-content:center;position:relative}
.otherMethod_go_back{position:absolute;left:0;bottom:10px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:rgba(102,102,102,1)}
.qq_box,.wx_box{width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center}
.qq_box{border:1px solid rgba(18,183,245,1);margin-right:24px}
.wx_box{border:1px solid rgba(21,192,105,1)}
.qq_box i{color:#12b7f5;font-size:19px;display:inline-block;width:23px}
.wx_box i{color:#15c069;font-size:19px;display:inline-block;width:23px}
.direction_1{-webkit-animation-delay:.4s;animation-delay:.4s}
.direction_2{-webkit-animation-delay:.8s;animation-delay:.8s}
.direction_3{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.direction_4{-webkit-animation-delay:1.6s;animation-delay:1.6s}
.errowTip{text-align:left;padding-left:50px;font-size:12px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(255,71,71,1)}
.QR_code{width:140px;height:140px;border:1px solid #ccc;margin:0 auto 10px;position:relative}
.QR_code_modle{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);cursor:pointer;color:#fff;font-size:12px;text-align:center;padding-top:50px}
.QR_code img{width:138px;height:138px}
.loginMethod p{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(21,192,105,1)}
.login_btn{display:flex;justify-content:space-between;margin-top:15px}
.login_btn span{display:inline-block;width:160px;height:40px;border:1px solid rgba(204,204,204,1);border-radius:4px;line-height:40px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(102,102,102,1);cursor:pointer}
.login_btn span i{font-size:18px;vertical-align:middle;margin-right:3px}
.login_btn a:nth-child(1) span{border:1px solid rgba(18,183,245,1);color:rgba(18,183,245,1)}#btnSendCode{background:#fff;cursor:pointer}
.show-message-login{margin-right:20px}
.sign-win{width:100%;height:100%;z-index:10000;position:fixed;left:0;top:0;background:rgba(0,0,0,.4);line-height:1}
.sign-win .win-m{width:680px;background:#f7f7f7;border-radius:10px;position:absolute;left:50%;top:50%;margin:-266px 0 0 -340px}
.sign-win .tab-head{width:400px;height:46px;line-height:46px;border-radius:23px;overflow:hidden;background:#fff;position:absolute;left:50%;top:-23px;margin-left:-200px}
.sign-win .tab-head span{display:inline-block;width:50%;font-size:16px;text-align:center;color:#02b6cf;cursor:pointer}
.sign-win .tab-head span.active{background:#2acce3;color:#fff}
.sign-win .tab-head span i{padding:0 5px;height:20px;line-height:20px;background:rgba(255,144,0,1);border-radius:10px 10px 10px 0;margin-left:2px;vertical-align:top;display:inline-block;margin-top:13px;font-size:12px;font-style:normal;color:#fff}
.sign-win .win-m .close{font-size:16px;color:#fff;top:12px;right:20px;position:absolute;cursor:pointer}
.sign-win .win-m .head{height:170px;background:#02b6cf;text-align:center;padding-top:42px;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}
.sign-win .win-m .head .l{width:320px}
.sign-win .win-m .head .l .alink{margin-top:9px;display:inline-block;vertical-align:top;width:70px;height:20px;line-height:18px;border-radius:12px;color:#fff;font-size:12px;border:1px #fff solid}
.sign-win .win-m .head .l .alink:hover{border-color:#fff;color:#02b6cf;background:#fff}
.sign-win .win-m .head .r{width:358px}
.sign-win .win-m .head .r .p3{padding-top:14px;font-size:12px}
.sign-win .win-m .head .r .p3 span{color:#fcff10}
.sign-win .win-m .sign-list{width:642px;height:148px;border-radius:10px;background:#fff;margin:-72px auto 0}
.sign-win .win-m .sign-list .t{line-height:42px;padding:0 30px 0 22px;position:relative;text-align:left}
.sign-win .win-m .sign-list .t span.fr{font-size:12px;color:#999}
.sign-win .win-m .sign-list .t:before{content:"";position:absolute;left:9px;top:13px;width:4px;height:16px;border-radius:2px;background:#02b6cf}
.sign-win .win-m .sign-list .line{width:532px;margin:23px auto 0;border-bottom:2px #000 dotted;opacity:.14}
.sign-win .win-m .sign-list .list-m{position:relative;z-index:2;margin:-25px 32px 0}
.sign-win .win-m .sign-list .list-m .list{width:50px;text-align:center;margin-right:38px}
.sign-win .win-m .sign-list .list-m .list:last-child{margin-right:0}
.sign-win .win-m .sign-list .list-m .list .p1{height:50px;border-radius:25px;background:#f7f7f7;line-height:50px;font-size:16px;color:#b3b3b3}
.sign-win .win-m .sign-list .list-m .list .p1.active{background:#02b6cf;font-size:12px;color:#fff}
.sign-win .win-m .sign-list .list-m .list .p2{padding-top:8px;font-size:12px;color:gray}
.sign-win .win-m .rank-list{padding:16px 20px 0}
.sign-win .win-m .rank-list .list{width:310px;background:#fff;border-radius:10px;overflow:hidden}
.sign-win .win-m .rank-list .list .t{height:40px;line-height:38px;border-bottom:1px #f7f7f7 solid;padding-left:22px;position:relative}
.sign-win .win-m .rank-list .list .t:before{content:"";position:absolute;left:9px;top:11px;width:4px;height:16px;border-radius:2px;background:#02b6cf}
.sign-win .win-m .rank-list .list .m{height:60px;padding:0 30px 0 20px;display:flex;flex-direction:column;position:relative;justify-content:center}
.sign-win .win-m .rank-list .list .m:hover{background:#edfdff}
.sign-win .win-m .rank-list .list .m .p2{font-size:12px;color:#999;padding-top:5px}
.sign-win .win-m .rank-list .list .m .p2 span{color:#ff9000}
.sign-win .win-m .rank-list .list .m .alink{position:absolute;right:30px;top:17px;width:70px;height:26px;line-height:26px;text-align:center;background:#02b6cf;color:#fff;font-size:12px;border-radius:13px}
.sign-win .win-m .rank-list .list .m a.alink:hover{opacity:.8}
.sign-win .win-m .rank-list .list .m .alink.ed{background:#cacccc;color:#fff}
.sign-win .win-m .gift-list{text-align:center;padding:16px 20px}
.sign-win .win-m .gift-list .gift-box{background:#fff;height:88px;border-radius:10px;padding:16px 0}
.sign-win .win-m .gift-list .gift-box span{position:relative;padding-left:36px;margin:0 24px;display:inline-block}
.sign-win .win-m .gift-list .gift-box span .s1{font-size:12px;color:#333;display:block;font-style:normal}
.sign-win .win-m .gift-list .gift-box span .s2{font-size:12px;color:#666;padding-top:8px;display:block;font-style:normal}
.sign-win .win-m .gift-list .gift-box span .gift-icon{width:28px;height:28px;background:url('../images/css_sprites.png?v=8') -319px -692px;position:absolute;top:-1px;left:0}
.sign-win .win-m .gift-list .gift-box span.active .gift-icon:before{content:'';position:absolute;width:12px;height:12px;top:-3px;left:19px;background:url('../images/css_sprites.png?v=8') -289px -694px}
.sign-win .win-m .gift-list .gift-box .gift-tips{font-size:12px;padding-top:15px;color:#999}
.sign-win .data-box{background:#02b6cf;border-radius:10px;padding:40px 20px 20px}
.sign-win .data-box .box-m{background:#fff;border-radius:10px;padding:21px 25px 0;height:444px;position:relative}
.sign-win .data-box .box-m h2{font-size:20px;font-weight:bold}
.sign-win .data-box .box-m .open-data{padding-top:195px;text-align:center;position:absolute;width:100%;height:100%;background:rgba(255,255,255,.97);z-index:2;left:0;top:0;border-radius:10px}
.sign-win .data-box .box-m .open-data span{display:inline-block;width:160px;height:46px;background:rgba(2,182,207,1);border-radius:6px;font-size:16px;line-height:46px;transition:all .2s;color:#fff;cursor:pointer}
.sign-win .data-box .box-m .open-data span:hover{opacity:.9}
.sign-win .data-box .box-m .course-data{padding-top:30px;position:relative}
.sign-win .data-box .box-m .course-data .data-tips-btn{width:80px;height:22px;border:1px #02b6cf solid;border-radius:11px;color:#02b6cf;text-align:center;position:absolute;right:0;top:-23px;transition:all .2s;line-height:20px;cursor:pointer;font-size:12px}
.sign-win .data-box .box-m .course-data .data-tips-btn:hover{background:#02b6cf;color:#fff}
.sign-win .data-box .box-m .course-data .user-data{border-bottom:1px #e6e6e6 solid}
.sign-win .data-box .box-m .course-data .user-data .l{border-right:1px #e6e6e6 solid;height:104px;padding-right:32px}
.sign-win .data-box .box-m .course-data .user-data .user-info{position:relative;padding-left:43px}
.sign-win .data-box .box-m .course-data .user-data .user-info img{width:36px;height:36px;position:absolute;left:0;top:-12px;border-radius:50%}
.sign-win .data-box .box-m .course-data .user-data .user-info span{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;margin-right:4px;vertical-align:top}
.sign-win .data-box .box-m .course-data .user-data .l p{line-height:22px;padding-top:26px}
.sign-win .data-box .box-m .course-data .user-data .l p .s1{color:#02b6cf}
.sign-win .data-box .box-m .course-data .user-data .l p .s2{color:#ff9000}
.sign-win .data-box .box-m .course-data .user-data .r{padding-left:37px}
.sign-win .data-box .box-m .course-data .user-data .r p{font-size:14px;color:#000;line-height:20px}
.sign-win .data-box .box-m .course-data .user-data .r p .s2{color:#02b6cf}
.sign-win .data-box .box-m .course-data .user-data .r p .s1{color:#02b6cf;font-size:20px;padding-left:8px;vertical-align:middle}
.sign-win .data-box .box-m .course-data .user-data .r .bd{font-weight:bold}
.sign-win .data-box .box-m .course-data .user-data .r .mt22{margin-top:22px}
.sign-win .data-box .box-m .course-data .data-des{padding-top:25px}
.sign-win .data-box .box-m .course-data .data-des .p1{font-size:16px;font-weight:bold}
.sign-win .data-box .box-m .course-data .data-des .p1 span{color:#02b6cf}
.sign-win .data-box .box-m .course-data .data-des .p2{color:#666;padding-top:10px}
.sign-win .data-box .box-m .course-data .data-chart{position:relative;padding-top:34px;padding-left:48px}
.sign-win .data-box .box-m .course-data .data-chart .line{top:134px;height:1px;left:0;width:100%;background:#02b6cf;position:absolute}
.sign-win .data-box .box-m .course-data .data-chart .chart-box{width:24px;margin-right:23px;float:left}
.sign-win .data-box .box-m .course-data .data-chart .chart-box:nth-last-child(1){margin-right:0}
.sign-win .data-box .box-m .course-data .data-chart .chart-box .c2{font-size:12px;color:#666;line-height:18px;padding-top:5px;display:inline-block}
.sign-win .data-box .box-m .course-data .data-chart .chart-box .c1{height:100px;width:19px;margin-left:2px;position:relative}
.sign-win .data-box .box-m .course-data .data-chart .chart-box .c1 span{position:absolute;width:100%;background:#02b6cf;left:0;bottom:0;max-height:100px}
.sign-win .data-box .box-m .course-data .data-chart .chart-box .c1 span i{width:19px;top:-17px;left:0;text-align:center;font-size:12px;color:#666;position:absolute;font-style:normal}
.open-report-win{position:fixed;z-index:10001;background:rgba(0,0,0,.4);width:100%;height:100%;left:0;top:0}
.open-report-win .win-m{width:400px;height:285px;position:absolute;left:50%;top:50%;margin:-142px 0 0 -200px;border-radius:10px;background:#fff;padding:20px 20px 0}
.open-report-win .win-m .close{font-size:16px;color:#b3b3b3;top:20px;right:20px;position:absolute;cursor:pointer}
.open-report-win .win-m .t{font-size:18px;font-weight:bold;margin-bottom:22px;text-align:center}
.open-report-win .win-m .choose-box{margin-bottom:12px;height:44px;line-height:42px;padding:0 22px;border:1px #e6e6e6 solid;border-radius:6px}
.open-report-win .win-m .choose-box .b{width:50px;height:24px;border:2px #dbdbdb solid;border-radius:12px;padding:1px;position:relative;transition:all .2s;margin-top:9px;cursor:pointer}
.open-report-win .win-m .choose-box .b:before{content:'';position:absolute;left:2px;top:1px;width:18px;height:18px;background:#dbdbdb;transition:all .2s;border-radius:9px}
.open-report-win .win-m .choose-box .b.active{border-color:#02b6cf}
.open-report-win .win-m .choose-box .b.active:before{background:#02b6cf;width:18px;height:18px;top:1px;left:26px;border-radius:9px}
.open-report-win .win-m .choose-box .s{font-size:12px;color:#02b6cf;cursor:pointer}
.open-report-win .win-m dl{padding-top:10px}
.open-report-win .win-m dl dt{font-size:12px;margin-bottom:8px}
.open-report-win .win-m dl dd{font-size:12px;color:#666;line-height:22px}
.bind-report-win{position:fixed;z-index:10001;background:rgba(0,0,0,.4);width:100%;height:100%;left:0;top:0}
.bind-report-win .win-m{width:400px;height:320px;position:absolute;left:50%;top:50%;margin:-160px 0 0 -200px;border-radius:10px;background:#fff;padding:20px 20px 0}
.bind-report-win .win-m .t{text-align:center;margin-bottom:20px}
.bind-report-win .win-m .t span{font-size:18px;font-weight:bold;padding:0 14px;position:relative;line-height:1;display:inline-block;cursor:pointer}
.bind-report-win .win-m .t span.active{color:#02b6cf}
.bind-report-win .win-m .phone-box .txt{height:44px;padding:0 20px;border-radius:6px;border:1px #e6e6e6 solid;width:100%}
.bind-report-win .win-m .phone-box .txt::placeholder{color:#ccc}
.bind-report-win .win-m .phone-box .code-box{margin-top:12px;position:relative}
.bind-report-win .win-m .phone-box .code-box input{padding:0 100px 0 20px;height:44px;border-radius:6px;border:1px #e6e6e6 solid;width:100%}
.bind-report-win .win-m .phone-box .code-box .code-btn{font-size:12px;color:#02b6cf;position:absolute;right:20px;top:15px;cursor:pointer}
.bind-report-win .win-m .phone-box .submit-btn{margin-top:12px;height:44px;cursor:pointer;transition:all .2s;background:#02b6cf;border-radius:6px;line-height:44px;text-align:center;font-size:16px;color:#fff}
.bind-report-win .win-m .phone-box .submit-btn:hover{opacity:.9}
.bind-report-win .win-m .wechat-box{text-align:center;width:140px;margin:8px auto;position:relative}
.bind-report-win .win-m .wechat-box img{display:inline-block;vertical-align:top;width:140px;height:140px}
.bind-report-win .win-m .close{font-size:16px;color:#b3b3b3;top:20px;right:20px;position:absolute;cursor:pointer}
.bind-report-win .win-m dl{padding-top:20px}
.bind-report-win .win-m dl dt{font-size:12px;margin-bottom:8px}
.bind-report-win .win-m dl dd{font-size:12px;color:#666;line-height:22px}
.report-done-win{position:absolute;border-radius:10px;background:#fff;padding-top:29px;width:200px;height:100px;box-shadow:0 4px 12px 0 rgba(0,0,0,0.15);top:0;left:-210px}
.report-done-win .close{font-size:14px;color:#b3b3b3;top:12px;right:12px;position:absolute;cursor:pointer}
.report-done-win .p1{font-size:16px;text-align:center}
.report-done-win .p2{cursor:pointer;margin:10px auto 0;background:#02b6cf;text-align:center;font-size:12px;color:#fff;transition:all .2s;height:26px;line-height:26px;border-radius:4px;width:80px}
.report-done-win .p2:hover{opacity:.9}
.sign-success-win{width:100%;height:100%;z-index:10001;position:fixed;left:0;top:0;background:rgba(0,0,0,.4);line-height:1}
.sign-success-win .win-m{width:228px;height:148px;background:#fff;border-radius:10px;overflow:hidden;position:absolute;left:50%;top:50%;margin:-74px 0 0 -114px;text-align:center;padding-top:30px}
.sign-success-win .win-m .close{font-size:14px;position:absolute;right:17px;top:17px;color:#b0b0b0;cursor:pointer}
.sign-success-win .win-m .icon-xiaolian{font-size:32px;color:#02b6cf}
.sign-success-win .win-m .p1{padding-top:15px;font-size:18px;color:#02b6cf}
.sign-success-win .win-m .p2{padding-top:10px;color:#999}
.sign-success-win .win-m .p2 span{color:#ff9000}
.shida-win{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);z-index:10002;overflow:hidden;display:block}
.shida-win .shida-mask{display:table;table-layout:fixed;width:100%;height:100%}
.shida-win .shida-cell{display:table-cell;width:100%;height:100%;vertical-align:middle;padding:10px}
.pos-style{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.sign-success .closed-btn{display:block;width:18px;height:18px;background:url(/css/images/closed-icons.png) no-repeat center;float:right;margin:10px;cursor:pointer}
.sign-success{width:330px;height:155px;background:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.sign-success .sign-main{padding:20px 0}
.sign-success .sign-main .sign-l{padding:0 15px;border-right:1px #d9d9d9 solid}
.sign-success .sign-main .sign-r{padding:20px 15px}
.sign-success .sign-main .sign-r .sign-result{font-size:20px;color:#111;margin-bottom:35px}
.sign-success .sign-main .sign-r .sign-result .sign-success-icon{display:inline-block;width:22px;height:23px;background:url(/css/images/sign-success-icon.png) no-repeat center;vertical-align:middle;margin-right:10px}
.sign-success .sign-main .sign-r .sign-king{font-size:16px;color:#111}
.sign-success .sign-main .sign-r .sign-king em{font-style:normal;color:#ed5153}
.sign-success .sign-main .sign-r .sign-king .king-money{display:inline-block;width:23px;height:21px;background:url(/css/images/sign-king-icon.png) no-repeat center;vertical-align:middle;margin-right:10px}
.fontPay,.sureStudy-main{width:518px;height:320px;background:#fff}
.fontPay .userhd-pic,.sureStudy-main .userhd-pic{width:80px;height:80px;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;margin:38px auto auto;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.5);box-shadow:0 0 10px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.5)}
.fontPay .userhd-pic img,.sureStudy-main .userhd-pic img{display:block;width:100%}
.fontPay,.sureStudy-main{text-align:center}
.fontPay .ts,.sureStudy-main .ts{font-size:18px;color:#666;line-height:20px;padding:15px 0}
.fontPay .ts em{font-style:normal;color:#ff7145}
.fontPay .warm,.sureStudy-main .warm{font-size:22px;color:#333;line-height:24px}
.fontPay .pay-btn{display:block;width:232px;height:48px;line-height:48px;border-radius:2px;-webkit-border-radius:2px;background:#f64845;text-align:center;font-size:22px;color:#fff;margin:15px auto}
.fontPay .pay-btn:hover,.sureStudy-main .btnBox a:hover{opacity:.8}
.fontPay .attention{font-size:12px;color:#f64845;line-height:14px}
.voucher-main{width:562px;height:248px;background:#ffd304;border-radius:30px;-webkit-border-radius:30px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.voucher-main .voucher-bk{width:548px;height:234px;border-radius:30px;-webkit-border-radius:30px;background:-webkit-radial-gradient(circle,#e35711,#822200);background:-o-radial-gradient(circle,#e35711,#822200);background:-moz-radial-gradient(circle,#e35711,#822200);background:radial-gradient(circle,#e35711,#822200);margin:7px auto}
.voucher-main .voucher-bk .closed-btn{display:block;float:right;width:58px;height:58px;background:url(/css/images/closed-window-icon.png) no-repeat center;margin:-20px;cursor:pointer}
.voucher-main .voucher-bk .voucher{padding:50px 0 38px 0}
.voucher-main .voucher-bk .voucher .vouch-top{font-size:32px;font-weight:bold;color:#fff;text-align:center}
.voucher-main .voucher-bk .voucher .vouch-mid{margin:30px 0 20px 0;text-align:center}
.voucher-main .voucher-bk .voucher .vouch-mid a{display:inline-block;width:180px;height:42px;line-height:42px;text-align:center;border-radius:4px;-webkit-border-radius:4px;font-size:20px;font-weight:bold}
.voucher-main .voucher-bk .voucher .vouch-mid a.throw-user{background:#f6f6f6;color:#000;margin-right:21px}
.voucher-main .voucher-bk .voucher .vouch-mid a.go-use{background:#f6ff00;color:#c83603}
.voucher-main .voucher-bk .voucher .vouch-botm{font-size:18px;font-weight:bold;color:#f6ff00;text-align:center}
.voucher-main .voucher-bk .voucher .vouch-mid a:hover{-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.6);box-shadow:0 2px 8px 0 rgba(0,0,0,.6)}
.sureStudy-main .warm em{font-style:normal;color:#d84b03}
.sureStudy-main .pay{font-size:16px;line-height:18px;color:#333;padding-top:25px}
.sureStudy-main .pay .go-pay{color:#f75653;text-decoration:underline;margin-left:4px}
.sureStudy-main .btnBox{margin:25px auto}
.sureStudy-main .btnBox a{display:inline-block;width:162px;height:38px;line-height:38px;text-align:center;margin-right:32px;font-size:16px}
.sureStudy-main .btnBox a.go-other{background:#f5f5f5;color:#666}
.sureStudy-main .btnBox a.go-sure{background:#f75653;color:#fff}
.otherPop{position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:20px;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);z-index:1000}
.otherPop .win-table{display:table;table-layout:fixed;height:100%;width:100%}
.otherPop .win-cell{display:table-cell;height:100%;width:100%;vertical-align:middle;padding:10px}
.otherPop .win-cell .otherPopMain{width:480px;height:140px;background:#fff;border-radius:5px;margin:0 auto;position:relative;text-align:center;padding-top:36px}
.otherPop .win-cell .otherPopMain .btn-close{position:absolute;cursor:pointer;top:10px;right:9px;display:inline-block;cursor:pointer;width:26px;height:26px}
.otherPop .win-cell .otherPopMain p{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(51,51,51,1);margin-bottom:18px}
.otherPop .win-cell .otherPopMain button{width:122px;height:34px;background:rgba(2,182,207,1);border-radius:4px;outline:0;border:0;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);cursor:pointer}
.global{position:fixed;bottom:60px;left:36px;z-index:999;width:180px;height:170px;-webkit-animation:click 2.4s infinite;-ms-animation:click 2.4s infinite;-moz-animation:click 2.4s infinite;-o-animation:click 2.4s infinite;animation:click 2.4s infinite}
.life{background:url(/modal/allVipPop/lifevip.png) no-repeat center}
.life1111{background:url(/ht_upload/one_one/img/lifevip1111.png) no-repeat center}
.back-small{background:url(/ht_upload/one_one/img/back-small.v1.png?v=1) no-repeat center}
.back-o-small{background:url(/ht_upload/one_one/img/back-o-small.png) no-repeat center}
.upgrade-small{background:url(/ht_upload/one_one/img/upgrade-small.v1.png?v=1) no-repeat center}
.main-small{background:url(/ht_upload/one_one/img/main-small.png) no-repeat center}
.pop-small{background:url(/2017images/pop-small.png) no-repeat center;height:205px;width:204px}
.global .day-close{position:absolute;top:5px;right:23px;z-index:999;display:block;width:14px;height:14px}
.global .close{position:absolute;top:14px;right:16px;z-index:999;display:block;width:14px;height:14px}
.global .a12-1-close-small{top:5px;right:26px;width:24px;height:24px}
.global .a12-close-small{top:-2px;right:6px;width:32px;height:32px}
.global .go-act{position:absolute;bottom:1px;left:0;z-index:998;display:block;width:100%;height:100%}
.videoPop{position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:20px;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);z-index:1000}
.layoutPop{display:table;table-layout:fixed;height:100%;width:100%}
.cellPop{display:table-cell;height:100%;width:100%;vertical-align:middle;padding:10px}
.popMain{border-radius:10px;margin:0 auto;position:relative}
.cellPop .btn-close{position:absolute;top:20px;right:20px;cursor:pointer}
.mid_BigMain{width:652px;height:538px}
.mid_BigMain .btn-close{position:absolute;top:5px;right:9px;cursor:pointer;display:inline-block;width:30px;height:30px}
.mid_BigMain .btn-close1111{position:absolute;top:16px;right:23px;cursor:pointer;display:inline-block;width:30px;height:30px}
.mid_BigMain .a12-close-big{top:54px;right:68px}
.mid_BigMain .btn2-close1111{position:absolute;top:3px;right:62px;cursor:pointer;display:inline-block;width:30px;height:30px}
.mid_BigMain .study-close{position:absolute;top:4px;right:-2px;cursor:pointer;display:inline-block;width:30px;height:30px}@-webkit-keyframes bounce-up{25%{-webkit-transform:translateY(10px)}50%,100%{-webkit-transform:translateY(0)}75%{-webkit-transform:translateY(-10px)}}@keyframes bounce-up{25%{transform:translateY(10px)}50%,100%{transform:translateY(0)}75%{transform:translateY(-10px)}}
.animate-bounce-up{-webkit-animation:bounce-up 2s linear infinite;animation:bounce-up 2s linear infinite}
.activePop{position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:20px;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);z-index:10000}
.activePop .win-table{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.activeMian .btn-close{display:inline-block;position:absolute;cursor:pointer;top:4px;right:1px;width:45px;height:45px}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
.animated-delay{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}100%{opacity:0}}@-webkit-keyframes bounce-up{25%{-webkit-transform:translateY(10px)}50%,100%{-webkit-transform:translateY(0)}75%{-webkit-transform:translateY(-10px)}}@keyframes bounce-up{25%{transform:translateY(10px)}50%,100%{transform:translateY(0)}75%{transform:translateY(-10px)}}
.animate-bounce-up{-webkit-animation:bounce-up 2s linear infinite;animation:bounce-up 2s linear infinite}
.samllActiveIcon{position:fixed;bottom:30px;z-index:999}
.samllActiveIcon .btn-close{display:inline-block;position:absolute;top:37px;right:6px;cursor:pointer;height:14px;width:14px}
.samllActiveIcon .btn-up-close{display:inline-block;position:absolute;top:37px;right:17px;cursor:pointer;height:14px;width:14px}
.newBoxPopActive{position:fixed;bottom:30px}@-webkit-keyframes bounce-up{25%{-webkit-transform:translateY(10px)}50%,100%{-webkit-transform:translateY(0)}75%{-webkit-transform:translateY(-10px)}}@keyframes bounce-up{25%{transform:translateY(10px)}50%,100%{transform:translateY(0)}75%{transform:translateY(-10px)}}
.animate-bounce-up{-webkit-animation:bounce-up 2s linear infinite;animation:bounce-up 2s linear infinite}
.newBoxPopActive .close{display:inline-block;width:25px;height:25px;position:absolute;top:0;right:5px;cursor:pointer}
.countTime{position:absolute;bottom:40px;color:#fff;font-size:14px;left:10px}
.countTime span:nth-child(4){display:inline-block;width:28px}
.window-right{width:50px;height:100%;box-shadow:0 0 7px 0 rgba(230,230,230,0.7);position:fixed;right:0;top:0;background:#fff;z-index:100}
.window-right ul{padding-top:50px}
.window-right ul li{cursor:pointer;position:relative}
.window-right ul li.te{border:0;margin-top:100px;display:none}
.window-right ul li.te a{border:0}
.window-right ul li>a{display:block;width:50px;margin:0 auto;border-bottom:1px solid #f0f0f0;text-align:center;padding:8px 0;height:auto}
.window-right ul li>a>i{display:block;text-align:center;font-size:32px;color:#666}
.window-right ul li>a p{text-align:center;font-size:12px;color:#666;line-height:13px}
.window-right ul li:hover{background:#02b6cf}
.window-right ul li:hover>a{border-bottom:1px solid #f0f0f0}
.window-right ul li:hover a i{color:#fff}
.window-right ul li:hover a p{color:#fff}
.window-right ul li .paddingBox,.window-right ul li .paddingBox2{position:absolute;top:0;right:50px;padding-right:8px;display:none}
.window-right ul li .paddingBox2{display:block}
.window-right ul li .kefu{width:180px;box-shadow:0 0 7px 0 rgba(54,54,54,0.19);border-radius:6px;height:150px;padding-top:14px;background:#fff}
.window-right ul li:hover .paddingBox{display:block}
.window-right ul li .kefu a{display:block;width:140px;height:34px;margin:0 auto;border-radius:3px;overflow:hidden;padding-top:10px}
.window-right ul li .kefu a .icon-dianhua{font-size:16px;float:left;margin-left:13px;margin-top:-1px;color:#fff}
.window-right ul li .kefu p{width:138px;margin:0 auto;font:12px/20px ""}
.window-right ul li .kefu a img{float:left;margin-left:13px}
.window-right ul li .kefu a span{float:left;font-size:14px;color:#fff;margin-top:-3px;margin-left:7px}
.window-right ul li .kefu .zaixianlianxi{border:1px solid #02b6cf}
.window-right ul li:hover .kefu .zaixianlianxi i{color:#02b6cf}
.window-right ul li .kefu .zaixianlianxi i{font-size:15px;float:left;color:#02b6cf;display:inline-block;width:15px;margin-left:13px}
.window-right ul li .kefu .zaixianlianxi span{color:#02b6cf}
.window-right ul li .qunhao{width:200px;box-shadow:0 0 7px 0 rgba(54,54,54,0.19);border-radius:10px;height:100px;padding-top:16px;background:#fff}
.window-right ul li:hover .qunhao{display:block}
.window-right ul li .qunhao p{height:28px}
.window-right ul li .qunhao p span{float:left;height:28px;border-radius:4px;font:14px/28px "";color:#666}
.window-right ul li .qunhao p span:nth-child(1){width:100px;text-align:right}
.window-right ul li .qunhao p span:nth-child(2){width:80px;text-align:center}
.colorRed:hover .vip_img{display:block}
.window-right ul li.colorRed:hover{background:#fff}
.window-right ul li.colorRed:hover a p{color:#02b6cf}
.window-right ul li.colorRed:hover a{border-bottom:1px solid #f0f0f0}
.vip_img{position:absolute;left:-268px;top:0;padding-right:8px;display:none}
.vip_box{width:260px;height:130px;background:#fff;background:rgba(255,255,255,1);border-radius:6px;box-shadow:0 0 7px 0 rgba(54,54,54,0.19)}
.vip_img .allvip_img{width:260px;height:130px;display:block;background:url(/web/images/css_sprites.png?v=8) no-repeat -415px -162px}
.window-right ul li .objective{width:237px;box-shadow:0 0 7px 0 rgba(54,54,54,0.19);border-radius:6px;padding:16px;background:#fff;text-align:center;position:relative}
.window-right ul li .obj2{width:183px;height:100px;background:rgba(255,255,255,1);box-shadow:0 0 7px 0 rgba(54,54,54,0.19);border-radius:6px;padding-top:28px}
.window-right ul li .obj3{width:183px;height:80px;background:rgba(255,255,255,1);box-shadow:0 0 7px 0 rgba(54,54,54,0.19);border-radius:6px;padding-top:19px}
.window-right ul li .objective .btn-close{position:absolute;right:10px;top:10px;z-index:9999}
.window-right ul li .objective .mubiao{display:flex}
.window-right ul li .objective .mubiao div{position:relative}
.window-right ul li .objective .mubiao div hr{position:absolute;width:32px;height:1px;top:5px;left:45px;border-color:rgba(0,0,0,0.2)}
.window-right ul li .objective .mubiao div .icon-mubiao{font-size:19px;color:#999}
.window-right ul li .objective .mubiao div .icon-shouji{font-size:17px;color:#999}
.window-right ul li .objective .mubiao div .icon-shouhu{font-size:20px;color:#999}
.window-right ul li .objective .mubiao div span{display:block;margin-top:10px;font-size:12px;color:#666}
.window-right ul li .objective p em{font-style:normal;color:#02b6cf}
.window-right ul li .objective p span{display:inline-block;width:120px;height:30px;line-height:30px;background:rgba(2,182,207,1);border-radius:2px;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(255,255,255,1);border-radius:4px}
.window-right ul li:hover .objective{display:block}
.window-right ul li a>i{display:block;text-align:center;font-size:23px;color:#666;margin-bottom:3px}
.window-right ul li a .yuan{display:inline-block;width:8px;height:8px;background:rgba(255,85,76,1);border-radius:50%;position:absolute;top:8px;right:12px}
.hoverA:hover{background:#39d4ea !important}
.hoverB:hover{background:#fe9a19 !important}
.icon-invite{display:inline-block;width:22px;height:22px;background:url(/web/images/css_split.png?v=8) no-repeat;background-position:-336px -77px;margin-left:15px}
.one_one_active{position:relative;width:100%}
.one_one_active a img{width:100%;display:block}
.one_one_active .img1111{display:inline-block;height:60px;width:100%;background-size:contain}
.one_one_active .study{display:block;height:60px;width:100%;background-size:cover;background-position:center}
.one_one_active i{position:absolute;color:#fff;top:20px;right:100px;cursor:pointer}
.ono_one_right{position:fixed;top:144px;right:0;z-index:9999}
.upgrade-top{background-image:url(/ht_upload/one_one/img/upgrade.v1.png?v=2)}
.back-o-top{background-image:url(/ht_upload/one_one/img/back-o.png?v=2)}
.back-top{background-image:url(/ht_upload/one_one/img/back.v1.png?v=2)}
.main-top{background-image:url(/ht_upload/one_one/img/main.png?v=2)}
.study-u-top{background:url(/ht_upload/winner_study/study-u.png) no-repeat}
.study-o-top{background:url(/ht_upload/winner_study/study-o.png) no-repeat}
.a12-u-top{background:url(/ht_upload/everyday_active/a12/a12-u.png) no-repeat}
.a12-o-top{background:url(/ht_upload/everyday_active/a12/a12-o.png) no-repeat}
.a12-top{background:url(/ht_upload/everyday_active/a12/a12.png) no-repeat}
.window-right{box-shadow:-2px 0 6px 0 rgba(0,0,0,.1);top:0}
.window-right ul li.te{position:absolute;bottom:0}
.window-right ul li.te a{padding-left:5px}
.all_img_tip{width:29px;display:inline-block;font-size:12px;font-family:Microsoft YaHei;font-weight:400;height:25px;background:url(/web/images/css_sprites.png?v=8) no-repeat -107px -696px}
.QQqun{width:200px;height:57px;background:#fff;padding:15px;box-shadow:0 0 7px 0 rgba(54,54,54,0.19);border-radius:6px}
.QQqun_t,.QQqun_b{display:flex;justify-content:space-between}
.QQqun_t{margin-bottom:10px}
.QQqun_t span,.QQqun_b span{color:rgba(102,102,102,1);display:inline-block;width:75px;text-align:center;font-size:12px;font-family:Microsoft YaHei;font-weight:400;line-height:28px}
.QQqun_t a{display:inline-block;width:90px;height:28px;background:rgba(255,144,0,1);border-radius:4px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);text-align:center;line-height:28px}
.QQqun_t a:hover{background:#ffa025}
.QQqun_b a{display:inline-block;width:90px;height:28px;background:rgba(2,182,207,1);border-radius:4px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);text-align:center;line-height:28px}
.QQqun_b a:hover{background:#4ccee0}
.layout{margin:0 auto}
.header .header_nav .nav_top li.li-punch:hover a{color:#fff}
.header .li-punch .xl-punch{width:290px;padding-top:24px;position:absolute;top:58px;left:0;background:#fff;border-radius:0 0 6px 6px;box-shadow:0 3px 11px 0 rgba(139,139,139,.36)}
.header .li-punch:hover .xl-punch{display:block}
.header .li-punch.show-2:hover .xl-punch,.header .li-punch.show-1 .xl-punch{display:block !important}
.header .li-punch .xl-punch .close{display:none;width:12px;height:12px;position:absolute;top:10px;right:10px}
.header .li-punch.show-1 .xl-punch .close{display:block}
.header .li-punch .xl-punch .close:after,.header .li-punch .xl-punch .close:before{content:'';width:16px;height:1px;background:#999;position:absolute;top:5px;left:-2px;transform:rotate(45deg)}
.header .li-punch .xl-punch .close:after{transform:rotate(-45deg)}
.header .li-punch .xl-punch .lists{padding:0 10px}
.header .li-punch .xl-punch .lists .list{margin-bottom:14px;position:relative}
.header .li-punch .xl-punch .lists .list .left-img{display:block;width:120px;height:70px;border-radius:4px;overflow:hidden;position:absolute;top:0;left:0}
.header .li-punch .xl-punch .lists .list .left-img img{width:100%;height:100%}
.header .li-punch .xl-punch .lists .list .right-con{padding-left:130px}
.header .li-punch .xl-punch .lists .list .right-con .title{display:block;font-size:14px;color:#1f1f1f;padding-top:2px;line-height:18px;height:36px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.header .li-punch .xl-punch .lists .list .right-con .btn-punch{display:block;width:80px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#fff;border-radius:4px;background:#02b6cf;margin-top:10px;transition:all .2s}
.header .li-punch .xl-punch .lists .list .right-con .btn-punch:hover{background:#4ccee0}
.header .li-punch .xl-punch .see-more{display:block;width:100%;height:24px;line-height:24px;background:#f7f7f7;text-align:center;font-size:12px;color:#b3b3b3 !important;border-radius:0 0 6px 6px}
.popup-wrap{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.popup-wrap .mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:997;background:rgba(0,0,0,.6)}
.lottery-popup .popup{width:593px;height:384px;background:url(/activity/upgrade/bg.png?v=1) no-repeat center/cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:998}
.lottery-popup .popup .close{width:34px;height:34px;background:#fff;border-radius:50%;position:absolute;top:25px;right:25px;cursor:pointer}
.lottery-popup .popup .close:after,.lottery-popup .popup .close:before{content:'';width:22px;height:1px;background:#ff7c1c;transform:rotate(45deg);position:absolute;top:17px;left:6px}
.lottery-popup .popup .close:after{transform:rotate(-45deg)}
.lottery-popup .popup-t{width:223px;height:68px;margin:30px auto 0;background:url(/activity/upgrade/t.png?v=1) no-repeat center/cover}
.lottery-popup .popup-c{width:538px;height:274px;background:#a62203;border-radius:20px;margin:-15px auto 0;padding:25px 20px}
.lottery-popup .popup-c .lottery-c{overflow:hidden}
.lottery-popup .popup-c .card{width:157px;height:193px;float:left;margin-right:13.5px;cursor:pointer;position:relative}
.lottery-popup .popup-c .card .card-side{width:157px;height:193px;-webkit-transition:all .8s ease;transition:all .8s ease;position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.lottery-popup .popup-c .card .card-side img{width:100%;height:100%}
.lottery-popup .popup-c .card .card-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.lottery-popup .popup-c .active .card-front,.lottery-popup .popup-c .card-show .card .card-front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
.lottery-popup .popup-c .active .card-back,.lottery-popup .popup-c .card-show .card .card-back{-webkit-transform:rotateY(0);transform:rotateY(0)}
.lottery-popup .popup-c .card:last-child{margin-right:0}
.lottery-popup .popup-c .b-tips{font-size:14px;color:#fff;text-align:center;padding-top:20px}
.discount-popup .popup{width:345px;height:405px;background:url(/activity/upgrade/bg-b.png?v=1) no-repeat center/cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:998}
.discount-popup .popup .close,.upgrade-discount-popup .popup .close{width:28px;height:28px;position:absolute;top:2px;right:1px;cursor:pointer;z-index:9}
.discount-popup .popup .popup-c{display:block;width:330px;height:364px;text-align:center;position:absolute;right:0;bottom:0;z-index:8}
.discount-popup .popup .popup-c .span,.upgrade-discount-popup .popup .popup-c .span{padding:170px 0 10px;font-size:16px;color:#4d4d4d}
.discount-popup .popup .popup-c .span span,.upgrade-discount-popup .popup .popup-c .span span{color:#ff2929;font-weight:600}
.discount-popup .popup .popup-c .count-down,.upgrade-discount-popup .popup .popup-c .count-down{font-size:20px;color:#ff5a00}
.discount-popup-s,.upgrade-discount-popup-s{width:145px;height:178px;background:url(/activity/upgrade/bg-s.png?v=1) no-repeat center/cover;position:fixed;left:0;bottom:0;z-index:9}
.upgrade-discount-popup-s{width:146px;background:url(/activity/upgrade/bg-s2.png?v=1) no-repeat center/cover}
.discount-popup-s .close,.upgrade-discount-popup-s .close,.no_get_coupon .close{width:22px;height:22px;position:absolute;top:1px;right:0;z-index:8;cursor:pointer}
.discount-popup-s .popup-c,.upgrade-discount-popup-s .popup-c{display:block;width:134px;height:147px;position:absolute;right:4px;bottom:2px;z-index:7;text-align:center}
.discount-popup-s .popup-c .count-down,.upgrade-discount-popup-s .count-down{font-size:14px;color:#ff5a00;padding-top:70px}
.upgrade-discount-popup .popup{width:347px;height:380px;background:url(/activity/upgrade/bg-b2.png?v=1) no-repeat center/cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:998}
.upgrade-discount-popup .popup .popup-c{display:block;width:330px;height:338px;text-align:center;position:absolute;right:1px;bottom:0;z-index:8}
.no_get_coupon{width:145px;height:178px;background:url(/activity/upgrade/no_get_coupon.png) no-repeat center/cover;position:fixed;left:0;bottom:0;z-index:9;cursor:pointer}@media only screen and (max-width:1680px){.activeMian .btn-close{top:4px;right:1px;width:45px;height:45px}}@media screen and (max-width:1680px){.header .header_nav .nav_top>li{width:auto;padding:0 10px}
.header .header_nav .nav_top li .have_down{margin-left:0}
.layout{width:1200px}
.window-right ul{padding-top:30px}}@media screen and (min-width:1681px){.layout{width:1400px}
.window-right ul{padding-top:50px}}@media screen and (max-width:1680px) and (min-width:1441px){.header .header_nav .nav_top li{width:94px}}@media screen and (max-width:1440px){.layout{width:1000px !important}#footer .footer,#icp .icp{width:1000px}#footer .footer .footer-about .footer-lj,#footer .footer .footer-about .footer-xy,#footer .footer .footer-about .footer-lx{margin-left:52px}
.header .logo-box{margin-left:30px}
.header .header_nav .nav_top>li{padding:0 5px}
.header .header_r .r_seach input{width:120px}
.header .header_r{margin-right:30px}
.header .back-90sheji{padding:0 7px 0 30px}}

