/*# zfa yihuan 2026/4/8 10:31:18 */
@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 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,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;-webkit-touch-callout:none}
.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}}
@media screen and (min-width:751px){html{font-size:100px}
body{width:750px;margin:0 auto}
[data-dpr="1"] body{width:750px;margin:0 auto}}
.gray,.grey{-webkit-filter:grayscale(1);filter:grayscale(1)}
body{background:#191919}
.headArea .head-show img{display:block;width:100%}
.headArea .head-hold{height:1.3rem}
.liveReminder{background:url(../images/live-reminder.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:7.1rem;height:7.12rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.3rem 0.25rem;margin:0.3rem auto 0}
.liveReminder .it-show{position:relative;height:3.72rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #666;overflow:hidden;border-radius:0.46rem}
.liveReminder .it-show .img{display:block;width:100%;height:100%}
.liveReminder .it-show .btn{height:0.58rem;line-height:0.6rem;padding:0 0.2rem;overflow:hidden;font-size:0.26rem;color:#000;-webkit-text-stroke-width:0.2pt;background:#FB5692;border-radius:0.3rem 0 0 0.3rem;position:absolute;right:0;top:0}
.liveReminder .it-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0.32rem;margin-top:0.15rem}
.liveReminder .it-text i{background:url(../images/live-reminder-gift.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:0.22rem;height:0.22rem;margin-right:0.06rem}
.liveReminder .it-text p{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.21rem;color:#fff}
.liveReminder .it-text p em,.liveReminder .it-text p span{color:#FB5692}
.liveReminder .it-info{background:#1C1B1B;border:1px solid #666;margin-top:0.15rem;border-radius:0.3rem;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;height:1.24rem;padding:0 0.2rem}
.liveReminder .it-info .btn{-ms-flex-negative:0;flex-shrink:0;background:url(../images/live-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:2.22rem;height:0.78rem;overflow:hidden;line-height:0.8rem;text-align:center;font-weight:bold;font-size:0.28rem;color:#000;margin-left:0.2rem}
.liveReminder .it-info .con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%}
.liveReminder .it-info .con .p1{height:0.28rem;line-height:0.3rem;text-align:center;font-size:0.24rem;color:#fff}
.liveReminder .it-info .con .p2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0.1em}
.liveReminder .it-info .con .p2 span{-ms-flex-negative:0;flex-shrink:0;width:0.44rem;height:0.52rem;overflow:hidden;text-align:center;line-height:0.54rem;background:#C9C9C9;font-size:0.4rem;color:#272727;font-weight:bold;border-radius:0.1rem;margin:0 0.05rem}
.liveReminder .it-info .con .p2 i{font-size:0.22rem;line-height:1;color:#fff;margin:0 -0.02rem}
.liveReminder .it-tip{background:url(../images/live-reminder-tip.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:6.6rem;height:0.67rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.13rem;margin-top:0.08rem}
.liveReminder .it-tip p{margin:0 0.1rem;height:0.54rem;line-height:0.56rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;font-size:0.24rem;color:#fff}
.bnArea{background:url(../images/bn-area.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:7.1rem;height:2.33rem;overflow:hidden;margin:0.46rem auto 0}
.bnArea .lk{display:block;width:6.6rem;height:1.72rem;overflow:hidden;margin:0.3rem auto 0}
.bnArea .lk img{display:block;width:100%;height:100%}
.panel{margin-top:0.5rem}
.panel .panel-head{display:block}
.panel .panel-head img{display:block;width:100%}
.panel .panel-body{width:7.2rem;min-height:7.96rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;background-image:url(../images/panel-t.png),url(../images/panel-b.png);background-position:center top,center bottom;background-repeat:no-repeat,no-repeat;background-size:100% auto,100% auto;position:relative}
.panel .panel-body::before{content:"";background:url(../images/panel-c.png) repeat-y 0 0;background-size:100% auto;background-color:transparent;position:absolute;left:0;right:0;top:5.93rem;bottom:2.03rem;z-index:-1}
.codeArea{padding:0.35rem 0.3rem 0.45rem}
.code-desc{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.1rem 0.2rem;background:#1C1B1B;border:1px solid #666;border-radius:0.15rem;margin:0 auto;font-size:0.22rem;line-height:0.32rem;color:#D9D9D9}
.code-desc a,.code-desc span{color:#FB5692}
.code-head{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;height:0.64rem;margin-top:0.3rem}
.code-head .lb-tab{height:0.64rem;overflow:hidden;border-radius:0.32rem;background:#1C1B1B;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 0 0 1px #666 inset;box-shadow:0 0 0 1px #666 inset}
.code-head .lb-tab span{-ms-flex-negative:0;flex-shrink:0;height:0.64rem;line-height:0.66rem;padding:0 0.3rem;font-size:0.26rem;color:#fff;border-radius:0.32rem}
.code-head .lb-tab span.on{background:#FB5692;color:#000;padding:0 0.4rem;-webkit-text-stroke-width:0.2pt;-webkit-box-shadow:0 0 0 1px #666 inset;box-shadow:0 0 0 1px #666 inset}
.code-head .lb-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0.28rem;line-height:1.4;color:#fff}
.code-head .lb-btn i{-ms-flex-negative:0;flex-shrink:0;width:0.32rem;height:0.32rem;margin-right:0.04 rem;margin-top:-0.02rem}
.code-head .lb-btn .ico-refresh{background:url(../images/ico-refresh.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.code-body{margin-top:0.4rem}
.code-body .lb-text{font-size:0.24rem;line-height:0.32rem;color:#fff}
.code-body .lb-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.84rem;background:#1C1B1B;border:1px solid #666;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.18rem;border-radius:0.15rem;margin-top:0.3rem}
.code-body .lb-list .i-img{-ms-flex-negative:0;flex-shrink:0;width:1rem;height:1rem;border-radius:0.15rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #666;margin-right:0.1rem}
.code-body .lb-list .i-img img{display:block}
.code-body .lb-list .i-con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%;font-size:0.28rem;line-height:1.4;color:#fff}
.code-body .lb-list .i-con a{color:#FB5692;text-decoration:underline}
.code-body .lb-list .i-con .sp-code{display:-webkit-box;display:-ms-flexbox;display:flex;height:0.32rem;overflow:hidden;font-size:0.26rem;color:#fff}
.code-body .lb-list .i-con .sp-code .in{white-space:nowrap}
.code-body .lb-list .i-con .sp-code .sp1{-ms-flex-negative:0;flex-shrink:0}
.code-body .lb-list .i-con .sp-code .sp2{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.code-body .lb-list .i-con .p1{font-size:0.22rem;line-height:0.32rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;margin-top:0.04rem}
.code-body .lb-list .i-con .p2{font-size:0.22rem;line-height:0.32rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#FB5692;margin-top:0.04rem}
.code-body .lb-list .i-btn{-ms-flex-negative:0;flex-shrink:0;margin-left:0.16rem;margin-right:-0.04rem}
.code-body .lb-list .i-btn a{background:url(../images/code-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.64rem;height:0.78rem;text-align:center;line-height:0.8rem;font-size:0.28rem;color:#000;-webkit-text-stroke-width:0.2pt}
.code-body .lb-list .i-btn p{height:0.24rem;line-height:0.26rem;text-align:center;font-size:0.18rem;color:#afb0b3;text-align:center;margin-top:0.1rem}
.pages{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.7rem;font-size:0.3rem;color:#fff;margin-top:0.3rem}
.pages a{text-decoration:underline;color:#fff}
.pages a.dis{color:#999;text-decoration:none}
.pages span{margin:0 0.8rem}
.toolArea{padding:0.35rem 0.3rem 0.6rem}
.toolArea .lb-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.48rem;background:#1C1B1B;border:1px solid #666;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.18rem;border-radius:0.15rem;position:relative;margin-top:0.3rem}
.toolArea .lb-list li:first-child{margin-top:0}
.toolArea .lb-list .i-img{-ms-flex-negative:0;flex-shrink:0;width:1rem;height:1rem;border-radius:0.15rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #666;margin-right:0.1rem}
.toolArea .lb-list .i-img img{display:block}
.toolArea .lb-list .i-con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%}
.toolArea .lb-list .i-con em{display:block;height:0.32rem;line-height:0.34rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.26rem;font-weight:bold;color:#fff}
.toolArea .lb-list .i-con p{font-size:0.22rem;line-height:0.32rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;margin-top:0.04rem}
.toolArea .lb-list .i-btn{-ms-flex-negative:0;flex-shrink:0;margin-left:0.16rem;margin-right:-0.04rem;background:url(../images/code-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.64rem;height:0.78rem;text-align:center;line-height:0.8rem;font-size:0.28rem;color:#000;-webkit-text-stroke-width:0.2pt}
.toolArea .lb-list .i-tag{position:absolute;overflow:hidden;line-height:99}
.toolArea .lb-list .i-tag.sp-new{background:url(../images/tool-tag-new.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.6rem;height:0.47rem;top:-0.16rem;right:-0.14rem}
.toolArea .lb-list .i-tag.sp-hot{background:url(../images/tool-tag-hot.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.7rem;height:0.7rem;top:-0.32rem;right:-0.19rem}
.toolArea .lb-btn-more{background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:3.68rem;height:1.02rem;text-align:center;line-height:1.02rem;font-size:0.28rem;color:#000;-webkit-text-stroke-width:0.2pt;margin:0.3rem auto 0}
.swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-wrapper .swiper-slide{-ms-flex-negative:0;flex-shrink:0}
.otArea{background:url(../images/other.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:7.1rem;height:5.36rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.05rem;margin:0.56rem auto 0}
.otArea .ot-head{margin:0.4rem 0.25rem 0}
.otArea .ot-head em{background:url(../images/other-head.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:3.4rem;height:0.8rem;line-height:0.82rem;font-size:0.4rem;font-weight:bold;color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 0.3rem}
.otArea .ot-list{padding:0 0.25rem;margin-top:0.3rem;height:3.3rem;overflow:hidden}
.otArea .ot-list li{width:5rem;height:3.3rem;overflow:hidden;margin-right:0.24rem}
.otArea .ot-list li:last-child{margin-right:0}
.otArea .ot-list .img{display:block;width:5rem;height:2.5rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:0.3rem;margin:0 auto}
.otArea .ot-list .img img{display:block;width:100%;height:100%}
.otArea .ot-list .txt{font-size:0.26rem;line-height:0.32rem;color:#e3e3e3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:0.12rem}
.toolSlogan{margin-top:0.5rem}
.commentArea{width:7.1rem;margin:0.5rem auto 0;color:#fff;font-size:0.24rem;line-height:1.2}
.fixSide{position:fixed;right:0.16rem;bottom:2.6rem;z-index:10;width:0.99rem}
.fixSide a{display:block;margin-top:0.25rem}
.fixSide a img{display:block;width:100%}
.footArea{height:1.4rem}
.footArea .in{width:7.5rem;height:1.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:0.05rem solid #000;border-radius:0.3rem 0.3rem 0 0;background:url(../images/foot-bg.png) no-repeat left top;background-size:100% auto;background-color:#FE5995;position:fixed;left:50%;margin-left:-3.75rem;bottom:0;z-index:100}
.footArea ul{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.13rem}
.footArea ul li{-webkit-box-flex:1;-ms-flex:1;flex:1;height:1.16rem;margin:0 0.06rem;position:relative}
.footArea ul li img{display:block;width:0.8rem;height:0.8rem;margin:0 auto}
.footArea ul li em{display:block;height:0.36rem;line-height:0.36rem;font-size:0.24rem;color:#fff;text-align:center;text-shadow:1px 0 1px #000,1px 0 1px #000,1px 0 1px #000,1px 1px 1px #000,1px 1px 1px #000,1px 1px 1px #000,1px -1px 1px #000,1px -1px 1px #000,1px -1px 1px #000,-1px 0 1px #000,-1px 0 1px #000,-1px 0 1px #000,-1px 1px 1px #000,-1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,-1px -1px 1px #000,-1px -1px 1px #000}
.footArea ul li span{position:absolute;left:50%;top:-0.25rem;height:0.36rem;line-height:0.38rem;font-size:0.22rem;background:#7CECFC;color:#000;border-radius:0.1rem;padding:0 0.1rem}
.remindBtn{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.5rem}
.remindBtn .btn{display:block;width:6.1rem;height:1rem}
.remindBtn .btn img{display:block}
.remindBtn .tip{background:url(../images/live-reminder-tip.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:6.6rem;height:0.67rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.13rem;margin-top:0.08rem}
.remindBtn .tip p{margin:0 0.1rem;height:0.54rem;line-height:0.56rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;font-size:0.24rem;color:#fff}
.liveArea{background:url(../images/live-bg.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:7.1rem;height:6.7rem;overflow:hidden;margin:0.5rem auto 0}
.liveArea.end{background:url(../images/live-end-bg.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;height:5.97rem}
.liveArea.end .live-play{margin-top:0.52rem}
.live-play{width:6.6rem;height:3.72rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #666;border-radius:0.46rem;margin:1.09rem auto 0;position:relative}
.live-play img{display:block;width:100%;height:100%}
.live-play .sp-room{background:url(../images/live-sp1.gif) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.1rem;height:0.75rem;overflow:hidden;line-height:99;position:absolute;left:50%;top:50%;margin:-0.38rem 0 0 -1.05rem}
.live-play .sp-ing{background:url(../images/live-sp3.gif) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.28rem;height:0.42rem;overflow:hidden;line-height:99;position:absolute;top:0.22rem;right:0.28rem}
.live-play .sp-play{background:url(../images/live-sp2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.2rem;height:1.2rem;overflow:hidden;line-height:99;position:absolute;left:50%;top:50%;margin:-0.6rem 0 0 -0.6rem}
.live-play .sp-book{height:0.58rem;line-height:0.6rem;padding:0 0.2rem;overflow:hidden;font-size:0.26rem;color:#000;-webkit-text-stroke-width:0.2pt;background:#FB5692;border-radius:0.3rem 0 0 0.3rem;position:absolute;right:0;top:0}
.live-play .sp-book i{display:inline-block;vertical-align:middle;width:0.3rem;height:0.3rem;background:url(../images/ico-book.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;margin-top:-0.04rem;margin-right:0.04rem}
.live-info{width:6.6rem;height:1.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;border:1px solid #333;border-radius:0.3rem;margin:0.38rem auto 0;padding:0 0.22rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.live-info .img{-ms-flex-negative:0;flex-shrink:0;width:0.8rem;height:0.8rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #666;border-radius:0.14rem;margin-right:0.1rem}
.live-info .img img{display:block;width:100%;height:100%}
.live-info .con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%}
.live-info .con em{display:block;font-size:0.28rem;height:0.36rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:0.38rem;font-weight:bold;color:#fff}
.live-info .con p{font-size:0.22rem;line-height:0.26rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#D9D9D9;margin-top:0.1rem}
.live-info .btn{-ms-flex-negative:0;flex-shrink:0;background:url(../images/live-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:2.22rem;height:0.78rem;overflow:hidden;line-height:0.8rem;text-align:center;font-weight:bold;font-size:0.28rem;color:#000;margin-left:0.2rem;margin-right:-。04rem}
.live-info.live-ing::after{content:"";background:url(../images/live-sp.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:1.32rem;height:0.96rem;margin-left:0.2rem;margin-right:-0.04rem}
.popArea{width:6.4rem;position:relative;z-index:100}
.popArea .pop-box{background:#eee;border-radius:0.3rem;overflow:hidden}
.popArea .pop-box .con-body{padding:0.4rem;color:#333;font-size:0.24rem;line-height:1.2}
.popArea .pop-box .con-body .f28{font-size:0.28rem;line-height:0.42rem}
.popArea .pop-box .con-body .tac{text-align:center}
.popArea .pop-box .con-foot{-webkit-box-shadow:0 0.01rem 0 0 rgba(0,0,0,0.3) inset;box-shadow:0 0.01rem 0 0 rgba(0,0,0,0.3) inset;padding:0.1rem 0 0.18rem;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}
.popArea .pop-box .con-foot a{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0.74rem;text-align:center;line-height:0.76rem;font-size:0.28rem;color:#FB5692;-webkit-text-stroke-width:0.2pt;position:relative}
.popArea .pop-box .con-foot a:first-child:nth-last-child(2) ~ a{-webkit-box-shadow:0.01rem 0 0 0 rgba(0,0,0,0.3) inset;box-shadow:0.01rem 0 0 0 rgba(0,0,0,0.3) inset}
.popArea .pop-hide{display:block;width:0.6rem;height:0.6rem;overflow:hidden;line-height:99;margin:0.5rem auto 0;background:url(../images/pop-hide.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}