/*# zfa 2025/6/18 10:23:36 快爆--新游直播模板-崩坏 */
@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}}
.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:#E4BB76}
.C02{color:#f00}
body{background:#1A3466;padding-bottom:1.5rem}
.meteors{width:7.5rem;height:3.8rem;overflow:hidden;position:absolute;left:50%;margin-left:-3.75rem;top:4.6rem;z-index:2}
.meteors span{width:0.9rem;height:0.82rem;position:absolute;right:0;top:-1rem;z-index:2;-webkit-animation:meteors 4s linear infinite;animation:meteors 4s linear infinite}
.meteors span:nth-child(odd){background:url(../images/meteor1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.meteors span:nth-child(even){background:url(../images/meteor2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.meteors span:nth-child(1){left:6rem;-webkit-animation-delay:3s;animation-delay:3s}
.meteors span:nth-child(2){left:3rem}
.meteors span:nth-child(3){left:1rem;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:6s;animation-duration:6s}
.meteors span:nth-child(4){left:8rem;-webkit-animation-duration:5s;animation-duration:5s}
@-webkit-keyframes meteors{0%{opacity:0;-webkit-transform:scale(0) translate(0,0)}
50%{opacity:1;-webkit-transform:scale(1) translate(-2rem,2rem)}
100%{opacity:0;-webkit-transform:scale(1) translate(-5rem,5rem)}}
@keyframes meteors{0%{opacity:0;-webkit-transform:scale(0) translate(0,0)}
50%{opacity:1;-webkit-transform:scale(1) translate(-2rem,2rem)}
100%{opacity:0;-webkit-transform:scale(1) translate(-5rem,5rem)}}
.foot{width:7.1rem;margin:0.2rem auto;background:#fff;border-radius:0.3rem;padding:0.2rem 0 0.4rem 0}
.modFooterWrap .mfAbout .m-inner{border:2px solid #80A4E7;background:#25498A;-webkit-box-sizing:border-box;box-sizing:border-box;border-top-right-radius:0.4rem;width:7rem;padding:0.4rem 0.3rem;box-sizing:border-box}
.modFooterWrap .mfAbout-tell .lb-cont{background-color:rgba(255,255,255,0.07);background-image:url(//res.onebiji.com/kuaibao/foot/v2/images/mouSealSpec.png)}
.modFooterWrap .mfAbout-tell .lb-cont .sp1{color:#fff}
.modFooterWrap .mfAbout-tell .lb-cont .sp2{color:#fff}
.modFooterWrap .mfAbout-tell .lb-cont .sp3{color:#fff}
.modFooterWrap .mfAbout-tell .lb-fold{background:#25498A}
.modFooterWrap .mfAbout-tell .lb-fold .sp::before{background-image:url(//res.onebiji.com/kuaibao/foot/v2/images/mouFoldBgSpec.png)}
.modFooterWrap .mfAbout-title{background:url(../images/area-ablout-tit.png) no-repeat center;background-size:auto 0.46rem;background-color:transparent;height:0.46rem;line-height:99;overflow:hidden;margin-bottom:0.4rem}
.modFooterWrap .mfAbout-item p{color:#bbccea}
.modFooterWrap .mfAbout-item p::after{background-image:url("../images/mouArrow.png")}
.modFooterWrap .mfAbout-item i{background-image:url("../images/area-ablout-item.png");width:1.2rem}
.modFooterWrap .mfAbout-btn{background:#DFE4EE;color:#4291D1;border:none}
.modFooterWrap .mfFoot{background:#3C4355}
.modFooterWrap .mfFoot p{color:#fff}
.bbsCard{width:100%;margin:0 auto}
.headFixed{background:rgba(0,0,0,0.8);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;width:7.5rem;height:0.74rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.12rem 0.2rem;position:fixed;left:50%;margin-left:-3.75rem;top:0;z-index:140}
.headFixed .img{-ms-flex-negative:0;flex-shrink:0;display:block;width:0.5rem;height:0.5rem;border-radius:0.1rem;margin-right:0.14rem}
.headFixed .con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%;font-size:0.2rem;color:#fff}
.headFixed .con em{color:#e1c386;font-size:0.22rem}
.headFixed .btn{background:url(../images/hd-fix-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;display:block;width:1.64rem;height:0.5rem;text-align:center;line-height:0.52rem;font-size:0.22rem;color:#513703}
.fixOpenApp{background:url(../images/fix-open-app.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.75rem;height:0.5rem;text-align:center;line-height:0.52rem;color:#513703;font-size:0.24rem;position:fixed;left:50%;margin-left:-0.9rem;bottom:1.7rem;z-index:100}
.sideFixed{position:fixed;right:0.1rem;top:50%;z-index:120}
.sideFixed a{display:block;width:1.02rem;margin-top:0.28rem}
.sideFixed a img{display:block;width:100%}
.navFixed{background:#fff;width:7.5rem;height:1.52rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:2px solid #80A4E7;position:fixed;left:50%;margin-left:-3.75rem;bottom:0;z-index:20}
.navFixed .list{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}
.navFixed .list li{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;text-align:center;font-size:0.2rem;color:#2d3445;line-height:1.4;position:relative}
.navFixed .list li a{color:#2D3445}
.navFixed .list li span{display:block;width:0.86rem;height:0.88rem;margin:0.14rem auto 0}
.navFixed .list li i{position:absolute;left:52%;top:0.14rem;height:0.24rem;overflow:hidden;line-height:0.26rem;padding:0 0.08rem;border-radius:0.12rem;background:#E6E2D6;color:#696d78;font-size:0.16rem;white-space:nowrap}
.navFixed .list li:nth-child(1) span{background:url(../images/foot-it1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.navFixed .list li:nth-child(2) span{background:url(../images/foot-it2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.navFixed .list li:nth-child(3) span{background:url(../images/foot-it3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.navFixed .list li:nth-child(4) span{background:url(../images/foot-it4.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.headArea{width:100%;overflow:hidden;position:relative}
.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 bottom,left top,from(#1e3569),color-stop(80%,rgba(30,53,105,0)));background:linear-gradient(to top,#1e3569 0%,rgba(30,53,105,0) 80%)}
.hseat{height:1.84rem;background-color:#fff}
.msgRoll{background:url(../images/ico-msg.png) no-repeat left 44%;background-size:0.26rem auto;background-color:transparent;width:6.5rem;height:0.4rem;overflow:hidden;padding-left:0.32rem;position:absolute;left:0.33rem;bottom:0.05rem;z-index:5}
.msgRoll li{height:0.4rem;overflow:hidden;line-height:0.42rem;font-size:0.24rem;color:#eee}
.msgRoll li .lk{color:#f75f38;float:right;margin-left:0.15rem}
.topArea{position:relative;padding-top:0.4rem}
.topArea::after{content:"";width:100%;height:3.9rem;background:url(../images/top-bg.jpg) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:absolute;left:0;top:0;z-index:-1}
.topArea .btnRemind{background:url(../images/btn-remind.gif) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:4.82rem;height:0.88rem;color:#513703;overflow:hidden;text-align:center;line-height:99;margin:0 auto;position:relative;z-index:5}
.topArea .btnRemind.active{background:url(../images/btn-remind-on.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;line-height:0.9rem;font-size:0.36rem;color:#000}
.topArea .tipRemind{width:6.3rem;height:0.44rem;text-align:center;line-height:0.46rem;font-size:0.24rem;background:#405e95;color:#dce6ff;border-radius:0.22rem;margin:0.2rem auto 0;position:relative;z-index:5}
.topArea .tipRemind::after{content:"";width:0;height:0;overflow:hidden;border:5px solid #405e95;border-color:transparent transparent #405e95;position:absolute;left:50%;top:-10px;margin-left:-5px}
.area{width:7rem;margin:0.5rem auto 0;position:relative;z-index:5}
.area::before,.area::after{content:"";width:100%;height:0.54rem;position:absolute;left:0}
.area::before{background:url(../images/area-t.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;top:0}
.area::after{background:url(../images/area-b.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;bottom:0}
.area .inner{padding:0.5rem 0.38rem;position:relative;z-index:5;font-size:0.24rem;line-height:1.6}
.area .cover{background:url(../images/area-c.png) repeat-y 0 0;background-size:100% auto;background-color:transparent;position:absolute;left:0;right:0;top:0.5rem;bottom:0.5rem;z-index:1}
.area .area-hd{height:0.46rem}
.area .area-hd img{display:block;height:0.46rem;margin:0 auto}
.panel{width:7rem;overflow:hidden;margin:0.4rem auto 0;position:relative;border:2px solid #80A4E7;background:#25498A;-webkit-box-sizing:border-box;box-sizing:border-box;border-top-right-radius:0.4rem}
.panel .inner{margin:0.07rem;position:relative;z-index:5;font-size:0.24rem;line-height:1.6;overflow:hidden;border-top-right-radius:0.32rem}
.panel .panel-con{padding:0.3rem 0.2rem}
.link-banner{display:block;background:#F6F5F3;border:1px solid #DAC085;border-top-right-radius:0.32rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.link-banner img{display:block;width:100%}
.area-sub{background:url(../images/area-sub.png) no-repeat 0 0;background-size:auto 100%;background-color:transparent;height:0.52rem;line-height:0.42rem;font-size:0.28rem;font-weight:bold;color:#fff;padding-left:0.15rem}
.area-text{font-size:0.28rem;line-height:0.34rem;color:#a0afcb;margin-top:0.2rem}
.area-text a{color:#e1c386;text-decoration:underline}
.area-btn{background:url(../images/area-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:3.3rem;height:0.62rem;text-align:center;line-height:0.64rem;font-size:0.24rem;color:#513703;margin:0.4rem auto 0}
.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{display:block;width:100%;height:2rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #E1C386;border-radius:4px;margin:0 auto}
.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:#A0AFCB;margin-top:0.1rem}
.panelTip{position:relative}
.panelTip .hide-btn{position:absolute;right:0;top:0;background:url(../images/tip-hide.png) no-repeat center;background-size:0.2rem auto;background-color:transparent;width:0.5rem;height:0.5rem;overflow:hidden;line-height:99}
.panelTip .text{margin-top:0.2rem}
.panelTip .text p{float:left;width:4.68rem;font-size:0.24rem;line-height:0.3rem;color:#a0afcb}
.panelTip .text a{background:url(../images/tip-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;float:right;width:1.32rem;height:0.46rem;line-height:0.48rem;text-align:center;font-size:0.24rem;color:#2D3445}
.list-tool{margin-top:0.34rem}
.list-tool li{background:#19366D;border:1px solid #738CA9;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.18rem 0.2rem;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;border-top-right-radius:0.5rem;margin-top:0.3rem;position:relative}
.list-tool li:first-child{margin-top:0}
.list-tool .img{-ms-flex-negative:0;flex-shrink:0;display:block;width:1rem;height:1rem;margin-right:0.12rem}
.list-tool .img img{display:block;width:100%;height:100%}
.list-tool .con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%;overflow:hidden}
.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:#fff}
.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:#A0AFCB;font-size:0.22rem}
.list-tool .btn{-ms-flex-negative:0;flex-shrink:0;display:block;background:url(../images/li-tool-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.04rem;height:0.46rem;text-align:center;font-size:0.24rem;color:#2D3445;line-height:0.48rem;color:#2d3445;margin-left:0.2rem}
.list-tool .tip-hot{background:url(../images/ico-hot.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.4rem;height:0.4rem;position:absolute;right:-0.05rem;top:-0.06rem}
.live-book{position:absolute;right:0.1rem;top:0.5rem;background:url(../images/book-bg.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.38rem;height:0.46rem;text-align:center;line-height:0.48rem;font-size:0.26rem;color:#2d3445}
.live-book .ico{background:url(../images/book-it.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:inline-block;width:0.3rem;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-book .txt{display:none;position:absolute;left:50%;bottom:0.58rem;width:1.04rem;margin-left:-0.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.08rem;text-align:justify;font-size:0.18rem;line-height:0.22rem;color:#7e8695;background:#fff;border:1px solid #CECBBF;border-radius:0.04rem}
.live-book .txt::after{content:"";width:5px;height:5px;overflow:hidden;background:#fff;border-left:1px solid #CECBBF;border-bottom:1px solid #CECBBF;position:absolute;left:50%;bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-3px;bottom:-3px}
.live-tab{margin-top:0.2rem;padding:0.05rem 0;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;background:#fff;color:#2d3445;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;right:0.2rem;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;overflow:hidden;border:2px solid #E1C386;border-radius:2px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0 0.5rem 0 0}
.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:#fff}
.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:#a0afcb}
.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.42rem;font-size:0.24rem;text-align:center}
.pages a{display:inline-block;vertical-align:top;height:0.42rem;line-height:0.42rem;color:#2D3445;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #D9D3C2;border-radius:0.04rem;margin:0 0.1rem;padding:0 0.16rem}
.pages .info{display:inline-block;height:0.42rem;vertical-align:top;line-height:0.44rem;color:#fff;padding:0 0.15rem}
.pages .info i{color:#E1C386}
.Cr{color:#e1c386 !important}
.codeCon{margin-top:0.15rem}
.codeCon .text{line-height:0.32rem;font-size:0.24rem;color:#a0afcb}
.codeCon .list li{background:url(../images/li-code.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;height:1.86rem;-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 #E1C386;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;color:#fff}
.codeCon .list .con p{line-height:0.42rem}
.codeCon .list .con p a{text-decoration:underline}
.codeCon .list .con .p1{height:0.4rem;overflow:hidden;line-height:0.42rem;font-size:0.28rem;color:#fff}
.codeCon .list .con .p1 p{display:inline-block;vertical-align:top;white-space:nowrap;position:relative;padding-right:0.1rem}
.codeCon .list .con .p2{line-height:0.28rem;font-size:0.22rem;color:#a0afcb;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:#a0afcb;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:#9ba0aa;line-height:2}
.codeCon .list .btn a{background:url(../images/code-li-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:inline-block;margin:0 auto;width:1.04rem;height:0.46rem;text-align:center;line-height:0.48rem;text-align:center;font-size:0.24rem;color:#2d3445;margin-top:0.3rem}
.codeCon .list .btn a.bt-soon{background:url(../images/code-li-btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.34rem;-webkit-filter:grayscale(1);filter:grayscale(1)}
.codeCon .list .btn a.bt2{background:url(../images/code-li-btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.34rem}
.codeHow{background:#19366D;border-radius:0.1rem;overflow:hidden;line-height:0.4rem;font-size:0.24rem;color:#a0afcb;padding:0 0.1rem;margin-top:0.2rem}
.codeHow a{text-decoration:none}
.codeHow em{background:#507bac;display:inline-block;vertical-align:top;color:#fff;border-radius:0 0 0.3rem 0;padding:0 0.2rem 0 0.12rem;margin-left:-0.1rem;margin-right:0.05rem}
.codeTab{margin-top:0.4rem}
.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:#fff;border:1px solid #E1C386}
.codeTab .tab span{float:left;height:100%;line-height:0.46rem;padding:0 0.25rem;border-radius:0.22rem;color:#7E8695;font-size:0.24rem}
.codeTab .tab .on{background:#E1C386;color:#2D3445;-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}
.codeTab .btn-refresh{float:right;background:url(../images/ico-refresh.png) no-repeat left center;background-size:0.3rem 0.3rem;background-color:transparent;padding-left:0.32rem;height:0.46rem;line-height:0.48rem;font-size:0.24rem;color:#e1c386}
.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.6rem;margin:0 auto;position:relative}
.popArea::before,.popArea::after{content:"";width:100%;overflow:hidden;position:absolute;left:0}
.popArea::before{background:url(../images/pop-t.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;top:0;height:0.4rem}
.popArea::after{background:url(../images/pop-b.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;bottom:0;height:1.66rem}
.popArea .pop-bg{background:url(../images/pop-c.png) repeat-y 0 0;background-size:100% auto;background-color:transparent;position:absolute;left:0;top:0.39rem;bottom:1.65rem;right:0}
.popArea .inner{padding:0.4rem 0.45rem;font-size:0.24rem;line-height:1.4;color:#fff;position:relative;z-index:5}
.popArea .pop-hide{background:url(../images/pop-hide.png) no-repeat center;background-size:0.22rem auto;background-color:transparent;width:0.6rem;height:0.6rem;overflow:hidden;line-height:99;position:absolute;right:0.1rem;top:0.1rem;z-index:10}
.popArea .pop-tit{font-size:0.32rem;font-weight:bold;text-align:center;line-height:0.48rem;color:#fff;padding:0.1rem 0;border-bottom:1px solid #5B739B}
.popArea .pop-f26{font-size:0.26rem;line-height:1.8;text-align:justify}
.popArea .pop-f26 span{color:#e1c386}
.popArea .pop-f26 a{color:#e1c386;text-decoration:underline}
.popArea .pop-f30{font-size:0.3rem}
.popArea .pop-f36{font-size:0.36rem}
.popArea .pop-btn{width:6.6rem;text-align:center;line-height:0;font-size:0;margin-top:0.3rem;margin-left:-0.35rem}
.popArea .pop-btn a{background:url(../images/pop-btn1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:inline-block;vertical-align:top;width:2.44rem;height:0.66rem;line-height:0.68rem;color:#2d3445;font-size:0.28rem;margin:0 0.15rem}
.popArea .pop-btn a.huge{background:url(../images/pop-btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:3.84rem}
.popArea .pop-btn a.nobind{background:none;color:#e1c386;font-size:0.24rem;text-decoration:underline;padding:0 0;margin:0;margin-right:-0.4rem}
.popArea .pd25{padding:0.25rem}
.popArea .copylk{display:inline-block;width:0.8rem;height:0.4rem;border:1px solid #E4BB76;color:#E4BB76;font-size:0.26rem;font-weight:400;text-align:center;line-height:0.42rem;border-radius:0.22rem;vertical-align:middle;margin:-2px 0 0 0.15rem}
.popArea .nobind{color:#999;text-decoration:underline}
.popSpec::before{background:url(../images/pop-t-spec.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;height:0.6rem}
.popSpec .pop-bg{top:0.59rem}
.popSpec .pop-hide{top:0.3rem}
.popSpec .pop-tit{position:relative;top:-0.3rem;margin-bottom:-0.3rem}
.popSpec .pop-tit img{display:block;width:0.8rem;height:0.8rem;margin:0 auto 0.22rem}
.popSpec .pop-f22{font-size:0.24rem;color:#a0afcb;line-height:0.32rem;margin-top:0.2rem}
.popSpec .pop-f22 span{color:#fff}
.popSpec .pop-f28{font-size:0.28rem;line-height:1.4;margin-top:0.2rem}
.popSpec .pop-f28 span{color:#e4bb76}
.popSpec .pop-btn{margin-top:0.4rem}
.popSpec .pop-btn a{background:url(../images/pop-btn-spec.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:4.64rem;height:0.66rem;text-align:center;position:relative}
.popSpec .pop-btn a p{position:absolute;right:0;top:-0.06rem;font-size:0.16rem;line-height:0.28rem;text-align:center;width:0.76rem;height:0.36rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:0.1rem;color:#fff;background:url(../images/pop-btn-tip.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.popSpec .pop-btn a .ico-wx{background:url(../images/pop-btn-wx.png) no-repeat center;background-size:0.28rem auto;background-color:transparent;display:inline-block;width:0.4rem;height:0.4rem;vertical-align:top;margin-top:0.13rem;margin-right:0.1rem}
.bindLabel{margin-top:0.2rem}
.bindLabel li{height:0.6rem;margin-top:0.16rem;background:#fff;border-radius:0.05rem;padding:0 0.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bindLabel li:first-child{margin-top:0}
.bindLabel li .sp1{-ms-flex-negative:0;flex-shrink:0;height:0.36rem;line-height:0.38rem;font-size:0.28rem;color:#a0a0a0;margin-right:0.15rem}
.bindLabel li .sp2{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bindLabel li .sp2 span{height:0.36rem;line-height:0.38rem;font-size:0.28rem}
.bindLabel li .sp2 i{background:url(../images/ico-sure.png) no-repeat center;background-size:0.22rem auto;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:0.36rem;height:0.36rem;margin-left:0.1rem}
.bindLabel li .sp3{-ms-flex-negative:0;flex-shrink:0;width:0.6rem;height:0.6rem;overflow:hidden;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAMAAAAIG46tAAAAVFBMVEVHcExlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVCYbPUAAAAG3RSTlMAPBBkA0n4It3mNP6OWsW7oPHrBxl8KZlOq9EhR9yzAAAApElEQVR42s3R2Q6DIBAF0CuCsrhgrXbh//+zOgmZEof0tfeNOWFuCDAuFXEGnGys4KQfKK1lxDVK1dHbVxXHLqVNRj0csxAaCe9TOjNoAT29vBulzrY7J9bjiuuDVs4KjGVdOOqu2FDdQnWMRd1OB+OcYdSRVua6Y4ljbMi27zrG+ax7AgLSxWmHjDG2PSAj5W/QCslYS8BSxzd9hZybB1RfyYoPCH8mZec317gAAAAASUVORK5CYII=) no-repeat;background-size:0.28rem auto;background-repeat:no-repeat;background-position:center;margin-right:-0.2rem;margin-left:0.1rem}
.notip{display:block;height:0.38rem;line-height:0.4rem;font-size:0.26rem;color:#A0AFCB;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:transparent;margin:0.06rem 0.1rem 0 0;border:1px solid #D9D3C2;background:#fff;border-radius:2px}
.notip input[type=checkbox]:checked{color:#f75f38;border:1px solid #D9D3C2}
.notip input[type=checkbox]:after{content:"✔"}
.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 #E1C386;border-radius:0.2rem;margin:0 auto}
.stepArea{border-radius:0.2rem;margin-top:0.25rem}
.stepArea .tit{background:url(../images/step-hd.png) no-repeat center bottom;background-size:auto 0.6rem;background-color:transparent;height:0.6rem;line-height:0.62rem;font-size:0.3rem;font-weight:bold;text-align:center;color:#fff}
.stepArea .txt{font-size:0.24rem;line-height:1.4;margin-top:0.2rem}
.bindItem{margin-top:0.22rem}
.bindItem .tip{font-size:0.22rem;line-height:0.4rem;color:#999;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.32rem}
.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:#fff;border-radius:0.1rem}
.bindItem .ipt input[type=text]::-webkit-input-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]::-moz-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.98rem;height:0.72rem;background:#eeae46;text-align:center;line-height:0.74rem;color:#fff;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{background:url(../images/follow.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:5.02rem;height:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0.2rem;bottom:1.7rem;z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.15rem}
.follow .img{-ms-flex-negative:0;flex-shrink:0;width:0.7rem;height:0.7rem;border-radius:50%;overflow:hidden;border:1px solid #E1C386;margin-right:0.2rem}
.follow .img img{display:block;width:100%;height:100%;border-radius:50%}
.follow .btn{-ms-flex-negative:0;flex-shrink:0;width:1.14rem;height:0.5rem;text-align:center;line-height:0.52rem;background:url(../images/follow-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;font-size:0.24rem;color:#513703;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}
.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:#2D3445}
.follow .con p{height:0.3rem;line-height:0.32rem;font-size:0.2rem;color:#979797}
.follow .hide-it{position:absolute;right:0.2rem;top:-0.12rem;background:url(../images/follow-hide.png) no-repeat center;background-size:0.24rem auto;background-color:transparent;width:0.4rem;height:0.4rem;overflow:hidden;line-height:99}
.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:0.6rem;height:0.45rem;overflow:hidden;line-height:99}
.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:#a0afcb;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%}
.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: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:0.45rem;top:-0.77rem}
.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;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAcCAMAAABrlg40AAAAA1BMVEUiuJBAoBigAAAAFUlEQVR42uXBAQEAAACAkP6vNiQaAwD8AAEWvR8IAAAAAElFTkSuQmCC) no-repeat;background-size:0.08rem auto;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}
.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%}
.state{position:absolute;background:#cc860d;height:0.32rem;line-height:0.32rem;color:#fff;border-radius:0 0 0.1rem 0;font-size:0.22rem;left:0;bottom:0.66rem;padding-right:0.15rem;z-index:120}
.state em{float:left;width:1.35rem;height:0.32rem;background:#e7a634;-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:130}
.state span img{width:0.2rem;height:0.18rem;margin:0 0.1rem;vertical-align:middle}
.head-text{width:7.5rem;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.8);height:0.66rem;line-height:0.66rem;color:#c6c9d1;font-size:0.22rem;overflow:hidden;z-index:110}
.head-text p{float:left;width:5.4rem}
.head-text p img{width:0.26rem;height:0.26rem;float:left;margin:0.17rem 0.12rem 0 0.1rem}
.headArea.v2{padding-bottom:0.66rem}
.headArea .head-text a{margin:0.14rem 0.1rem 0 0.2rem;color:#e1c193;font-size:0.21rem;text-decoration:underline;-webkit-box-shadow:none;box-shadow:none;border:none;background:none;font-size:0.21rem;vertical-align:0.1rem}
.play-mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100}
.play-mask .play{background-image:url(../images/ico-vid.png);background-size:100% 100%;width:0.8rem;height:0.81rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.live-pre{position:absolute;display:block;right:0;top:0.7rem;background:url(../images/btn_2.png) no-repeat;background-size:100% 100%;width:1.04rem;height:0.39rem;line-height:0.39rem;color:#eaece7;padding-left:0.2rem;font-size:0.22rem;z-index:9}
.herald{width:6.48rem;margin-left:-0.13rem;border:0.02rem solid #80a4e7;position:relative}
.herald .mask{position:absolute;width:6.48rem;height:100%;background:rgba(0,0,0,0.7)}
.herald .text{position:absolute;z-index:8;width:6.46rem;text-align:center;padding-top:0.7rem;font-size:0.26rem}
.herald .text .live{color:#a6a7aa;width:4.6rem;margin:0 auto;border-bottom:1px solid #8a8e89;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:#c6c9d1}
.herald .d1{width:6.38rem;height:0.4rem;line-height:0.4rem;background:#000;color:#fff;font-size:0.26rem;padding-left:0.1rem}
.illustrate{background:url(../images/icon_1.png) no-repeat;height:0.26rem;line-height:0.26rem;background-size:0.26rem auto;margin-top:0.2rem;color:#effefe}
.illustrate em{color:#ffd619}
.illustrate .gift{width:0.33rem;height:0.32rem;margin-right:0.1rem;vertical-align:-0.05rem}
.times{width:6.48rem;height:0.88rem;position:relative;margin:0.2rem 0 0 -0.13rem}
.times .d1{width:4.5rem;background:-webkit-gradient(linear,left top,right top,from(#2e59a6),to(rgba(46,89,166,0.34)));background:linear-gradient(to right,#2e59a6,rgba(46,89,166,0.34));height:0.88rem;border-radius:0.2rem}
.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:#ffd619;font-size:0.42rem;border-radius:0.1rem;background:#09388e;margin:0 0.06rem;text-align:center;padding-top:0.03rem}
.times .btn-yy{position:absolute;background:url(../images/btn_1.png) no-repeat;background-size:100% 100%;width:2.46rem;height:0.88rem;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:#405e95;color:#dce6ff;border-radius:0.22rem;margin:0.2rem auto 0;position:relative}
.remind::after{content:"";width:0;height:0;overflow:hidden;border:8px solid #405e95;border-color:transparent transparent #405e95;position:absolute;right:1.1rem;top:-16px}
.headArea .view{background:#2a3f61;position:absolute;width:1.25rem;height:0.34rem;left:0.1rem;bottom:0.8rem;z-index:100;font-size:0.22rem;color:#cccccc;text-align:center;border-radius:0.06rem}
.headArea .view::before{content:"";display:inline-block;background:url(../images/eye.png) no-repeat;background-size:100% 100%;width:0.29rem;height:0.22rem;vertical-align:-0.03rem}
.btn-disable{-webkit-filter:grayscale(1);filter:grayscale(1)}
.herald{width:6.48rem;margin-left:-0.13rem;border:0.02rem solid #e1c386;position:relative}
.herald .mask{position:absolute;width:6.48rem;height:3.24rem;background:rgba(0,0,0,0.7)}
.herald .text{position:absolute;z-index:8;width:6.46rem;text-align:center;padding-top:0.7rem;font-size:0.26rem}
.herald .text .live{color:#a6a7aa;width:4.6rem;margin:0 auto;border-bottom:1px solid #8a8e89;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:#c6c9d1}
.herald .d1{width:6.38rem;height:0.4rem;line-height:0.4rem;background:#000;color:#fff;font-size:0.26rem;padding-left:0.1rem}
.res{top:0.7rem;right:0.25rem}
.playback{overflow:hidden;padding-top:0.2rem}
.playback .d1{float:left;height:0.56rem;line-height:0.56rem;font-size:0.26rem;color:white}
.playback .d1 img{width:0.56rem;height:0.56rem;border-radius:0.1rem;margin-right:0.1rem}
.playback a:not(.img-link),.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;background:#E1C386;border:1px solid #D09552;color:#2D3445;-webkit-box-shadow:0 0 0 2px #E1C386;box-shadow:0 0 0 2px #E1C386}
.live-book{position:absolute;right:0.1rem;top:0.5rem;background:url(../images/book-bg.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.38rem;height:0.56rem;text-align:center;line-height:0.56rem;font-size:0.26rem;color:#fff;z-index:110}
.live-book .ico{background:url(../images/book-it.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:inline-block;width:0.3rem;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}
.modShare{display:none;position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.modShare .modShare-inner{width:7.5rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin:0 auto}
.modShare .modShare-inner .lb-show{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:0%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:0.32rem;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.share-show{width:5.8rem;height:100%;overflow:hidden;margin:0 auto;position:relative}
.share-show::after{content:"";width:100%;height:0.3rem;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.6)));background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.6));position:absolute;left:0;bottom:-1px}
.share-show .sp-img{height:100%;overflow:auto}
.share-show .sp-img::-webkit-scrollbar{display:none}
.share-show .sp-img img{display:block;width:100%}
.share-dialog{width:7.5rem;position:relative}
.share-dialog .share-dialog-inner{background:#fff;padding:0.48rem;color:#3E403F;font-size:0.24rem;line-height:1.6;word-break:break-all;padding-top:0.46rem;padding-bottom:0.4rem;border-radius:0.24rem 0.24rem 0 0}
.share-dialog .share-dialog-inner .sp-hide{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADxSURBVHgB3ZVLEoMgDIZJekiGbupNiiepXSjDKSk4RaiCJHTT6e/GR/J9jvIQ4q8ym3lY7HITnSn1Y/4QAR/gYDLW3AUzoSf25xJMJ5iqndAcyVrre+L1xR8HgVJq8kUjV7KHB4aU8hkv4dBgjPZ3ExiEVlKNVLh/UZ3XQLGRIKHAq4KWhAo/FdQkb6CmwJuCoiRPA04SVCUEeAgKStDjKPcKaX+i/Q/97K4O4VTCgceJSJwnp4KzociZjMCFbzVECfTAORLohVMlmyDuBxx4TeLADVd5XVfU2n5AhoestdlSn+8H+zcZrLXdW+a3/b+ZFy0PwizSgCWFAAAAAElFTkSuQmCC) no-repeat center;background-size:0.24rem auto;background-color:transparent;width:0.55rem;height:0.55rem;overflow:hidden;line-height:99;position:absolute;right:0.16rem;top:0.16rem}
.share-dialog .share-dialog-inner .sp-text1{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;height:0.34rem}
.share-dialog .share-dialog-inner .sp-text1 em{display:block;height:0.34rem;line-height:0.36rem;font-size:0.24rem;border-radius:0.18rem;background:#EEF9F1;color:#0AAC3C;padding:0 0.2rem}
.share-dialog .share-dialog-inner .sp-text2{text-align:center;font-size:0.24rem;color:#131715;margin-top:0.15rem}
.share-dialog .share-dialog-inner .sp-share{width:7.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.24rem 0.48rem;margin-left:-0.48rem;overflow-x:auto;margin-bottom:-0.24rem}
.share-dialog .share-dialog-inner .sp-share ul{white-space:nowrap}
.share-dialog .share-dialog-inner .sp-share li{display:inline-block;width:1.28rem;height:1.4rem;margin-top:0;line-height:1;overflow:hidden;text-align:center;font-size:0.24rem;color:#131715}
.share-dialog .share-dialog-inner .sp-share span{background:url(../images/ico-share.png) no-repeat 0 0;background-size:600% 100%;background-color:transparent;display:block;width:0.96rem;height:0.96rem;margin:0 auto 0.16rem}
.share-dialog .share-dialog-inner .sp-share span.ico.ico-qq{background-position:0 0}
.share-dialog .share-dialog-inner .sp-share span.ico.ico-wechat{background-position:20% 0}
.share-dialog .share-dialog-inner .sp-share span.ico.ico-zone{background-position:40% 0}
.share-dialog .share-dialog-inner .sp-share span.ico.ico-weibo{background-position:60% 0}
.share-dialog .share-dialog-inner .sp-share span.ico.ico-quan{background-position:80% 0}
.share-dialog .share-dialog-inner .sp-share span.ico.ico-qun{background-position:100% 0}
.share-dialog .share-dialog-inner .sp-share span.ico.ico-save{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAwFBMVEVHcEz3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fj3+fhRtfD3+fj///n1+vnp9PhGsfD//vhCr/BTtvFArvBNtPD2+fg6rO/7+/lvwfH9/PlVt/BKsvC13vV0w/L//fl8x/Lw9/jJ5vb5+/il2PVcufHS6veV0fTd7/dlvvK+4/aHy/P5+fgetKZqAAAAHnRSTlMAbiEqvPs5DQUB4jOW8Jxn9NbS0J+veekWRUSFxISNSM7wAAAFSElEQVR42uWa63aiPBRAP5WLeK9O60w7k6SEOyKIVhRQ3/+tJhQqXykmprKWP2avtkt/7Z6THBJO8t+/hqLI7efWQJjNh6I4nM+EQeu5LStKc4JutzMeCD0RfkLsCYNxp9ttQtSVpT8zEV5AnP2R5O6tQbSfZpDB7Kl9i0buj0R4BeKoL39XIT3Cq3mUvqPpdkaQi1GHO2k/W0PIybD1ky8MSYDfQJCuD0aRxxP4LSbjq0emPYLfZtS+ztEX4A0I/Wsc0gO8ianEdvzqwRvp/eJ2NG9RJOJowELNWGcKG2HaoZS5ABtCuFj83RFsjNGl2h/DBhlfKMJhk5JhbVHKv2EVmwv4md9yjaT1RXHSEAcerNCqmb3zqsPTNioHoQY/BzPvVB3Kj6rD9YLVYnU1i1jV4Gd+KBWJZFdzhQLsmASdjUlwnOOmkjG7XymRx2ogIVw7AAAD+GwswwBLE+xRdXfxuVj6sCrRNiuTOHQTs9FNywDYeEOwQp8yIrlkTST6Lg7YRCvdMvCSSGij0p7USgx9efCQxgIhlfxDdZJJu3QoT7A+EidG6OS+c8pwazl56OD7dRL4VIYiP9RLLDPSPBvaBBhqWuheKnW03+m1kge5Mn9rJHoUEkn2DYXZrEYnG36FIoHSOVsvkCqxIYLBcZGu4gR5Np/kRfmQTKkS4kjWFsY6xrso3PJJph+SjkiXoCQ1sQUAsHQchXwSsVMuVjSJtiWfQI5v7T2KhLJ4DegSdAAYfKAfOSWDYgILNInrajG2zhJ/p3pcEkHOy71HlYTeGoMzFtiHXJJeXvTP4g0SO4MmEZ+LdZc6Jl54/JSuxCsFJy/UUEZSSupX4QFdAlFg+eXArz4KxYYaKU11//Z2eNtHS1xK6kZeoEvIp4V+zpZ+KLJ1QloSrdPdbrk0yA8wLkmEd8mULskzXjjMeHvKdwDa/rjE1hkALkmm75I5S3LS9qmu+z7W/ch2YUa4iS1sgZLLkvm7ZMiSQKhtolWapsf9tnAkKz1XsCWTd4nIlpBp5Kqq7RUTS9vvMABXSsTrJDlkBYQ5XpLqgENCTxdwYje0YQVXzWcbR7poA284C1Wzqw54NM+laV078NPLEkvPFvmKIz7HYaQ7iymZMooRGLp1IKNdcgrt+GNeWX7svhmYJREYjxWQWYKN551yXNdN1mX1GwekLkyDIRkwHpBZRrC5OqivW9fz3K2dREsTcEpajEd98Sgxd8coIETHpYnzRPnW/yVW9pX+qG/3KJJ8Y+84Jsam4/hFDGnqW6XEXy52lkFftGSBJik8FsEoMuOv1WRlniXYCLYB8CnLL3UjAerBMUKkIP1cgkGQLVombSNBGHNKwG6fWRyQSZzMkc1rxpaoI3JK8LslNYP8D3qNHd9gbO6UKacE6JklWQXkN8ricLABKNtU6oYbUCwJiWXvqW9eFgdeAkDdcBMkioSSseyxlsexvFiMEvMlCFAwSSwnItkWDkB5CaK/zlEtaYJcBHPHJcmTwnwxBUzL69lBeTFlvGKzLMHRzBylhNr46PNLCLpj+gagSPqMtgdbQrDKhbGuI/HYpTVwit6KwcPX3ordp7Wiii6R7nBxfA3tyoiwmmq265J+1/WkX/pd8w67PWh7iK9zhyqdu9Y1jU7bRTyE0GY3OpX+sGrhg96yLRPWIK37tdGbPxCoR2nqaOOhc69DmuaPm+5/cEYy9nDjeJBcsS0NHWbe/1iW0PQBc/NH5fc/9G/++sL9L2KUmv4P/isl/DRwOYaNkl3zeZmKF2OYvmTXfJT7X1jiv3o1EcVJ5erVP8RfkuS111Nheb8AAAAASUVORK5CYII=) no-repeat;background-size:100% 100%}
.headArea .play-mask .play{display:block;width:119px;height:37px;margin-left:-59.5px;margin-top:10px;background:url("../images/b-btn.png") no-repeat 0 0;background-size:5950px 37px;-webkit-animation:em-icon 2s steps(49) forwards infinite;animation:em-icon 2s steps(49) forwards infinite;-moz-animation:em-icon 2s steps(49) forwards infinite;-o-animation:em-icon 2s steps(49) forwards infinite;-ms-animation:em-icon 2s steps(49) forwards infinite;-webkit-transform:translate(0);transform:translate(0)}
@media screen and (min-width:750px){.headArea .play-mask .play{display:block;width:2.38rem;height:0.74rem;margin-left:-1.19rem;background:url("../images/b-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;-moz-animation:em-icon 2s steps(49) forwards infinite;-o-animation:em-icon 2s steps(49) forwards infinite;-ms-animation:em-icon 2s steps(49) forwards infinite;-webkit-transform:translate(0);transform:translate(0)}}
@-webkit-keyframes em-icon{100%{background-position:100% 0}}
.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.1rem 6.02rem;background-position:center bottom;background-repeat:no-repeat;width:7.1rem;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.46rem}
.liveCard .info .icon{width:0.67rem;height:0.67rem;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:#a5b5d8;line-height:1.1;margin-top:0.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.liveCard .state2{position:absolute;background:#D39F48;border-radius:0.1rem;width:1.46rem;height:0.47rem;line-height:1;font-size:0.24rem;color:#fff;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 #203869;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}}