@charset "UTF-8";html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
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:transparent}
em,i{font-style:normal}
img{max-width:100%;border:0}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{text-decoration:none;color:#333}
.cf:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.cf{min-height:1%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.show{display:block}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
html{font-size:100px;font-size:13.33333vw}
@media screen and (max-width:320px){html{font-size:42.66667px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93333px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.33333px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:750px){html{font-size:100px;font-size:13.33333vw}}
@media screen and (min-width:751px){html{font-size:100px}
body{width:750px;margin:0 auto}}
.headFixed,.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:#f75f38}
.C02{color:#f00}
.cl1{color:#f4cfa5 !important}
.cl2{color:#afb0b3 !important}
.cl3{color:#e4bb76 !important}
body{background:#26292e;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}
.modFooterWrap .mfAbout{width:7rem}
.modFooterWrap .mfAbout .m-cover{padding:0.29rem 0}
.modFooterWrap .mfAbout .m-cover::before{height:0.3rem;background:url(../images/area-about-top.png) no-repeat;background-size:100% 100%}
.modFooterWrap .mfAbout .m-cover::after{height:0.3rem;background:url(../images/area-about-bot.png) no-repeat;background-size:100% 100%}
.modFooterWrap .mfAbout .m-cover > div{background:url(../images/area-about-con.png) repeat-y;background-size:100% auto}
.modFooterWrap .mfAbout .m-inner{background:none;padding:0.48rem 0.2rem 0.48rem}
.modFooterWrap .mfAbout-tell .lb-fold{background:#f6f5f3}
.modFooterWrap .mfAbout-title{background:url(../images/area-ablout-tit.png) no-repeat center;background-size:auto 0.46rem;background-color:transparent;height:0.46rem;overflow:hidden;line-height:99;margin-bottom:0.3rem}
.modFooterWrap .mfAbout-item p{color:#4a5364}
.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:url(../images/area-ablout-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:4.82rem;height:0.88rem;overflow:hidden;border:none;line-height:99;margin:0.3rem auto 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:#e1c386}
.headFixed .btn{background:url(../images/hd-fix-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;float:right;width:1.72rem;height:0.5rem;line-height:0.52rem;overflow:hidden;text-align:center;font-size:0.24rem;color:#fff}
.fixOpenApp{background:url(../images/fix-open-app.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;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:#fff;border-top:2px solid #E1C386}
.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:#e6e2d6;border-radius:0.12rem;font-size:0.18rem;color:#696d78}
.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}
.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}
.msgRoll li{height:0.4rem;overflow:hidden;line-height:0.42rem;font-size:0.24rem;color:#eee}
.msgRoll li .lk{color:#f4cfa5;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:4.82rem;height:0.88rem;color:#fff;overflow:hidden;text-align:center;line-height:99;-webkit-text-stroke-width:0.2pt;margin:0.4rem auto 0}
.topArea .btnRemind.active{background:url(../images/btn-remind-cur.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;line-height:0.9rem;font-size:0.36rem}
.topArea .tipRemind{width:6.3rem;height:0.44rem;text-align:center;line-height:0.46rem;font-size:0.24rem;background:#333b47;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 #333b47;border-color:transparent transparent #333b47;position:absolute;left:50%;top:-10px;margin-left:-5px}
.area{width:7.12rem;margin:0.5rem auto 0;position:relative}
.area::before,.area::after{content:"";width:100%;position:absolute;left:0}
.area::before{height:0.83rem;background:url(../images/area-t.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;top:0}
.area::after{height:1.41rem;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 0.58rem 0.4rem;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.47rem}
.area .area-hd img{display:block;height:0.47rem;margin:0 auto}
.panel{width:7rem;overflow:hidden;margin:0.4rem auto 0;position:relative}
.panel .cover{position:absolute;left:0;right:0;top:0.16rem;bottom:0.16rem;z-index:1}
.panel .inner{background:#202427;border:1px solid #d0ab6e;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:5;font-size:0.24rem;line-height:1.6;color:#afb0b3;border-radius:0 0.2rem 0 0.3rem}
.panel .panel-con{padding:0.3rem 0.2rem}
.panel .inner-ban{border-radius:0}
.link-banner{width:6.86rem;margin:0.06rem auto;display:block}
.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;margin-top:-0.2rem}
.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:#cccccc;line-height:0.46rem}
.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:#2d3445;margin-top:0.2rem}
.area-text a{color:#f75f38;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.42rem;height:0.72rem;text-align:center;line-height:0.72rem;font-size:0.26rem;color:#ffffff;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:1px 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:#afb0b3;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:#afb0b3}
.panelTip .text a{float:right;text-align:center;width:1.33rem;height:0.46rem;line-height:0.48rem;text-align:center;font-size:0.24rem;color:#201915;background:url(../images/li-btn.png) no-repeat 0 0;background-size:100% 100%}
.list-tool{margin-top:0.34rem}
.list-tool li{height:1.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.2rem;margin-top:0.3rem;position:relative;background-color:#353d4a;border:1px solid #515251;border-radius:0 0.2rem 0 0.2rem}
.list-tool li:first-child{margin-top:0}
.list-tool .img{float:left;width:1rem;height:1rem;margin-right:0.12rem}
.list-tool .img img{display:block;width:100%;height:100%;border-radius:0.1rem;border:1px solid #b7a58f}
.list-tool .con{float:left;width:3.46rem;height:1rem;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:#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{float:right;width:1.1rem;height:0.42rem;line-height:0.46rem;color:#2D3445;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;margin-top:0.28rem;background:url(../images/btn-down.png) no-repeat 0 0;background-size:100% 100%}
.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.35rem;top:0.8rem;background:url(../images/book-bg.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;height:0.46rem;text-align:center;line-height:0.48rem;font-size:0.26rem;color:#fff;z-index:1;padding-right:0.1rem;padding-left:0.05rem}
.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-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.42rem;font-size:0.24rem;text-align:center}
.pages a{display:inline-block;vertical-align:top;width:1.1rem;height:0.42rem;line-height:0.46rem;color:#2D3445;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0.1rem;background:url("../images/btn-down.png") no-repeat 0 0;background-size:100% 100%}
.pages .info{display:inline-block;height:0.42rem;vertical-align:top;line-height:0.44rem;padding:0 0.15rem;color:#fff}
.pages .info i{color:#e1c386}
.Cr{color:#f4cfa5 !important}
.codeCon{margin-top:0.15rem}
.codeCon .text{line-height:0.32rem;font-size:0.24rem;color:#afb0b3}
.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}
.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:-webkit-gradient(linear,left top,right top,from(#ee871c),to(#f2a14c));background:linear-gradient(to right,#ee871c,#f2a14c)}
.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{display:inline-block;margin:0 auto;text-align:center;width:1.33rem;height:0.46rem;line-height:0.48rem;text-align:center;font-size:0.24rem;color:#201915;background:url("../images/li-btn.png") no-repeat 0 0;background-size:100% 100%}
.codeHow{background:#353d4a;border-radius:0.1rem;overflow:hidden;line-height:0.4rem;font-size:0.24rem;color:#ffffff;padding:0 0.1rem;margin-top:0.2rem}
.codeHow a{text-decoration:none}
.codeHow em{background:#fde1c2;display:inline-block;vertical-align:top;color:#544e56;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-color:#f6f5f3}
.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-sizing:border-box;box-sizing:border-box;color:#544e56;border:1px solid #bfa36a}
.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:#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.66rem;border-radius:0.2rem;margin:0 auto;position:relative;background-color:#202427;border-radius:0 0.3rem 0 0.3rem;border:1px solid #d0ab6e}
.popArea .pop-bg{position:absolute;left:0;top:0.36rem;bottom:0.36rem;right:0}
.popArea .inner{padding:0.4rem 0.45rem;font-size:0.24rem;line-height:1.4;color:#f4cfa5;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{background:url(../images/pop-tit.png) no-repeat center bottom;background-size:auto 0.28rem;background-color:transparent;font-size:0.32rem;font-weight:bold;text-align:center;line-height:0.48rem;color:#f4cfa5;padding-bottom:0.18rem}
.popArea .pop-f22{font-size:0.22rem;color:#999}
.popArea .pop-f22 span{color:#575656}
.popArea .pop-f22 .cR{color:#f75f38}
.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}
.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.67rem;line-height:0.69rem;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;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:#f4cfa5;font-size:0.24rem;height:0.5rem;line-height:0.52rem}
.popArea .pd25{padding:0.25rem}
.popArea .copylk{display:inline-block;width:0.8rem;height:0.4rem;border:1px solid #e1c386;color:#e1c386;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}
.notip{display:block;height:0.38rem;line-height:0.4rem;font-size:0.26rem;color:#999999;margin-top:0.15rem}
.notip input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;float:left;width:0.26rem;height:0.26rem;text-align:center;line-height:0.25rem;font-size:0.2rem;color:#fff;color:transparent;margin:0.06rem 0.1rem 0 0;border:1px solid #999999;border-radius:2px}
.notip input[type=checkbox]:checked{color:#f75f38;border:1px solid #999999}
.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:#afb0b3;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.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.16rem;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:#2D3445;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:#afb0b3;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:#cc860d;height:0.32rem;line-height:0.32rem;color:#fff;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:#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:99}
.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}
.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:#f4cfa5}
.head-text a{margin:0.14rem 0.1rem 0 0}
.live-pre{position:absolute;display:block;right:0;top:1rem;width:0.95rem;height:0.4rem;background-size:1.15rem auto;line-height:0.4rem;color:#fff;padding-left:0.2rem;font-size:0.22rem;z-index:9;background-color:#eeae46;border-radius:0.15rem 0 0 0.15rem}
.herald{width:6.48rem;margin-left:-0.13rem;border:0.02rem solid #b29269;position:relative;margin-top:0.1rem}
.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:#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:relative;width:6.38rem;height:0.4rem;line-height:0.4rem;background:#000;color:#fff;font-size:0.26rem;padding-left:0.1rem;z-index:1}
.playback{overflow:hidden;padding-top:0.3rem}
.playback .d1{float:left;height:0.56rem;line-height:0.56rem;font-size:0.26rem;color:#fff}
.playback .d1 img{width:0.56rem;height:0.56rem;border-radius:0.1rem;margin-right:0.1rem}
.playback a{float:right;width:1.1rem;height:0.42rem;line-height:0.46rem;color:#2D3445;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;margin-top:0.05rem;background:url(../images/btn-down.png) no-repeat 0 0;background-size:100% 100%}
.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;margin-top:0.2rem;color:#ffffff}
.illustrate em{color:#ffd619}
.times{width:6.48rem;height:0.88rem;position:relative;margin:0.2rem 0 0 -0.13rem}
.times .d1{width:4.5rem;height:0.88rem;border-radius:0.2rem;background:-webkit-gradient(linear,left top,right top,from(#403d3a),color-stop(80%,#403d3a),to(#242729));background:linear-gradient(to right,#403d3a,#403d3a 80%,#242729)}
.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:#554d42;font-size:0.42rem;border-radius:0.1rem;background:#f4cfa5;margin:0 0.06rem;text-align:center;padding-top:0.03rem}
.times .btn-yy{position:absolute;background:url(../images/btn_1.png) no-repeat;width:2.2rem;height:0.76rem;background-size:2.2rem auto;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:#353d4a;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 #353d4a;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)}}
.headArea.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}
.headArea.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}
.headArea.liveCard .info .icon{width:0.7rem;height:0.7rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #4E3B22;border-radius:0.15rem;margin-right:0.24rem}
.headArea.liveCard .info .str{width:4.34rem}
.headArea.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}
.headArea.liveCard .info .str .des{font-size:0.2rem;color:#d4ccc0;line-height:1.1;margin-top:0.1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.headArea.liveCard .state2{position:absolute;background:url(../images/tv-live.png) no-repeat;background-size:100% 100%;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}
.headArea.liveCard .state2 .live-tag{width:0.15rem;margin-right:0.11rem}
.headArea.liveCard .img{width:6.48rem;height:3.64rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #564026;border-radius:0.24rem;overflow:hidden;position:relative}
.headArea.liveCard .img img{display:block;width:100%;height:100%}
.headArea.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}}