/*# zfa 2022/10/24 17:34:23 */
@charset "UTF-8";html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:62.5%/1.5 "Helvetica Neue",Helvetica,STHeiTi,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal}
img{max-width:100%;border:0}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{text-decoration:none;color:#333}
.cf:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.cf{min-height:1%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.show{display:block}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
html{font-size:100px;font-size:13.33333vw}
@media screen and (max-width:320px){html{font-size:42.66667px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93333px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.33333px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:750px){html{font-size:100px;font-size:13.33333vw}}
@media screen and (min-width:751px){html{font-size:100px}
body{width:750px;margin:0 auto}}
.headFixed,.list-live li,.vid-state,.liveCode .list .btn,.liveCode .list .live-prize,.popArea .copylk,.prize-show li,.bindItem .ipt input[type='text'],.e-live{-webkit-box-sizing:border-box;box-sizing:border-box}
a.C01{text-decoration:underline}
.C01{color:#23C268}
.C02{color:#f00}
body{background:#eee;padding-bottom:1rem}
.foot{width:7.1rem;margin:0.2rem auto;background:#fff;border-radius:0.3rem;padding:0.2rem 0 0.4rem 0}
.modFooterWrap .mfAbout{border-radius:.3rem}
.modFooterWrap .mfFoot{background:#e7e8e9}
.bbsCard{width:7.02rem;margin:0 auto}
.headFixed{background:rgba(0,0,0,0.8);width:100%;height:.8rem;padding:.15rem .2rem;position:fixed;left:0;top:0;z-index:10}
.headFixed .img{float:left;width:.5rem;height:.5rem;overflow:hidden;border-radius:.1rem;margin-right:.1rem}
.headFixed .con{float:left;font-size:.22rem;line-height:.25rem;color:#fff;width:4.4rem;overflow:hidden}
.headFixed .con em{color:#23C268}
.headFixed .btn{float:right;width:1.65rem;height:.5rem;line-height:.52rem;overflow:hidden;background:#23C268;text-align:center;font-size:.24rem;color:#fff;border-radius:.06rem}
.fixOpenApp{display:block;width:1.8rem;height:.6rem;text-align:center;line-height:.62rem;background:#23C268;color:#fff;font-size:.26rem;border-radius:.3rem;position:fixed;left:50%;margin-left:-.9rem;bottom:1.4rem;z-index:100;-webkit-box-shadow:0 0 0.1rem rgba(0,0,0,0.1);box-shadow:0 0 0.1rem rgba(0,0,0,0.1)}
.sideFixed{position:fixed;right:.2rem;bottom:1.4rem;z-index:100}
.sideFixed a{display:block;width:.92rem;height:.92rem;margin-top:.15rem}
.sideFixed a img{display:block;width:100%;height:100%}
.navFixed{width:100%;height:1.2rem;position:fixed;left:0;bottom:0;z-index:100;background:white;border-radius:.4rem .4rem 0 0;-webkit-box-shadow:rgba(255,255,255,0.4) 0 -0.08rem 0.06rem 0;box-shadow:rgba(255,255,255,0.4) 0 -0.08rem 0.06rem 0}
.navFixed .list li{float:left;width:25%;height:1.2rem;overflow:hidden;text-align:center;line-height:2;font-size:.24rem;color:#797979;position:relative}
.navFixed .list li a{color:#797979}
.navFixed .list li span{display:block;width:.64rem;height:.5rem;background:url(../images/nav-item.png) no-repeat 0 0;background-size:100% 400%;background-color:transparent;margin:.2rem auto 0}
.navFixed .list li span.sp1{background-position:0 0}
.navFixed .list li span.sp2{background-position:0 33.34%}
.navFixed .list li span.sp3{background-position:0 66.67%}
.navFixed .list li span.sp4{background-position:0 100%}
.navFixed .list li i{position:absolute;top:.14rem;left:50%;margin-left:.2rem;height:.24rem;padding:0 .08rem;line-height:.26rem;background:#eee;border-radius:.12rem;font-size:.18rem}
.headArea{width:100%;overflow:hidden;position:relative}
.headArea .img img{display:block;width:100%}
.headArea .mask{width:100%;height:.7rem;position:absolute;left:0;bottom:0;background:url(../images/head-mask.png) repeat-x 0 0;background-size:auto 100%;background-color:transparent}
.msgRoll{background:url(../images/ico-msg.png) no-repeat left 44%;background-size:0.26rem auto;background-color:transparent;width:6.5rem;height:.4rem;overflow:hidden;padding-left:.32rem;position:absolute;left:.33rem;bottom:.05rem}
.msgRoll li{height:.4rem;overflow:hidden;line-height:.42rem;font-size:.24rem;color:#eee}
.msgRoll li .lk{color:#23C268;float:right;margin-left:.15rem}
.topArea{background:#fff;overflow:hidden;padding-bottom:.4rem}
.topArea .btnRemind{display:block;width:4.34rem;height:.9rem;background:#23C268;color:#fff;overflow:hidden;border-radius:.15rem;text-align:center;line-height:.92rem;font-size:.32rem;margin:.25rem auto 0}
.topArea .btnRemind::before{content:'';display:inline-block;vertical-align:middle;width:.4rem;height:.4rem;background:url(../images/ico-remind.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;margin:-2px .1rem 0 0}
.topArea .btnRemind.active{background:#FFAF0F}
.topArea .btnRemind.active::before{background-image:url(../images/ico-remind-on.png)}
.topArea .tipRemind{width:6.3rem;height:.44rem;text-align:center;line-height:.46rem;font-size:.24rem;background:#eee;color:#999;border-radius:.22rem;margin:.2rem auto 0;position:relative}
.topArea .tipRemind::after{content:'';width:0;height:0;overflow:hidden;border:5px solid #eee;border-color:transparent transparent #eee;position:absolute;left:50%;top:-10px;margin-left:-5px}
.tabNav{padding:.3rem 0;width:7rem;margin:0.25rem auto 0;background:#fff;overflow-x:auto;border-radius:0.2rem 0.2rem 0 0}
.tabNav::-webkit-scrollbar{display:none}
.tabNav ul{width:100%;font-size:0;line-height:0;white-space:nowrap}
.tabNav li{display:inline-block;min-width:.8rem;height:.4rem;border-radius:.22rem;line-height:.42rem;font-size:.24rem;border:1px solid #DBDCDD;padding:0 .25rem;text-align:center;color:#989898;margin-left:0.3rem;position:relative}
.tabNav li.on{background:#23C268;border-color:#23C268;color:#fff}
.tabNav li.dot::after{content:'';width:7px;height:7px;overflow:hidden;background:#f00;border:1px solid #fff;border-radius:50%;position:absolute;left:50%;top:-4px;margin-left:.4rem}
.area{margin-top:.4rem}
.area .areahd{height:.6rem;overflow:hidden;font-size:.24rem;color:#333;padding:0 .24rem}
.area .areahd em{float:left;font-size:.32rem;font-weight:bold}
.area .areahd .tab span{color:#999;margin-right:.1rem}
.area .areahd .tab span.on{font-size:.32rem;font-weight:bold;color:#333}
.liveSlide{width:7rem;overflow:hidden;margin:0 auto;border-radius:0 0 0.2rem 0.2rem}
.liveSlide .swiper-wrapper{font-size:0;line-height:0;white-space:nowrap}
.liveSlide .swiper-slide{display:inline-block;width:100%;vertical-align:top}
.list-live{overflow-x:auto;margin-top:-.1rem}
.list-live::-webkit-scrollbar{display:none}
.list-live ul{padding-left:.25rem;width:9.12rem}
.list-live li{float:left;width:4.3rem;height:1.58rem;overflow:hidden;padding:.2rem .25rem;background:#fff;border-radius:.15rem;margin:.25rem .25rem 0 0}
.list-live li .img{float:left;width:1.18rem;height:1.18rem;border-radius:.15rem;margin-right:.1rem}
.list-live li .con{float:right;width:2.4rem}
.list-live li .name{display:block;height:.36rem;line-height:.38rem;font-size:.26rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.list-live li .info{height:.34rem;font-size:.24rem;color:#999;margin-top:.05rem}
.list-live li .info .vid-state{margin-right:.1rem}
.list-live li .btn{display:block;width:1.38rem;height:.4rem;text-align:center;line-height:.42rem;color:#fff;background:#23C268;border-radius:.06rem;font-size:.24rem;margin-top:.05rem}
.list-ot{width:100%;overflow-x:auto;overflow-y:hidden;margin-top:.15rem;font-size:0;line-height:0;white-space:nowrap}
.list-ot::-webkit-scrollbar{display:none}
.list-ot li{display:inline-block;vertical-align:top;width:4rem;margin-left:.24rem}
.list-ot li:last-child{margin-right:.24rem}
.list-ot li .img{display:block;width:4rem;height:2rem;overflow:hidden;border-radius:.15rem}
.list-ot li .img.vid{position:relative}
.list-ot li .img.vid::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/ico-vid.png) no-repeat center;background-size:0.56rem auto;background-color:rgba(0,0,0,0.2)}
.list-ot li .tit{height:.64rem;line-height:.34rem;white-space:initial;font-size:.26rem;margin-top:.12rem;overflow:hidden}
.list-ot li .tit .vid-state{margin-right:.14rem}
.vid-state{float:left;width:.82rem;height:.3rem;overflow:hidden;font-size:.2rem;line-height:.32rem;text-align:center;border-radius:.16rem}
.vid-state.ing{background:#FFEFCF;border:1px solid #FDB72C;color:#FDB72C}
.vid-state.end{background:#C5E5D3;border:1px solid #23C268;color:#23C268}
.vid-state.not{background:#EBEBEB;border:1px solid #8D8D8D;color:#7C7C7C}
.bnArea{width:7.02rem;border-radius:.2rem;overflow:hidden;margin:.3rem auto 0}
.bnArea img{display:block;width:100%}
.qaArea{width:7.02rem;background:#fff;border-radius:.2rem;overflow:hidden;margin:.3rem auto 0}
.qaArea .qa-item{padding:.2rem .25rem;border-bottom:1px solid #eee;font-size:.24rem}
.qaArea .qa-item:last-child{border-bottom:none}
.qaArea .qa-item .tit{line-height:.48rem;font-size:.32rem}
.qaArea .qa-item .desc{font-size:.26rem;line-height:1.6;color:#5f5f5f;margin-top:.1rem}
.liveCard{background:#fff;overflow:hidden;width:100%}
.liveCard .state{height:.4rem;overflow:hidden;line-height:.42rem;font-size:.24rem;color:#fff;padding:0 .25rem;border-radius:.2rem}
.liveCard .state.not{background:#7C7C7C}
.liveCard .state.ing{background:#FFAF0F}
.liveCard .state.end{background:#23C268}
.liveCard .image{height:3.66rem;overflow:hidden;position:relative}
.liveCard .image .vid-ico{background:url(../images/ico-vid.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:.84rem;height:1.04rem;position:absolute;left:50%;top:50%;margin:-.42rem 0 0 -.52rem}
.liveCard .image img{display:block;width:100%;height:100%}
.liveCard .image .state{position:absolute;left:.2rem;top:.2rem}
.liveCard .detail{padding:.2rem;overflow:hidden}
.liveCard .detail .img{float:left;width:.9rem;height:.9rem}
.liveCard .detail .con{float:right;width:5.52rem;height:.9rem;overflow:hidden;position:relative}
.liveCard .detail .con em{display:block;height:.44rem;line-height:.46rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.3rem}
.liveCard .detail .con p{height:.4rem;line-height:.42rem;font-size:.26rem;color:#999}
.liveCard .detail .con .state{position:absolute;right:0;bottom:.1rem}
.liveCard .detail .con .state.ing::after{content:'';display:inline-block;vertical-align:top;width:.3rem;height:.3rem;background:url(../images/live-gif.gif) no-repeat center;background-size:0.16rem auto;background-color:transparent;margin-top:.05rem}
.liveCode{width:7rem;background:#fff;border-radius:.2rem;overflow:hidden;margin:.25rem auto 0;font-size:.24rem;line-height:1.4;color:#3c3c3c}
.liveCode .how{border-bottom:1px solid #eee;padding:.3rem;font-size:.26rem;line-height:.4rem;color:#666}
.liveCode .h-spc{border:none}
.liveCode .text{padding:0 .3rem .2rem;font-size:.26rem;line-height:.4rem}
.liveCode .text p{padding:.05rem 0}
.liveCode .tithd{padding:0 .3rem;height:.5rem;overflow:hidden;margin-top:.3rem;position:relative;text-align:center}
.liveCode .tithd em{font-size:.32rem;line-height:.52rem;font-weight:bold;color:#333;display:inline-block;vertical-align:top;position:relative}
.liveCode .tithd em::before,.liveCode .tithd em::after{content:'';background:#20c88d;width:0.2rem;height:0.07rem;display:inline-block;vertical-align:middle;border-radius:0.1rem;margin:0 0.15rem}
.liveCode .tithd .btnRefresh{position:absolute;right:0.3rem;top:0;width:.5rem;height:.5rem;overflow:hidden;line-height:99;background:url(../images/ico-refresh.png) no-repeat center;background-size:0.36rem auto;background-color:transparent}
.liveCode .sm-tit{color:#333;font-size:0.3rem;position:relative;padding:0 0.3rem;height:0.4rem;line-height:0.42rem;margin-top:0.34rem;font-weight:bold}
.liveCode .sm-tit::before{content:'';background:#20c88d;width:0.06rem;height:0.28rem;border-radius:0.1rem;overflow:hidden;display:inline-block;vertical-align:middle}
.liveCode .sm-tit .smTab{height:.46rem;overflow:hidden;background:#F6F4F5;border-radius:.23rem;margin-top:-.03rem}
.liveCode .sm-tit .smTab span{float:left;height:.46rem;line-height:.48rem;padding:0 .25rem;font-size:.24rem;font-weight:400;border-radius:.23rem;color:#999}
.liveCode .sm-tit .smTab .on{background:#23C268;color:#fff}
.liveCode .page{display:table;width:100%;text-align:center;height:0.44rem;line-height:0.48rem;overflow:hidden;font-size:0.26rem;color:#333;padding:0.24rem 0}
.liveCode .page a{width:1.1rem;height:0.44rem;border-radius:0.1rem;-webkit-box-shadow:#e8e3e6 0 0 0 1px inset;box-shadow:#e8e3e6 0 0 0 1px inset;display:inline-block;vertical-align:top}
.liveCode .page span{padding:0 0.35rem}
.liveCode .page i{color:#20c88d}
.liveCode .addBtn{width:4.34rem;height:0.88rem;line-height:0.92rem;text-align:center;color:#fff;background:#23c268;font-size:0.32rem;border-radius:0.15rem;display:block;margin:0 auto 0.2rem}
.liveCode .list{padding:.3rem .3rem 0}
.liveCode .list .sp1{float:left;width:2.24rem;padding:0 0.2rem}
.liveCode .list .sp2{float:left;width:2.24rem;margin-left:.1rem}
.liveCode .list .sp3{float:left;width:2.9rem}
.liveCode .list .sp4{float:right;width:2.9rem}
.liveCode .list .sp4 .live-prize{padding:0 0.1rem 0 0.2rem}
.liveCode .list .sp4 .live-prize input{width:1.8rem;height:0.58rem;background:none;border:none;font-size:0.24rem;color:#333}
.liveCode .list .sp4 .live-prize .btn-copy{margin-top:0.1rem}
.liveCode .list dt{overflow:hidden;height:.4rem;line-height:.42rem;font-size:.3rem;color:#23C268;text-align:center;padding-bottom:0.2rem}
.liveCode .list dd{background:#fff;overflow:hidden;padding:0.3rem 0;-webkit-box-shadow:#23c268 0 0 0 1px;box-shadow:#23c268 0 0 0 1px;position:relative}
.liveCode .list dd.spc{padding:0.2rem 0 0.3rem}
.liveCode .list dd.over{background:#dcdcdc}
.liveCode .list dd.over .btn,.liveCode .list dd.over .btn-copy{display:none}
.liveCode .list dd.over::before{content:'ʧЧ';background:#6c6c6c;width:1.2rem;height:0.6rem;-webkit-transform:rotate(45deg);position:absolute;right:-0.44rem;top:-0.14rem;text-align:center;color:#fff;line-height:0.8rem;overflow:hidden;font-size:0.22rem}
.liveCode .list dd::after{content:'';width:0;height:100%;border-right:#23c268 solid 1px;position:absolute;left:2.6rem;top:0}
.liveCode .list .btn-copy{float:right;width:.76rem;height:.38rem;border:1px solid #1DB2FF;border-radius:.2rem;color:#1DB2FF;overflow:hidden;text-align:center;line-height:.4rem;margin-right:0.2rem}
.liveCode .list .btn-down{float:right;width:1.08rem;height:.38rem;background:#23C268;border-radius:.2rem;font-size:.22rem;color:#fff;overflow:hidden;text-align:center;line-height:.4rem;margin-right:0.2rem}
.liveCode .list .txt{font-size:.26rem;margin-bottom:.1rem}
.liveCode .list .btn{display:block;height:.36rem;text-align:center;border:1px solid #23C268;color:#23C268;overflow:hidden;line-height:.36rem;font-size:.22rem;border-radius:.08rem}
.liveCode .list .tip{line-height:.36rem;font-size:.2rem;color:#999}
.liveCode .list .live-prize{width:2.9rem;height:0.58rem;line-height:0.62rem;-webkit-box-shadow:#e8e3e6 0 0 0 1px inset;box-shadow:#e8e3e6 0 0 0 1px inset;border-radius:0.06rem;color:#333;font-size:0.24rem;padding:0 0.2rem;display:block;overflow:hidden}
.liveCode .list .u-info{color:#999;font-size:0.24rem;overflow:hidden;padding-top:0.2rem}
.liveCode .list .u-info span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:top;max-width:2.5rem}
.liveCode .list .usable{overflow:hidden;padding-top:0.2rem;text-align:center}
.liveCode .list .usable a{width:2.9rem;height:0.5rem;border-radius:0.5rem;color:#23c268;font-size:0.24rem;line-height:0.54rem;-webkit-box-shadow:#23c268 0 0 0 1px inset;box-shadow:#23c268 0 0 0 1px inset;float:left}
.liveCode .list .usable a::before{content:'';background:url(../images/ico-yes.png) no-repeat 0 0;background-size:100% 100%;width:0.28rem;height:100%;display:inline-block;vertical-align:top}
.liveCode .list .usable a:nth-child(2){float:right}
.liveCode .list .usable a.no{background:#e9e9e9;color:#666;-webkit-box-shadow:#e9e9e9 0 0 0 1px inset;box-shadow:#e9e9e9 0 0 0 1px inset}
.liveCode .list .usable a.no::before{background-image:url(../images/ico-no.png)}
.liveCode .list .usable a.no.on{background-color:#c5c5c5;color:#666}
.liveCode .list .usable a.no.on::before{background-image:url(../images/ico-no.png)}
.liveCode .list .usable a.on{background-color:#49ce83;color:#fff}
.liveCode .list .usable a.on::before{background-image:url(../images/ico-yes2.png)}
.other{padding-bottom:0.3rem}
.other .list{padding:0.3rem 0 0;width:6.4rem;margin:0 auto;border-bottom:1px solid #eee}
.other .list dd{-webkit-box-shadow:none;box-shadow:none}
.other .list dd::after{display:none}
.other .list dd.spc{padding:0 0 0.3rem}
.tac{text-align:center !important}
.mt10{margin-top:.1rem !important}
.mt15{margin-top:.15rem !important}
.mt20{margin-top:.2rem !important}
.fwb{font-weight:bold}
.popArea{display:none;width:6.6rem;background:#fff;border-radius:.2rem;margin:0 auto;position:relative}
.popArea .inner{padding:.4rem .35rem;font-size:.24rem;line-height:1.4;color:#333}
.popArea .pop-hide{background:url(../images/pop-hide.png) no-repeat center;background-size:0.3rem auto;background-color:transparent;width:.5rem;height:.5rem;overflow:hidden;line-height:99;position:absolute;right:.1rem;top:.1rem}
.popArea .pop-tit{font-size:.32rem;font-weight:bold;text-align:center;line-height:.48rem}
.popArea .pop-f26{font-size:.26rem;line-height:1.8;text-align:justify}
.popArea .pop-f26 span{color:#f61313}
.popArea .pop-f26 a{color:#21a9ef;text-decoration:underline}
.popArea .pop-f30{font-size:.30rem}
.popArea .pop-f36{font-size:.36rem}
.popArea .pop-btn{width:6.6rem;text-align:center;line-height:0;font-size:0;margin-top:.3rem;margin-left:-.35rem}
.popArea .pop-btn a{display:inline-block;vertical-align:top;height:.88rem;min-width:2rem;padding:0 .4rem;background:#23C268;color:#fff;font-size:.32rem;line-height:.9rem;border-radius:.44rem;margin:0 .15rem}
.popArea .pop-btn a.bt2{background:#FDB72C}
.popArea .pop-btn a.nobind{background:none;color:#999;font-size:.24rem;text-decoration:underline;padding:0 0;margin:0;margin-right:.9rem}
.popArea .pd25{padding:.25rem}
.popArea .copylk{display:inline-block;width:.8rem;height:.4rem;border:1px solid #1DB2FF;color:#1DB2FF;font-size:.26rem;font-weight:400;text-align:center;line-height:.42rem;border-radius:.22rem;vertical-align:middle;margin:-2px 0 0 .15rem}
.popArea .nobind{color:#999;text-decoration:underline}
.notip{display:block;height:0.38rem;line-height:0.4rem;font-size:0.26rem;color:#c5c5c5;margin-top:0.15rem}
.notip input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;float:left;width:0.26rem;height:0.26rem;text-align:center;line-height:0.25rem;font-size:0.2rem;color:#fff;color:transparent;margin:0.06rem 0.1rem 0 0;border:1px solid #c5c5c5;border-radius:2px}
.notip input[type="checkbox"]:checked{color:#23c268;border:1px solid #666}
.notip input[type="checkbox"]:after{content:"\2714"}
.prize-show{overflow:hidden}
.prize-show li{float:left;width:33.33%;height:1.98rem;padding:0 .05rem;text-align:center;line-height:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:.25rem}
.prize-show li img{display:block;width:1.48rem;height:1.48rem;border:1px solid #8C8C8C;border-radius:.2rem;margin:0 auto}
.stepArea{background:#eee;padding:.25rem;border-radius:.2rem;margin-top:.25rem}
.stepArea .tit{height:.5rem;font-size:.3rem;font-weight:bold;text-align:center}
.stepArea .txt{font-size:.24rem;line-height:1.4;margin-top:.05rem}
.bindItem{margin-top:.25rem}
.bindItem .tip{font-size:.22rem;line-height:.4rem;color:#999}
.bindItem .tip img{display:inline-block;vertical-align:middle;width:.26rem;height:.26rem;vertical-align:middle;margin-left:.1rem;margin-top:-2px}
.bindItem .ipt{height:.72rem;overflow:hidden;position:relative;margin-top:.2rem}
.bindItem .ipt input[type='text']{width:100%;height:100%;padding:.15rem .7rem .15rem .25rem;font-size:.26rem;border:none;background:#eee;border-radius:.1rem}
.bindItem .ipt input[type='text'].spc{padding:.15rem .25rem}
.bindItem .ipt input[type='text'].mb{width:3.7rem}
.bindItem .ipt .mb-code{float:right;width:1.98rem;height:.72rem;background:#FFAF0F;text-align:center;line-height:.74rem;color:#fff;border-radius:.1rem;overflow:hidden}
.bindItem .ipt .del{width:.72rem;height:.72rem;overflow:hidden;line-height:99;position:absolute;right:0;top:0;background:url(../images/ico-del.png) no-repeat center;background-size:0.34rem auto;background-color:transparent}
.e-live{width:7.02rem;background:#fff;border-radius:0.2rem;overflow:hidden;margin:0.3rem auto 0;padding:0.2rem;height:1.26rem}
.e-live .l-logo{width:0.86rem;height:0.86rem;position:relative;float:left}
.e-live .l-logo img{width:100%;height:100%;display:block}
.e-live .l-has::after{content:'LIVE';background:#ff3636;width:0.6rem;position:absolute;right:-0.1rem;top:-0.1rem;color:#fff;font-size:0.2rem;line-height:0.25rem;text-align:center;border-radius:0.5rem;height:0.22rem}
.e-live dl{width:3.8rem;height:0.86rem;padding-left:0.2rem;float:left}
.e-live dl dt{color:#23c268;font-size:0.32rem;overflow:hidden;width:3.8rem}
.e-live dl dd{font-size:0.24rem;color:#666;line-height:0.33rem;width:3.8rem;padding-top:0.04rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:0.33rem}
.e-live dl dd img{float:left;width:0.9rem;margin-right:0.1rem}
.e-live .en-btn{color:#23c268;font-size:0.24rem;width:1.54rem;height:0.5rem;line-height:0.54rem;border-radius:0.5rem;overflow:hidden;-webkit-box-shadow:#23c268 0 0 0 1px inset;box-shadow:#23c268 0 0 0 1px inset;float:right;text-align:center;margin-top:0.18rem}
.tipArea{background:url(../images/tipArea.png) no-repeat left bottom;background-size:100% auto;background-color:#fff;width:7.02rem;-webkit-box-shadow:0 0 0.1rem rgba(0,0,0,0.1);box-shadow:0 0 0.1rem rgba(0,0,0,0.1);overflow:hidden;border-radius:.2rem;margin:0 auto;position:relative}
.tipArea .hide-it{background:url(../images/pop-hide.png) no-repeat center 60%;background-size:0.26rem auto;background-color:transparent;position:absolute;right:0;top:0;width:.6rem;height:.45rem;overflow:hidden;line-height:99}
.tipArea .inner{padding:.24rem;font-size:.24rem;line-height:1.5;overflow:hidden}
.tipArea .inner .txt{float:left;width:4.84rem;line-height:.4rem;font-size:.26rem;color:#333}
.tipArea .inner .txt em{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAZCAMAAAD63NUrAAAAV1BMVEVHcEwjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmgjwmg9cPYCAAAAHHRSTlMAWW5z/ndpu8RECSXuA80u9dYR3+IZ+6iHwDpQ7Bu/xwAAAK1JREFUeNq1ztsOgyAURNGpUlsBAe+Xzv9/ZyWV0Ao+dj8xWckJ2FP1kfKrq0MSgDUMTRZo+rBEK6E0Y9uuX7vGTJr70Qt7tvRP4/UGzUEiqRIfJZ8pFjuaqCmWVdQUETSLF1qSokDUHEbNIpQexqAJAg3wq6OgqBA6q2yniJ08KZoOIev0GDTN//mPKq60IF/o6VQO5UpaLKRbH2kD2TaQhhe5zZ9YepExPSvgDQW2GUUxIPFvAAAAAElFTkSuQmCC) no-repeat left 50%;background-size:.28rem auto;padding-left:.38rem;display:block;font-weight:bold}
.tipArea .inner .btn{float:right;width:1.24rem;height:.54rem;line-height:.56rem;overflow:hidden;text-align:center;background:#23c268;color:#fff;font-size:.24rem;border-radius:.08rem;margin:.32rem .2rem 0 0}
.tipAni{position:absolute;-webkit-transform-origin:100% 0;transform-origin:100% 0;z-index:105;-webkit-animation:tipAni .8s linear;animation:tipAni .8s linear}
@-webkit-keyframes tipAni{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
90%{opacity:1;-webkit-transform:scale(0.3);transform:scale(0.3)}
100%{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}}
@keyframes tipAni{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
90%{opacity:1;-webkit-transform:scale(0.3);transform:scale(0.3)}
100%{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}}
.shake{-webkit-animation:shake 1.8s linear 1;animation:shake 1.8s linear 1}
@-webkit-keyframes shake{0%,100%{-webkit-transform:rotate(0deg) scale(0.5);transform:rotate(0deg) scale(0.5)}
10%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}
15%,25%,35%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
20%,30%,40%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
45%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
55%,90%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes shake{0%,100%{-webkit-transform:rotate(0deg) scale(0.5);transform:rotate(0deg) scale(0.5)}
10%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}
15%,25%,35%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
20%,30%,40%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
45%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
55%,90%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
.pop{width:6.24rem;background:#fff;border-radius:.1rem;padding:.32rem .28rem;font-size:.28rem;z-index:1000;position:fixed;left:50%;top:50%;display:none}
.pop .tit{font-size:.34rem;font-weight:bold;line-height:.4rem;text-align:center;margin-bottom:.1rem}
.pop .li{height:1.08rem;border-bottom:solid 1px #eee}
.pop label{float:left;width:1.6rem;height:1.08rem;line-height:1.08rem}
.pop .li input{float:left;width:4.05rem;line-height:normal;height:1.08rem;font-size:.24rem}
.pop .li2 label{height:.56rem;line-height:.8rem}
.pop .tip{font-size:.22rem;line-height:.4rem;margin-top:.2rem;color:#666}
.pop .tip b{color:#eb4e4e;font-weight:normal}
.pop .btn{text-align:center;margin-top:.2rem}
.pop .btn a{display:inline-block;width:2.34rem;height:.7rem;line-height:.72rem;border-radius:.1rem;margin:0 .2rem}
.pop .btn .cancel{color:#23c268;border:solid 1px #23c268}
.pop .btn .ok{color:#fff;background:#23c268}
.pop .img-upload{float:left}
.pop .img-upload{width:100%}
.pop .img-upload li{position:relative;padding-top:.1rem;margin:.12rem;float:left}
.pop .img-upload li .img-box,.pop .img-upload li .img-box .loading{width:1.6rem;height:1.6rem;border-radius:.1rem;background-color:#f6f6f6}
.pop .img-upload li .img-box .loading{position:absolute;left:0;top:.12rem;background:rgba(0,0,0,0.5);color:#fff;line-height:1.6rem;text-align:center}
.pop .img-upload li .dete{position:absolute;top:0;right:-.1rem;background:url(../images/close.png) no-repeat;background-size:.3rem .3rem;width:.3rem;height:.3rem;z-index:3}
.pop .img-upload li .img{width:1.6rem;height:1.6rem;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:.1rem}
.pop .img-upload .up-file{width:1.6rem;height:1.6rem;position:relative;border-radius:.1rem;background-color:#f6f6f6;float:left;margin:.22rem .12rem .12rem;overflow:hidden}
.pop .img-upload .up-file a{display:block;width:100%;height:100%;background:url(../images/add.png) no-repeat center center;background-size:.59rem .59rem}
.pop .img-upload .up-file .file{position:absolute;left:0;top:0;width:100%;height:100%;font-size:200px;opacity:0;cursor:pointer;display:inline-block;z-index:2}
.pop .pic-list{overflow-y:auto;padding-right:.05rem}
.pop .pic-list::-webkit-scrollbar{border-radius:.02rem;width:.05rem;background-color:#ffffff}
.pop .pic-list::-webkit-scrollbar-track{border-radius:.02rem;background-color:#ffffff}
.pop .pic-list::-webkit-scrollbar-thumb{border-radius:.02rem;background-color:#e2e0e0}
.toast{display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;outline:none;z-index:9999999}
.toast .content{min-width:3.1rem;padding:.2rem .3rem;background:rgba(0,0,0,0.6);color:#fff;font-size:.26rem;border-radius:.2rem;text-align:center}
.dialog{position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,0.3);outline:none}
.dialog-mask{background:rgba(0,0,0,0.4);position:fixed;top:0;left:0;right:0;z-index:99;width:100%;height:100%;display:none}
.dialog-content{position:absolute;z-index:100;background:none;border:none;left:50%;width:6.25rem;margin-left:-3.1rem}
.pop2{position:static;display:block;margin:0;left:auto;top:auto;width:100%}
.pclose{background:url(../images/ppclose.png) no-repeat center center;background-size:0.4rem 0.4rem;width:0.66rem;height:0.66rem;line-height:99;display:block;position:absolute;top:0rem;right:0rem;z-index:5}
.pcon{background:#fff;padding:0.3rem;border-radius:0.3rem;text-align:center;overflow:hidden}
.ptit{height:0.5rem;line-height:0.5rem;font-size:0.36rem;text-align:center;font-weight:bold;color:#259241}
.ppbtn{text-align:center;vertical-align:top;overflow:hidden}
.ppbtn a{min-width:1rem;height:0.82rem;line-height:0.72rem;padding:0 .3rem;display:inline-block;border-radius:0.1rem;color:#fff;font-size:0.36rem;overflow:hidden;vertical-align:top}
.ppbtn a:nth-child(2){margin-left:.35rem}
.pbtn{background:#6dd989;-webkit-box-shadow:0 -0.1rem 0 0 #259241 inset;box-shadow:0 -0.1rem 0 0 #259241 inset}
.pbtn1{background:#ffaf6e;-webkit-box-shadow:0 -0.1rem 0 0 #ba6a29 inset;box-shadow:0 -0.1rem 0 0 #ba6a29 inset}
.pop-ts{font-size:0.24rem;color:#666;line-height:0.3rem;margin-top:0.4rem}
.wxpop{width:6.25rem;background:#fff;border-radius:.1rem;display:none;font-size:.28rem;position:fixed;left:50%;top:50%;z-index:1000;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.wxclose{background:url(../images/wxclose.jpg) no-repeat center center;background-size:0.22rem auto;position:absolute;right:0;top:0;width:0.6rem;height:0.6rem;line-height:999;overflow:hidden;z-index:1}
.wxcon{padding:0.4rem 0.3rem 0.3rem;font-size:0.24rem;color:#434343}
.wxtit{color:#23c268;line-height:0.48rem;font-weight:bold;text-align:center;font-size:0.36rem}
.wxstep{border-top:#999 dashed 1px;margin-top:0.2rem;padding-top:0.2rem}
.wxstep p.p-1{text-indent:0.5rem}
.wxstep li{font-size:0.22rem;margin-top:0.2rem}
.wxstep li em{background:url(../images/wxcircle.png) no-repeat 0 0.13rem;background-size:0.1rem auto;line-height:0.36rem;display:block;color:#23c268;padding-left:0.2rem;font-size:0.24rem}
.wxstep img{margin-top:0.2rem}
.wxstep .st-img{background:#f6f6f6;padding:0.1rem;display:table;width:100%;margin-top:0.1rem}
.wxstep .st-img img,.st-img ul{display:table-cell;vertical-align:middle}
.wxstep .st-img img{width:2.7rem;margin-top:0;height:1.4rem}
.wxstep .st-img ul{padding-left:0.3rem;width:2.6rem}
.wxstep .st-img li{list-style-type:decimal;line-height:0.3rem;font-size:0.2rem;margin-top:0}
.wxbtn{text-align:center;display:table;width:100%;padding-top:0.3rem}
.wxbtn a{background:#23c268;display:inline-block;margin:0 0.2rem;color:#fff;height:0.7rem;line-height:0.74rem;overflow:hidden;min-width:2rem;padding:0 0.2rem;border-radius:0.1rem}
.bnArea{width:7.08rem;overflow:hidden;border-radius:.15rem;margin:.25rem auto 0}
.bnArea img{display:block;width:100%}
.popDown{display:none;width:6.6rem;background:#fff;border-radius:.2rem;margin:0 auto;position:relative}
.popDown .hide-it{position:absolute;right:-.22rem;top:-.22rem;background:url(../images/pop/pop-hide.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:.7rem;height:.7rem;overflow:hidden;line-height:99;z-index:5}
.popDown .inner{background:url(../images/pop/pd-inner.png) no-repeat left bottom;background-size:100% auto;background-color:#fff;border-radius:.08rem}
.popDown .pd-head{padding:.3rem .4rem;background:#08D080;border-radius:.08rem .08rem 0 0;position:relative}
.popDown .pd-head::before{content:'';width:0;height:0;border:.1rem solid #08D080;border-color:#08D080 transparent transparent transparent;position:absolute;left:.68rem;bottom:-.2rem}
.popDown .pd-head::after{content:'';width:2.3rem;height:2.6rem;overflow:hidden;background:url(../images/pop/pd-role.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:absolute;right:.45rem;top:-.5rem}
.popDown .pd-body{padding:.25rem .4rem;overflow:hidden}
.popDown .pd-foot{background:url(../images/pop/pd-slogan.png) no-repeat center;background-size:auto .48rem;background-color:transparent;height:1.2rem}
.popDown .pd-tit{width:3.92rem;color:#fff}
.popDown .pd-tit em{display:block;height:.6rem;line-height:.62rem;font-size:.42rem}
.popDown .pd-tit p{font-size:.26rem;line-height:.4rem;margin-top:.1rem}
.popDown .pd-down{background:url(../images/pop/pd-down.gif?2) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:6rem;height:1.14rem;text-align:center;line-height:1.14rem;font-size:.28rem;font-weight:bold;padding:0 .2rem 0 .86rem;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}
.popDown .pd-qr{height:2.22rem;overflow:hidden;text-align:center;font-size:.24rem;line-height:2.2;color:#999;margin:.1rem auto 0}
.popDown .pd-qr img{display:block;width:1.82rem;height:1.82rem;margin:0 auto}
.popDown .gui01{margin:0 .1rem}
.popDown .gui01 p{padding-left:.28rem;line-height:.44rem;font-size:.26rem;color:#666;text-align:justify}
.popDown .gui01 p:first-child{background:url(../images/pop/join-point.png) no-repeat left 48%;background-size:.22rem auto;background-color:transparent}
.popDown .gui01 p em{font-weight:bold;color:#333}
.popDown .gui02{border-top:1px solid #F0F0F0;padding-top:.25rem;margin-top:.2rem}
.popDown .gui02 .text{font-size:.24rem;line-height:.36rem;color:#999;margin-top:.2rem}
.popDown .gui02 .info{height:.42rem;overflow:hidden;line-height:.44rem}
.popDown .gui02 .info .sp1{float:left;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAcCAMAAABrlg40AAAAA1BMVEUiuJBAoBigAAAAFUlEQVR42uXBAQEAAACAkP6vNiQaAwD8AAEWvR8IAAAAAElFTkSuQmCC) no-repeat;background-size:.08rem auto;padding-left:.15rem;background-position:left 48%;font-size:.26rem;width:2.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-stroke-width:.2pt}
.popDown .gui02 .info .sp2{float:right;font-size:.24rem;color:#999;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAMAAADkSAzAAAAAaVBMVEVHcEysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKx9GZ8EAAAAInRSTlMA3KL2GmK7/BIFeZQhCjlJyD+rgFQq1240XfDfzpuM6a/svHrrcQAAAP5JREFUeNptkNmyhCAMRFkUFHFfx21m+v8/ckDD1arreSBpQtJF2D8im7NncrMAWtVPtaQCz9pGwjwUFdrUBbuiu3UUvQ8lMtLvJQ1GmwYG5yN0RFctir9hatylnFjFGVEjPpMSmzt7qW7FMhR3WB8anW64xk5nkp1XAmkNQYuYB3r1gjn06rqR5d5i0CUV00HvdczhdK7wFZnS2juGVk/lemyDg3kM3zSQwuyD83tJfLo+mkaO1TJPhyo6+osOvCAno3nik+XtgsdKHrFAjI87C7SkGxTsQqD2T0patlbshtXC/amhqR1tLFB9b8LQxgIZkkvEkgQxznedUrz0DxoiEH2Xa6E1AAAAAElFTkSuQmCC) no-repeat;background-size:.28rem auto;padding-left:.35rem;background-position:left 48%}