/*# zfa 2025/6/18 10:46:06 通用直播专题-绝区零-wap */
@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.6666666667px;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.9333333333px;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.3333333333px;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}}
.e-live,.bindItem .ipt input[type=text],.prize-show li,.headFixed{-webkit-box-sizing:border-box;box-sizing:border-box}
a.C01{text-decoration:underline}
.C01{color:#f75f38}
.C02{color:#f00}
.cl1{color:#f4cfa5 !important}
.cl2{color:#444 !important}
.cl3{color:#e81c49 !important}
body{background:#101010;padding-bottom:1.5rem}
.foot{width:7.1rem;margin:0.2rem auto;background:#fff;border-radius:0.3rem;padding:0.2rem 0 0.4rem 0}
.bbsCard{width:100%;margin:0 auto}
.headFixed{background:rgba(0,0,0,0.8);width:7.5rem;height:0.8rem;padding:0.15rem 0.2rem;position:fixed;left:50%;top:0;margin-left:-3.75rem;z-index:100}
.headFixed .img{float:left;width:0.5rem;height:0.5rem;overflow:hidden;border-radius:0.1rem;margin-right:0.1rem}
.headFixed .con{float:left;font-size:0.22rem;line-height:0.25rem;color:#fff;width:4.4rem;overflow:hidden}
.headFixed .con em{color:#DCFE00}
.headFixed .btn{float:right;width:1.56rem;height:0.5rem;line-height:0.52rem;text-align:center;background:#DCFE00;color:#000;font-size:0.24rem;border-radius:0.1rem}
.fixOpenApp{background:#DCFE00;border-radius:0.25rem;display:block;width:1.76rem;height:0.5rem;text-align:center;line-height:0.52rem;color:#201915;font-size:0.24rem;position:fixed;left:50%;margin-left:-0.9rem;bottom:1.7rem;z-index:100}
.sideFixed{position:fixed;right:0.2rem;bottom:1.8rem;z-index:100}
.sideFixed a{display:block;width:1.01rem;margin-top:0.15rem}
.sideFixed a img{display:block;width:100%}
.navFixed{width:7.5rem;height:1.48rem;position:fixed;left:50%;margin-left:-3.75rem;bottom:0;z-index:100;background:#EFEFEF;border-radius:0.4rem 0.4rem 0 0}
.navFixed .list li{float:left;width:25%;height:1.48rem;overflow:hidden;text-align:center;line-height:2;font-size:0.24rem;color:#2D3445;position:relative}
.navFixed .list li a{color:#2D3445}
.navFixed .list li span{display:block;width:0.74rem;height:0.74rem;margin:0.2rem auto 0}
.navFixed .list li span.sp1{background:url(../images/nav1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.navFixed .list li span.sp2{background:url(../images/nav2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.navFixed .list li span.sp3{background:url(../images/nav3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.navFixed .list li span.sp4{background:url(../images/nav4.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.navFixed .list li i{position:absolute;top:0.14rem;left:50%;margin-left:0.2rem;height:0.24rem;padding:0 0.08rem;line-height:0.26rem;background:#FF6300;border-radius:0.12rem;font-size:0.18rem;color:#fff}
.headArea{width:100%;overflow:hidden;position:relative}
.headArea::after{content:"";position:absolute;left:0;bottom:-2.57rem;width:7.5rem;height:2.57rem;z-index:-1;background:url("../images/topArea.jpg") no-repeat 0 0;background-size:100% 100%}
.headArea .img img{display:block;width:100%}
.headArea .mask{width:100%;height:0.7rem;position:absolute;left:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(80%,#101010),to(#101010));background:linear-gradient(to bottom,transparent 0,#101010 80%,#101010 100%)}
.msgRoll{background:url(../images/ico-msg.png) no-repeat left 44%;background-size:0.21rem auto;background-color:transparent;width:6.5rem;height:0.4rem;overflow:hidden;padding-left:0.32rem;position:absolute;left:0.33rem;bottom:0.05rem}
.msgRoll li{height:0.4rem;overflow:hidden;line-height:0.42rem;font-size:0.24rem;color:#eee}
.msgRoll li .lk{color:#dcfe00;float:right;margin-left:0.15rem;text-decoration:underline}
.topArea .btnRemind{background:url(../images/btn-remind.gif) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:5.61rem;height:0.86rem;overflow:hidden;text-align:center;line-height:99;margin:0.4rem auto 0}
.topArea .btnRemind.active{background:url(../images/btn-remind.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;line-height:0.88rem;font-weight:bold;font-size:0.4rem;color:#101010;-webkit-filter:grayscale(1);filter:grayscale(1)}
.topArea .tipRemind{width:6.3rem;height:0.44rem;text-align:center;line-height:0.46rem;font-size:0.24rem;background:#585858;color:#AFB0B3;border-radius:0.22rem;margin:0.2rem auto 0;position:relative}
.topArea .tipRemind::after{content:"";width:0;height:0;overflow:hidden;border:5px solid #585858;border-color:transparent transparent #585858;position:absolute;left:50%;top:-10px;margin-left:-5px}
.area{width:6.9rem;margin:0.5rem auto 0;position:relative}
.area .inner{background:url(../images/panel-bg.jpg) repeat 0 0;background-size:4.62rem auto;padding:0.26rem 0 0.6rem;border-radius:0.2rem;position:relative;z-index:5;font-size:0.24rem;line-height:1.6}
.area .inner::after{content:"";width:6.66rem;height:0.26rem;background:url(../images/panel-foot.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:absolute;bottom:0.12rem;left:0.15rem}
.area .area-hd{height:0.47rem}
.area .area-hd img{display:block;height:0.47rem;margin:0 auto}
.panel{width:6.9rem;overflow:hidden;margin:0.4rem auto 0;position:relative}
.panel .inner{border-radius:0.2rem;background:url(../images/panel-bg.jpg) repeat 0 0;background-size:4.62rem auto;background-color:transparent;padding:0.26rem 0 0.6rem;position:relative}
.panel .inner::after{content:"";width:6.66rem;height:0.26rem;background:url(../images/panel-foot.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:absolute;bottom:0.12rem;left:0.15rem}
.panel .panel-con{padding:0 0.2rem}
.link-banner{display:block;width:6.64rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0.06rem 0.35rem 0.06rem 0.53rem;border:2px solid #1E1E1E;overflow:hidden;margin:0 auto}
.link-banner img{display:block;width:100%}
.kb-tips{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.kb-tips img{width:0.32rem;height:0.32rem;margin-top:-0.05rem;margin-right:0.1rem}
.kb-tips span{font-size:0.3rem;color:#000;line-height:0.46rem}
.area-sub{background:url(../images/panel-tit1.png) no-repeat 0 0;background-size:auto 100%;background-color:transparent;display:block;height:0.32rem;line-height:0.34rem;font-weight:bold;font-size:0.28rem;color:#121212;padding-left:0.5rem}
.area-text{font-size:0.28rem;line-height:0.34rem;color:#2d3445;margin-top:0.2rem}
.area-text a{color:#f75f38;text-decoration:underline}
.area-btn{display:block;width:2.94rem;height:0.68rem;overflow:hidden;text-align:center;line-height:0.7rem;font-size:0.24rem;color:#CFFB12;background:#121212;border-radius:0.34rem;-webkit-box-shadow:0 0 0 0.04rem #767678 inset;box-shadow:0 0 0 0.04rem #767678 inset;margin:0.4rem auto 0.1rem}
.panelInfo{margin-top:0.3rem}
.list-img{margin-top:0.2rem;height:2.74rem;overflow:hidden}
.list-img ul{white-space:nowrap;font-size:0;line-height:0}
.list-img li{display:inline-block;white-space:initial;width:4rem;height:2.76rem;overflow:hidden}
.list-img li img{width:4.06rem;height:2.06rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #000;border-radius:0.04rem 0.35rem 0.04rem 0.35rem}
.list-img li p{line-height:0.32rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:0.24rem;color:#101010;margin-top:0.1rem}
.panelTip .hide-btn{width:0.5rem;height:0.5rem;overflow:hidden;line-height:99;position:absolute;right:0;top:0;background:url(../images/ico-hide2.png) no-repeat center;background-size:0.2rem auto;background-color:transparent}
.panelTip .area-sub{background:url(../images/panel-tit2.png) no-repeat 0 0;background-size:auto 100%;background-color:transparent;display:block;height:0.32rem;line-height:0.34rem;font-weight:bold;font-size:0.28rem;color:#B1B1B1;padding-left:0.5rem}
.panelTip .text{margin-top:0.2rem}
.panelTip .text p{float:left;width:4.68rem;font-size:0.24rem;line-height:0.3rem;color:#afb0b3}
.panelTip .text a{float:right;text-align:center;width:1.38rem;height:0.54rem;overflow:hidden;text-align:center;line-height:0.56rem;font-size:0.24rem;color:#d6d6d6;background:#121212;border-radius:0.27rem;-webkit-box-shadow:0 0 0 0.04rem #767678 inset;box-shadow:0 0 0 0.04rem #767678 inset;background-size:100% 100%}
.list-tool{width:6.3rem;margin:0.34rem auto 0}
.list-tool li{background:url(../images/tool-li.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;height:1.48rem;margin-top:0.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.22rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}
.list-tool li:first-child{margin-top:0}
.list-tool .img{-ms-flex-negative:0;flex-shrink:0;width:0.9rem;height:0.9rem;overflow:hidden;border-radius:0.05rem 0 0 0.05rem}
.list-tool .img img{display:block;width:100%;height:100%;border-radius:0.1rem;border:1px solid #000}
.list-tool .con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;margin:0 0.16rem}
.list-tool .con em{display:block;height:0.42rem;line-height:0.44rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.28rem;color:#ffffff}
.list-tool .con p{line-height:0.24rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#afb0b3;font-size:0.22rem}
.list-tool .btn{background:url(../images/btn01.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:1.16rem;height:0.46rem;text-align:center;line-height:0.48rem;font-size:0.24rem;-webkit-text-stroke-width:0.2pt}
.list-tool .tip-hot{background:url(../images/ico-hot.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.66rem;height:0.3rem;position:absolute;right:-0.05rem;top:-0.06rem}
.live-book{position:absolute;right:0;top:0.8rem;background:#DCFE00;border-radius:0.1rem 0 0 0.1rem;height:0.46rem;text-align:center;line-height:0.48rem;font-size:0.26rem;color:#000;z-index:1;padding-right:0.1rem;padding-left:0.05rem}
.live-book .ico{background:url(../images/ico-appt.png) no-repeat center;background-size:0.22rem auto;background-color:transparent;display:inline-block;width:0.24rem;height:0.3rem;vertical-align:middle;margin:-0.04rem 0.05rem 0 0.1rem;-webkit-animation:shake 1.5s cubic-bezier(0.455,0.03,0.515,0.955) both infinite;animation:shake 1.5s cubic-bezier(0.455,0.03,0.515,0.955) both infinite}
.live-tab{margin-top:0.2rem;padding:0.05rem 0;width:100%;overflow-x:auto}
.live-tab::-webkit-scrollbar{display:none}
.live-tab ul{width:100%;font-size:0;line-height:0;white-space:nowrap}
.live-tab li{display:inline-block;vertical-align:top;min-width:0.8rem;height:0.46rem;border-radius:0.23rem;line-height:0.46rem;font-size:0.24rem;border:1px solid #E1C386;padding:0 0.25rem;text-align:center;color:#2D3445;margin-right:0.3rem;position:relative}
.live-tab li.on{background:#E1C386;border-color:#E1C386;-webkit-box-shadow:0 0 0 1px #E1C386 inset,0 0 0 2px #D09552 inset;box-shadow:0 0 0 1px #E1C386 inset,0 0 0 2px #D09552 inset}
.live-tab 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:0.4rem}
.liveSlide{margin-top:0.3rem;overflow:hidden}
.liveSlide .swiper-wrapper{width:9999px}
.liveSlide .swiper-slide{float:left;width:6.24rem}
.liveSlide .liveCard .image{display:block;height:3.12rem;border:1px solid #E1C386;border-radius:2px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}
.liveSlide .liveCard .image img{display:block;width:100%;height:100%}
.liveSlide .liveCard .image .vid-ico{background:url(../images/ico-vid.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.8rem;height:0.8rem;position:absolute;left:50%;top:50%;margin:-0.4rem 0 0 -0.4rem}
.liveSlide .liveCard .detail{height:0.9rem;margin-top:0.2rem;overflow:hidden}
.liveSlide .liveCard .detail .img{float:left;width:0.9rem;height:0.9rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #E1C386;border-radius:0.15rem;margin-right:0.2rem}
.liveSlide .liveCard .detail .con{float:left;width:3.5rem;height:0.9rem;overflow:hidden}
.liveSlide .liveCard .detail .con em{display:block;height:0.46rem;line-height:0.48rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.28rem;color:#2d3445}
.liveSlide .liveCard .detail .con p{display:block;font-size:0.24rem;line-height:0.42rem;height:0.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#7e8695}
.liveSlide .liveCard .detail .state{margin-top:0.22rem}
.liveSlide .liveCard .detail .state.ing{background:url(../images/live-ing.gif) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.47rem;height:0.46rem;overflow:hidden;line-height:99}
.liveSlide .liveCard .detail .state.not,.liveSlide .liveCard .detail .state.end{float:right;height:0.36rem;padding:0 0.2rem;line-height:0.38rem;text-align:center;font-size:0.24rem;border-radius:0.2rem;margin-right:2px}
.liveSlide .liveCard .detail .state.not{background:#E1C386;border:1px solid #D09552;color:#2D3445;-webkit-box-shadow:0 0 0 2px #E1C386;box-shadow:0 0 0 2px #E1C386}
.liveSlide .liveCard .detail .state.end{background:#B6BABE;border:1px solid #6B737B;color:#6B737B;-webkit-box-shadow:0 0 0 2px #B6BABE;box-shadow:0 0 0 2px #B6BABE}
.pages{margin-top:0.3rem;height:0.54rem;font-size:0.28rem;text-align:center}
.pages a{display:inline-block;vertical-align:top;width:1.38rem;-webkit-box-shadow:0 0 0 0.04rem #767678 inset;box-shadow:0 0 0 0.04rem #767678 inset;height:0.54rem;line-height:0.54rem;color:#D6D6D6;-webkit-box-sizing:border-box;box-sizing:border-box;background:#121212;border-radius:0.27rem;margin:0 0.1rem}
.pages .info{display:inline-block;height:0.54rem;vertical-align:top;line-height:0.54rem;color:#000000;padding:0 0.15rem}
.Cr{color:#dcfe00 !important}
.codeCon{width:6.3rem;margin:0.15rem auto 0}
.codeCon .text{line-height:0.32rem;font-size:0.24rem;color:#333333}
.codeCon .text .Cr{color:#010101 !important}
.codeCon .list li{background:url(../images/code-li.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;height:1.88rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:0.3rem;overflow:hidden;padding:0.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.codeCon .list li.no .btn a{-webkit-filter:grayscale(1);filter:grayscale(1)}
.codeCon .list .img{-ms-flex-negative:0;flex-shrink:0;width:0.9rem;height:0.9rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;border-radius:0.2rem;margin-right:0.2rem}
.codeCon .list .img img{display:block;width:100%;height:100%}
.codeCon .list .con{-ms-flex-negative:0;flex-shrink:0;width:3.44rem}
.codeCon .list .con p{line-height:0.42rem;color:#fff}
.codeCon .list .con p a{text-decoration:underline}
.codeCon .list .con p .code-text{font-size:0.24rem;border-radius:0.06rem 0 0.06rem 0;margin-right:0.08rem;padding:0.02rem;background:#000}
.codeCon .list .con .p1{height:0.4rem;overflow:hidden;line-height:0.42rem;font-size:0.28rem;color:#ffffff}
.codeCon .list .con .p1 p{display:inline-block;vertical-align:top;white-space:nowrap;position:relative;padding-right:0.1rem}
.codeCon .list .con .p1 a{text-decoration:underline}
.codeCon .list .con .p2{line-height:0.28rem;font-size:0.22rem;color:#afb0b3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:0.06rem}
.codeCon .list .con .p2 em{color:#fff}
.codeCon .list .con .p3{font-size:0.18rem;color:#9ba0aa;line-height:0.2rem;margin-top:0.1rem}
.codeCon .list .btn{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:0.18rem;color:#afb0b3;line-height:2}
.codeCon .list .btn a{background:url(../images/btn04.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.36rem;height:0.48rem;text-align:center;line-height:0.5rem;font-size:0.24rem;color:#010101;-webkit-text-stroke-width:0.2pt;margin:0 auto}
.codeHow{background:rgba(0,0,0,0.2);border-radius:0.1rem;overflow:hidden;line-height:0.4rem;font-size:0.24rem;color:#282A29;padding:0 0.1rem;width:6.44rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0.2rem auto}
.codeHow a{text-decoration:none;color:#282A29 !important}
.codeHow em{background:#010101;display:inline-block;vertical-align:top;color:#B1B1A9;border-radius:0 0 0.3rem 0;padding:0 0.2rem 0 0.12rem;margin-left:-0.1rem;margin-right:0.05rem}
.codeTab{width:6.44rem;margin:0.4rem auto 0}
.codeTab .tab{float:left;height:0.46rem;line-height:0.46rem;overflow:hidden;border-radius:0.23rem;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f6f5f3}
.codeTab .tab span{float:left;height:100%;line-height:0.46rem;padding:0 0.25rem;border-radius:0.22rem;color:#000;font-size:0.24rem}
.codeTab .tab .on{background:#101010;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.codeTab .btn-refresh{float:right;background:url(../images/ico-refresh.png) no-repeat left center;background-size:0.24rem 0.22rem;background-color:transparent;padding-left:0.32rem;height:0.46rem;line-height:0.44rem;font-size:0.24rem;color:#101010}
.tac{text-align:center !important}
.mt10{margin-top:0.1rem !important}
.mt15{margin-top:0.15rem !important}
.mt20{margin-top:0.2rem !important}
.fwb{font-weight:bold}
.popArea{display:none;width:6.66rem;border-radius:0.2rem;margin:0 auto;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0.2rem;background:url(../images/panel-bg.jpg) repeat 0 0;background-size:4.62rem auto;background-color:transparent}
.popArea .pop-bg{position:absolute;left:0;top:0.36rem;bottom:0.36rem;right:0}
.popArea .inner{padding:0.6rem 0.5rem 0.5rem;font-size:0.24rem;line-height:1.4;color:#000;position:relative;z-index:5}
.popArea .pop-hide{background:url(../images/pop-hide.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.62rem;height:0.62rem;overflow:hidden;line-height:99;position:absolute;right:0.18rem;top:0.18rem;z-index:20}
.popArea .pop-tit{font-size:0.38rem;line-height:0.72rem;text-align:center;font-weight:bold;border-bottom:2px dashed #959595}
.popArea .pop-f22{font-size:0.22rem;color:#555}
.popArea .pop-f22 span{color:#575656}
.popArea .pop-f22 .cR{color:#e81c49}
.popArea .pop-f22 .qa{display:inline-block;vertical-align:middle;width:0.26rem;height:0.26rem;vertical-align:middle;margin-left:0.1rem;margin-top:-2px}
.popArea .pop-f26{font-size:0.26rem;line-height:1.8;text-align:justify}
.popArea .pop-f26 span{color:#f61313}
.popArea .pop-f26 a{color:#f75f38;text-decoration:underline}
.popArea .pop-f30{font-size:0.3rem;color:#000 !important}
.popArea .pop-f36{font-size:0.36rem}
.popArea .pop-btn{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;margin-top:0.3rem}
.popArea .pop-btn a{min-width:1.2rem;height:0.46rem;padding:0 0.3rem;text-align:center;line-height:0.48rem;border:0.06rem solid #000;color:#101010;border-radius:0.3rem;font-size:0.28rem;font-weight:bold;margin:0 0.3rem}
.popArea .pop-btn a.bt1{background:#D6D6D6}
.popArea .pop-btn a.bt2{background:#CFFB12}
.popArea .pop-btn a{display:inline-block}
.popArea .pop-btn a.huge{width:3.84rem}
.popArea .pop-btn a.nobind{border:transparent;background:none;color:#000;font-size:0.24rem;text-decoration:underline;padding:0 0;margin:0;width:1.6rem;margin-right:-1.4rem}
.popArea .pop-btn a .ico-wx{display:inline-block;vertical-align:middle;margin:-0.04rem 0.1rem 0 0;width:0.4rem;height:0.4rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAaCAMAAAB4vXe4AAAAflBMVEVHcEwtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEUtNEXX7SuNAAAAKXRSTlMA1+HRA09Z/K9jmUUg+eZq9gyiB8KJ7ysVdagkkVURSThvuHwwtIOAO47cgcoAAAEMSURBVHjafZDbdoMgEEVHBQQ13q9JjLek7fz/DxawKrhc3Q9nHrbCHGDjQYWgD7gmerqoiauLT7LAxx2/yk66ddDCiSz98vCE25o+R4mIZjW8ZkjlmA3d6CMBQjUnAK5mePhKLzUU+pjy1dRq3g9foo0/J7RPxn0F19afcVnreN3a0y63sBo3Yr0FN3W1oMkkfY8HHlN5Q0WqYgAgxgIslsGJUA1IItMtAOiua6HvgFHm9/ogDAC6zZeBLshjdYlODEAi0tXfOZ75gNGBB5bb/89S9J5lfHMSPMOUZx4FTZtaUu8viWCjs7Ufgg3JLS3gDPnyD03hgiZP8e+VI7ik+GFJ/ybUmeBfyFvGLz1ORNSx8k4oAAAAAElFTkSuQmCC) no-repeat center;background-size:auto 0.26rem}
.popArea .pop-btn .text-link{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;margin-top:0.1rem}
.popArea .pop-btn .text-link a{background:none;color:#000;font-size:0.24rem;text-align:center;height:0.5rem;line-height:0.52rem}
.popArea .pd25{padding:0.25rem}
.popArea .copylk{display:inline-block;width:0.94rem;height:0.4rem;text-align:center;line-height:0.42rem;border-radius:0.26rem;border:0.04rem solid #000;margin-left:0.2rem}
.popArea .nobind{color:#999;text-decoration:underline}
.notip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:0.3rem;font-size:0.26rem;line-height:1.4}
.notip > label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.notip input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:0.4rem;height:0.4rem;background:url(../images/pop-radio.png) no-repeat 0 0;background-size:100% 200%;background-color:transparent;margin-right:0.1rem}
.notip input[type=checkbox]:checked{background-position:0 100%}
.prize-show{overflow:hidden}
.prize-show li{float:left;width:33.33%;height:1.98rem;padding:0 0.05rem;text-align:center;line-height:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:0.25rem}
.prize-show li img{display:block;width:1.48rem;height:1.48rem;border:1px solid #000;border-radius:0.2rem;margin:0 auto}
.stepArea{border-radius:0.2rem;margin-top:0.25rem}
.stepArea .tit{background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,rgba(0,0,0,0.2)),to(transparent));background:linear-gradient(to right,transparent 0%,rgba(0,0,0,0.2) 50%,transparent 100%);height:0.6rem;line-height:0.62rem;font-size:0.3rem;font-weight:bold;text-align:center;color:#000}
.stepArea .txt{font-size:0.24rem;line-height:1.4;margin-top:0.2rem}
.stepArea .txt .cl1{color:#e81c49 !important}
.bindItem{margin-top:0.22rem}
.bindItem .tip{font-size:0.22rem;line-height:0.4rem;color:#555;text-align:center;margin-top:0.1rem}
.bindItem .tip img{display:inline-block;vertical-align:middle;width:0.26rem;height:0.26rem;vertical-align:middle;margin-left:0.1rem;margin-top:-2px}
.bindItem .ipt{height:0.72rem;overflow:hidden;position:relative;margin-top:0.2rem}
.bindItem .ipt input[type=text]{width:100%;height:100%;padding:0.15rem 0.7rem 0.15rem 0.25rem;font-size:0.26rem;border:none;background:#f6f5f3;border-radius:0.1rem}
.bindItem .ipt input[type=text]::-webkit-input-placeholder{color:#A0A0A0}
.bindItem .ipt input[type=text]::-moz-placeholder{color:#A0A0A0}
.bindItem .ipt input[type=text]:-ms-input-placeholder{color:#A0A0A0}
.bindItem .ipt input[type=text]::-ms-input-placeholder{color:#A0A0A0}
.bindItem .ipt input[type=text]::placeholder{color:#A0A0A0}
.bindItem .ipt input[type=text].spc{padding:0.15rem 0.25rem}
.bindItem .ipt input[type=text].mb{width:3.7rem}
.bindItem .ipt .mb-code{float:right;width:1.9rem;height:0.72rem;background:#CFFB12;text-align:center;line-height:0.74rem;color:#000;border-radius:0.1rem;overflow:hidden}
.bindItem .ipt .del{width:0.72rem;height:0.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}
.follow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#2a292e;border:0.05rem solid #000;border-radius:0 0.46rem 0.46rem 0;border-left:none;height:0.84rem;padding:0 0.1rem 0 0.16rem;position:fixed;left:0;bottom:2rem;z-index:10}
.follow .img{width:0.73rem;height:0.73rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #E1E2E4;overflow:hidden;border-radius:50%}
.follow .img img{display:block;width:100%;height:100%;border-radius:50%}
.follow .btn{-ms-flex-negative:0;flex-shrink:0;display:block;width:1.1rem;height:0.46rem;background:#DCFE00;color:#101010;border-radius:0.23rem;text-align:center;line-height:0.48rem;font-size:0.26rem;-webkit-text-stroke-width:0.2pt;margin-right:0.3rem;-webkit-animation:shake 1.8s linear infinite;animation:shake 1.8s linear infinite}
.follow .con{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;margin:0 0.15rem}
.follow .con em{display:block;height:0.34rem;line-height:0.36rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.24rem;color:#fff}
.follow .con p{height:0.3rem;line-height:0.32rem;font-size:0.2rem;color:#bdbdbd}
.follow .hide-it{position:absolute;right:0.12rem;top:-0.18rem;width:0.34rem;height:0.345rem;overflow:hidden;line-height:99;background:url(../images/ico-hide.png) no-repeat center;background-size:0.28rem auto;background-color:transparent}
.tipArea .inner{width:6.9rem;background:#1B1B1B;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.05rem solid #3E3E3E;padding:0.2rem;overflow:hidden;border-radius:0.2rem}
.tipArea .inner::after{display:none}
.tipArea .inner .panel-con{padding:0}
.tipArea .hide-it{background:url(../images/pop-hide.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.62rem;height:0.62rem;overflow:hidden;line-height:99;position:absolute;right:0.18rem;top:0.18rem}
.tipAni{position:absolute;-webkit-transform-origin:100% 0;transform-origin:100% 0;z-index:105;-webkit-animation:tipAni 0.8s linear;animation:tipAni 0.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:0.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:0.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:0.1rem;padding:0.32rem 0.28rem;font-size:0.28rem;z-index:1000;position:fixed;left:50%;top:50%;display:none}
.pop .tit{font-size:0.34rem;font-weight:bold;line-height:0.4rem;text-align:center;margin-bottom:0.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:0.24rem}
.pop .li2 label{height:0.56rem;line-height:0.8rem}
.pop .tip{font-size:0.22rem;line-height:0.4rem;margin-top:0.2rem;color:#666}
.pop .tip b{color:#eb4e4e;font-weight:normal}
.pop .btn{text-align:center;margin-top:0.2rem}
.pop .btn a{display:inline-block;width:2.34rem;height:0.7rem;line-height:0.72rem;border-radius:0.1rem;margin:0 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:0.1rem;margin:0.12rem;float:left}
.pop .img-upload li .img-box,.pop .img-upload li .img-box .loading{width:1.6rem;height:1.6rem;border-radius:0.1rem;background-color:#f6f6f6}
.pop .img-upload li .img-box .loading{position:absolute;left:0;top:0.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:-0.1rem;background:url(../images/close.png) no-repeat;background-size:0.3rem 0.3rem;width:0.3rem;height:0.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:0.1rem}
.pop .img-upload .up-file{width:1.6rem;height:1.6rem;position:relative;border-radius:0.1rem;background-color:#f6f6f6;float:left;margin:0.22rem 0.12rem 0.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:0.59rem 0.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:0.05rem}
.pop .pic-list::-webkit-scrollbar{border-radius:0.02rem;width:0.05rem;background-color:#ffffff}
.pop .pic-list::-webkit-scrollbar-track{border-radius:0.02rem;background-color:#ffffff}
.pop .pic-list::-webkit-scrollbar-thumb{border-radius:0.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:0.2rem 0.3rem;background:rgba(0,0,0,0.6);color:#fff;font-size:0.26rem;border-radius:0.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 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:0.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:#444;line-height:0.3rem;margin-top:0.4rem}
.wxpop{width:6.25rem;background:#fff;border-radius:0.1rem;display:none;font-size:0.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:0.15rem;margin:0.25rem auto 0}
.bnArea img{display:block;width:100%}
.state{position:absolute;background:#FCE233;height:0.32rem;line-height:0.32rem;color:#000;border-radius:0 0 0.1rem 0;font-size:0.22rem;left:0;top:0;padding-right:0.15rem}
.state em{float:left;width:1.35rem;height:0.32rem;background:#FAB734;-webkit-transform:skew(-15deg);transform:skew(-15deg);margin-left:-0.15rem;margin-right:0.1rem}
.state span{position:absolute;display:block;height:0.32rem;top:0;left:0;z-index:99}
.state span img{width:0.2rem;height:0.18rem;margin:0 0.1rem;vertical-align:middle}
.head-text{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(80%,#101010),to(#101010));background:linear-gradient(to bottom,transparent 0,#101010 80%,#101010 100%);width:7.5rem;position:absolute;bottom:0;left:0;height:0.66rem;line-height:0.66rem;color:#c6c9d1;font-size:0.22rem;overflow:hidden}
.head-text p{float:left;width:5.6rem}
.head-text p img{width:0.32rem;height:0.3rem;float:left;margin:0.17rem 0.12rem 0 0.1rem}
.head-text a{float:right;height:0.36rem;padding:0 0.2rem;line-height:0.38rem;text-align:center;font-size:0.24rem;border-radius:0.2rem;margin:0.08rem 0.02rem 0 0;text-decoration:underline;color:#dcfe00}
.head-text a{margin:0.14rem 0.1rem 0 0}
.live-pre{position:absolute;display:block;right:0;top:1rem;width:1.16rem;height:0.4rem;text-align:center;background:#DCFE00;line-height:0.4rem;color:#2d3445;font-size:0.22rem;z-index:5;border-radius:0.1rem 0 0 0.1rem}
.herald{width:6.52rem;overflow:hidden;border-radius:0.2rem;position:relative;margin:0 auto}
.herald img{display:block;width:100%}
.herald .mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.7)}
.herald .text{position:absolute;z-index:8;width:6.52rem;text-align:center;padding-top:0.7rem;font-size:0.26rem}
.herald .text .live{color:#fff;width:4.6rem;margin:0 auto;border-bottom:1px solid #fff;margin:0.2rem auto;padding-bottom:0.2rem}
.herald .text .live img{width:0.32rem;height:0.32rem;border-radius:1rem;margin-right:0.1rem;display:inline-block}
.herald .text .time{color:#fff}
.herald .d1{position:absolute;left:0;bottom:0;width:100%;padding:0 0.2rem;height:0.56rem;line-height:0.58rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:0.26rem;padding-left:0.1rem;z-index:1}
.playback{width:6.52rem;overflow:hidden;margin:0.3rem auto 0}
.playback .d1{float:left;height:0.64rem;line-height:0.64rem;font-size:0.26rem;color:#000}
.playback .d1 img{float:left;width:0.64rem;height:0.64rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.03rem solid #000;border-radius:0.13rem;margin-right:0.2rem}
.playback a{float:right;width:1.38rem;height:0.54rem;overflow:hidden;text-align:center;line-height:0.56rem;font-size:0.24rem;color:#d6d6d6;background:#121212;border-radius:0.27rem;-webkit-box-shadow:0 0 0 0.04rem #767678 inset;box-shadow:0 0 0 0.04rem #767678 inset;margin-left:0.2rem}
.vid-ico{background:url(../images/ico-vid.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.8rem;height:0.8rem;position:absolute;left:50%;top:50%;margin:-0.4rem 0 0 -0.4rem}
.illustrate{background:url(../images/icon_3.png) no-repeat;height:0.32rem;line-height:0.34rem;background-size:0.32rem auto;padding-left:0.42rem;width:6.52rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0.2rem auto 0;color:#121212}
.illustrate em{color:#f03800}
.times{width:6.52rem;height:0.88rem;position:relative;margin:0.2rem auto 0;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.2)),color-stop(60%,rgba(0,0,0,0.2)),color-stop(75%,rgba(0,0,0,0)));background:linear-gradient(to right,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 60%,rgba(0,0,0,0) 75%);border-radius:0.2rem 0 0 0.2rem}
.times .d1{width:4.5rem;height:0.88rem}
.times .d1{font-size:0.18rem;color:#effefe}
.times .d1 span{display:block;font-size:0.18rem;padding-top:0.05rem;text-align:center}
.times .d1 p{padding-left:0.25rem}
.times .d1 p em{display:inline-block;width:0.37rem;height:0.42rem;line-height:0.42rem;color:#a6ff3f;font-size:0.42rem;border-radius:0.1rem;background:#000;margin:0 0.06rem;text-align:center;padding-top:0.03rem}
.times .btn-yy{position:absolute;background:url(../images/btn02.png) no-repeat;width:2.2rem;height:0.76rem;background-size:100% 200%;line-height:0.76rem;text-align:center;color:#2d3445;font-size:0.28rem;top:50%;margin-top:-0.38rem;right:0}
.booked{position:absolute;background:url(../images/btn_5.png) no-repeat;width:2.46rem;height:0.88rem;background-size:2.46rem auto;line-height:0.88rem;text-align:center;color:#2d3445;font-size:0.28rem;top:0;right:0}
.remind{width:6.3rem;height:0.44rem;text-align:center;line-height:0.46rem;font-size:0.24rem;background:#575757;color:#afb0b3;border-radius:0.22rem;margin:0.2rem auto 0;position:relative}
.remind::after{content:"";width:0;height:0;overflow:hidden;border:8px solid #353d4a;border-color:transparent transparent #575757;position:absolute;right:1.1rem;top:-16px}
.popDown{display:none;width:6.6rem;background:#fff;border-radius:0.2rem;margin:0 auto;position:relative}
.popDown .hide-it{position:absolute;right:-0.22rem;top:-0.22rem;background:url(../images/pop/pop-hide.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.7rem;height:0.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:0.08rem}
.popDown .pd-head{padding:0.3rem 0.4rem;background:-webkit-gradient(linear,left top,right top,from(#E1C386),to(#E1C386));background:linear-gradient(to right,#E1C386,#E1C386);border-radius:0.08rem 0.08rem 0 0;position:relative}
.popDown .pd-head::before{content:"";width:0;height:0;border:0.1rem solid #E1C386;border-color:#E1C386 transparent transparent transparent;position:absolute;left:0.68rem;bottom:-0.2rem}
.popDown .pd-head::after{content:"";width:1.89rem;height:2.47rem;overflow:hidden;background:url(../images/pop/pd-role.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:absolute;right:0.5rem;top:-0.36rem}
.popDown .pd-body{padding:0.25rem 0.4rem;overflow:hidden}
.popDown .pd-foot{background:url(../images/pop/pd-slogan.png) no-repeat center;background-size:auto 0.48rem;background-color:transparent;height:1.2rem}
.popDown .pd-tit{width:3.92rem;color:#2D3445}
.popDown .pd-tit em{display:block;height:0.6rem;line-height:0.62rem;font-size:0.42rem}
.popDown .pd-tit p{font-size:0.26rem;line-height:0.4rem;margin-top:0.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:0.28rem;font-weight:bold;padding:0 0.2rem 0 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:0.24rem;line-height:2.2;color:#999;margin:0.1rem auto 0}
.popDown .pd-qr img{display:block;width:1.82rem;height:1.82rem;margin:0 auto}
.popDown .gui01{margin:0 0.1rem}
.popDown .gui01 p{padding-left:0.28rem;line-height:0.44rem;font-size:0.26rem;color:#666;text-align:justify}
.popDown .gui01 p:first-child{background:url(../images/pop/join-point.png) no-repeat left 48%;background-size:0.22rem auto;background-color:transparent}
.popDown .gui01 p em{font-weight:bold;color:#333}
.popDown .gui02{border-top:1px solid #F0F0F0;padding-top:0.25rem;margin-top:0.2rem}
.popDown .gui02 .text{font-size:0.24rem;line-height:0.36rem;color:#999;margin-top:0.2rem}
.popDown .gui02 .info{height:0.42rem;overflow:hidden;line-height:0.44rem}
.popDown .gui02 .info .sp1{float:left;padding-left:0.15rem;background-position:left 48%;font-size:0.26rem;width:2.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-stroke-width:0.2pt;position:relative}
.popDown .gui02 .info .sp1::after{content:"";position:absolute;width:0.08rem;height:0.26rem;background-color:#ddb058;left:0;top:0.06rem}
.popDown .gui02 .info .sp2{float:right;font-size:0.24rem;color:#999;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAMAAADkSAzAAAAAaVBMVEVHcEysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKx9GZ8EAAAAInRSTlMA3KL2GmK7/BIFeZQhCjlJyD+rgFQq1240XfDfzpuM6a/svHrrcQAAAP5JREFUeNptkNmyhCAMRFkUFHFfx21m+v8/ckDD1arreSBpQtJF2D8im7NncrMAWtVPtaQCz9pGwjwUFdrUBbuiu3UUvQ8lMtLvJQ1GmwYG5yN0RFctir9hatylnFjFGVEjPpMSmzt7qW7FMhR3WB8anW64xk5nkp1XAmkNQYuYB3r1gjn06rqR5d5i0CUV00HvdczhdK7wFZnS2juGVk/lemyDg3kM3zSQwuyD83tJfLo+mkaO1TJPhyo6+osOvCAno3nik+XtgsdKHrFAjI87C7SkGxTsQqD2T0patlbshtXC/amhqR1tLFB9b8LQxgIZkkvEkgQxznedUrz0DxoiEH2Xa6E1AAAAAElFTkSuQmCC) no-repeat;background-size:0.28rem auto;padding-left:0.35rem;background-position:left 48%}
.popArea .pop-btn a.btn-dong{-webkit-animation:stars 1s infinite linear alternate}
@-webkit-keyframes stars{100%{-webkit-transform:scale(0.8)}}
.mod-head{position:relative;z-index:10;margin-bottom:-0.04rem;z-index:10}
.mod-head img{display:block;width:100%}
.tool-slogon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0.4rem}
.tool-slogon img{display:block;height:0.64rem}
.tool-slogon p{text-align:center;font-size:0.2rem;line-height:0.28rem;color:rgba(255,255,255,0.7);letter-spacing:0.02rem;margin-top:0.14rem}
.liveCard{overflow:hidden;position:relative;z-index:5;background-image:url(../images/tv.png);background-size:7.12rem 6.04rem;background-position:center bottom;background-repeat:no-repeat;width:7.12rem;height:7.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:2.4rem;padding-left:0.34rem;margin-left:0.15rem}
.liveCard .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:0.42rem}
.liveCard .info .icon{width:0.7rem;height:0.7rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;border-radius:0.1rem;margin-right:0.24rem}
.liveCard .info .str{width:4.34rem}
.liveCard .info .str .name{font-size:0.24rem;color:#fff;line-height:1.1;margin-top:0.04rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.liveCard .info .str .des{font-size:0.2rem;color:#acacac;line-height:1.1;margin-top:0.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.liveCard .state2{position:absolute;background:#F5D901;border:1px solid #fff;border-radius:0.1rem;width:1.44rem;height:0.44rem;line-height:1;font-size:0.24rem;color:#000;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;right:0.42rem;bottom:4.33rem}
.liveCard .state2 .live-tag{width:0.15rem;margin-right:0.11rem}
.liveCard .img{width:6.48rem;height:3.64rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #090909;border-radius:0.24rem;overflow:hidden;position:relative}
.liveCard .img img{display:block;width:100%;height:100%}
.liveCard .img .vid-ico{display:block;width:2.38rem;height:0.74rem;position:absolute;left:50%;top:50%;margin:-0.37rem 0 0 -1.19rem;background:url("../images/bl-btn.png") no-repeat 0 0;background-size:119rem 0.74rem;-webkit-animation:em-icon 2s steps(49) forwards infinite;animation:em-icon 2s steps(49) forwards infinite}
@-webkit-keyframes em-icon{100%{background-position:100% 0}}