/*# zfa 晃晃人生-官网-wap 2026/8/20 14:00:37 */
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}}
.pop .share-list .share-item .share-card::-webkit-scrollbar{width:0.1rem}
.pop .share-list .share-item .share-card::-webkit-scrollbar-thumb{border-radius:0.05rem;background:#999}
.pop .share-list .share-item .share-card::-webkit-scrollbar-track{border-radius:0.05rem;background:none}
@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}}
body{background:#256be5}
.mt10{margin-top:0.1rem !important}
.mt20{margin-top:0.2rem !important}
.mt30{margin-top:0.3rem !important}
.mt40{margin-top:0.4rem !important}
.mt50{margin-top:0.5rem !important}
.mt66{margin-top:0.66rem !important}
.tal{text-align:left !important}
.tac{text-align:center !important}
.scrollStyle{overflow:hidden;overflow-y:auto}
.scrollStyle::-webkit-scrollbar{width:0.08rem;height:0.1rem;border-radius:0.08rem;position:relative}
.scrollStyle::-webkit-scrollbar-thumb{width:0.08rem;background:#91e0b3;border-radius:0.08rem}
.scrollStyle::-webkit-scrollbar-track{width:0.08rem}
.wrap{opacity:0.4}
.gray,.grey{-webkit-filter:grayscale(1);filter:grayscale(1)}
.headBox{width:7.5rem;height:14.56rem;position:relative;z-index:10}
.headBox .show{background:url(../images/head-bg.jpg) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:7.5rem;height:14.56rem;position:relative}
.headBox .show .video{width:7.5rem;height:14.56rem}
.headBox .show .mask{background:url(../images/head-mask.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:7.5rem;height:3.26rem;position:absolute;left:0;bottom:-1px;z-index:5;pointer-events:none}
.headBox .cont{position:absolute;left:0;top:0;right:0;bottom:0;z-index:5}
.headBox .top-bar{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:7.5rem;left:50%;margin-left:-3.75rem;position:fixed;top:0;z-index:15;padding:0.12rem 0.24rem 0.12rem 0.12rem}
.headBox .top-bar.fixed:after{-webkit-transition:all 0.2s;transition:all 0.2s;content:"";background:#171948 !important;opacity:0.8;height:100% !important}
.headBox .top-bar:after{position:absolute;top:0;left:0;width:100%;height:1rem;content:"";background:-webkit-gradient(linear,left top,left bottom,from(#171948),to(transparent));background:linear-gradient(180deg,#171948 0%,transparent 100%)}
.headBox .top-bar .left{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.headBox .top-bar .left a{-ms-flex-negative:0;flex-shrink:0}
.headBox .top-bar .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1}
.headBox .top-bar img{width:0.8rem;height:0.8rem;border-radius:0.14rem}
.headBox .top-bar .game-info{margin-left:0.15rem}
.headBox .top-bar .game-info p{line-height:1;font-size:0.28rem;font-weight:bold;color:#fff}
.headBox .top-bar .game-info .hint{padding-right:0.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.1;font-size:0.24rem;color:#ddd;margin-top:0.1rem}
.headBox .top-bar .right .btn-top{background:url(../images/top-bar-sp1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.93rem;height:0.61rem;overflow:hidden;line-height:99}
.headBox .top-bar .right .btn-more{width:0.32rem;height:0.6rem;overflow:hidden;line-height:99;background:url(../images/top-bar-sp2.png) no-repeat center;background-size:100% auto;background-color:transparent;margin-left:0.27rem}
.headBox .top-bar-cont{display:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.headBox .more-popover{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:10}
.headBox .more-popover .mask{background:rgba(0,0,0,0.6);position:absolute;left:0;top:0;width:100vw;height:100vh}
.headBox .popover-box{z-index:100;position:absolute;top:0.4rem;right:0;width:5.26rem;background-color:#ffffff;border-radius:0.2rem}
.headBox .more-popover .popover-close{background:url(../images/pop-hide.png) no-repeat center;background-size:0.25rem auto;background-color:transparent;width:0.5rem;height:0.5rem;position:absolute;top:0.15rem;right:0.15rem}
.headBox .more-popover .popover-cont{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.5rem 0.44rem 0.6rem 0.4rem;box-sizing:border-box;max-height:90vh;overflow-y:auto;font-size:0.24rem}
.headBox .more-popover .popover-cont .nav-list li{margin-bottom:0.54rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-text-stroke-width:0.2pt}
.headBox .more-popover .popover-cont .nav-list li.on{color:#256be5}
.headBox .more-popover .popover-cont .nav-list .icon{display:block;width:0.32rem;height:0.32rem;background:url(../images/more-pop-ico.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.headBox .more-popover .popover-cont .nav-list .icon-box{display:-webkit-box;display:-ms-flexbox;display:flex;width:0.32rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:0.1rem}
.headBox .platform-list{padding-top:0.57rem;border-top:0.01rem solid #666}
.headBox .platform-list .label{color:#3c3e41;margin-bottom:0.35rem;font-weight:bold}
.headBox .platform-list .platform-list-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.headBox .platform-list .platform-list-cont li{margin-right:0.13rem}
.headBox .platform-list .platform-list-cont li:last-child{margin-right:0}
.headBox .platform-list .platform-list-cont li a{display:block}
.headBox .platform-list .platform-list-cont li img{border-radius:50%;display:block;width:0.77rem;height:0.77rem}
.headBox .head-title{background:url(../images/head-title.png?v=20260820) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:6.95rem;height:3.73rem;position:absolute;left:50%;margin-left:-3.475rem;top:2.7rem}
.headBox .head-title .btn-play-video{background:url(../images/head-vid.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.91rem;height:0.88rem;overflow:hidden;line-height:99;position:absolute;right:0.9rem;top:-0.1rem;-webkit-animation:vidAnim 1.4s linear infinite;animation:vidAnim 1.4s linear infinite}
@-webkit-keyframes vidAnim{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes vidAnim{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}}
.headBox .btn-limit{background:url(../images/limit.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.99rem;height:1.26rem;overflow:hidden;line-height:99;position:absolute;left:0.28rem;top:7.35rem}
.headBox .btn-reserve{background:url(../images/head-btn.png?v=2) no-repeat 0 0;background-size:100% 200%;background-color:transparent;width:3.54rem;height:1.16rem;overflow:hidden;line-height:99;position:absolute;left:50%;bottom:1.68rem;margin-left:-1.77rem}
.headBox .btn-reserve.on{background-position:0 100%}
.headBox .val-join{background:url(../images/val-join.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:3.2rem;height:0.4rem;line-height:0.42rem;text-align:center;font-size:0.24rem;color:#202020;position:absolute;left:50%;margin-left:-1.6rem;top:11.06rem}
.headBox .val-join span{color:#e95800}
.headBox .btn-reserve2{background:url(../images/head-btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:3.54rem;height:1.16rem;overflow:hidden;line-height:99;position:absolute;left:50%;bottom:1.68rem;margin-left:-1.77rem}
.headBox .bot-arrow{width:1.82rem;position:absolute;left:50%;margin-left:-0.91rem;bottom:0.14rem;font-size:0.18rem;line-height:0.3rem;text-align:center;color:#fff}
.headBox .bot-arrow i{background:url(../images/ico-arrow.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:0.8rem;height:0.56rem;margin:0 auto;-webkit-animation:arrowAnim 1.4s linear infinite;animation:arrowAnim 1.4s linear infinite}
@-webkit-keyframes arrowAnim{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-0.05rem);transform:translateY(-0.05rem)}}
@keyframes arrowAnim{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-0.05rem);transform:translateY(-0.05rem)}}
.vFull .headBox .top-bar:after{content:"";background:none !important}
.vFull .top-bar .top-bar-cont{display:none}
.vBase .top-bar .top-bar-cont{display:-webkit-box;display:-ms-flexbox;display:flex}
.fixSide{display:none;position:fixed;right:0;bottom:20%;width:1.5rem;z-index:10;-webkit-transition:all 0.5s;transition:all 0.5s}
.fixSide.fold{-webkit-transform:translateX(100%);transform:translateX(100%)}
.fixSide .li{display:block;width:1.5rem;margin-top:0.05rem;position:relative}
.fixSide .li img{display:block;width:100%;height:0.62rem}
.fixSide .li .tip{color:#ffffff;font-size:0.18rem;position:absolute;right:0.36rem;top:-0.2rem;height:0.3rem;padding:0 0.06rem;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;background-color:#4a2301;border-radius:10px}
.fixSide .li .tip:after{content:"";position:absolute;bottom:-0.07rem;right:0.22rem;background:#4a2301;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAHCAYAAAAF1R1/AAAAc0lEQVQYlZ3QuwrCUBCE4U/w/V9AUYhaamcgbdLnCbTVViuLIIaFg0ggHJMp9/LvzC5U94/5euKAzXIGIg43WOGIVxSngG7YYY3LsJkDvXEO6yjRjQ2Oga7pcpGcZPULiqynlL1Ov/hbAWqxxR6PKctfoQebfhnzXzy9OQAAAABJRU5ErkJggg==);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAHCAYAAAAF1R1/AAAAc0lEQVQYlZ3QuwrCUBCE4U/w/V9AUYhaamcgbdLnCbTVViuLIIaFg0ggHJMp9/LvzC5U94/5euKAzXIGIg43WOGIVxSngG7YYY3LsJkDvXEO6yjRjQ2Oga7pcpGcZPULiqynlL1Ov/hbAWqxxR6PKctfoQebfhnzXzy9OQAAAABJRU5ErkJggg==);-webkit-mask-size:100% 100%;mask-size:100% 100%;width:0.18rem;height:0.07rem}
.subTit{display:-webkit-box;display:-ms-flexbox;display:flex;height:0.42rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.24rem;color:#fff}
.subTit::before,.subTit::after{content:"";-ms-flex-negative:0;flex-shrink:0;width:0.3rem;height:0.3rem;background:url(../images/sub-tit.png) no-repeat center;background-size:100% auto;background-color:transparent;margin:-0.02rem 0.16rem 0}
.subTit::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.pt1{background:url(../images/pt1.jpg?v=2) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:6.9rem;overflow:hidden}
.pt1 .subTit{margin-top:1rem}
.pt1 .text{text-align:center;font-size:0.24rem;line-height:1.2;color:#fff;margin:0.3rem 0.32rem 0}
.pt2{background:url(../images/pt2.jpg?v=3) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:6.9rem;overflow:hidden;position:relative}
.pt2 .subTit{margin-top:1.22rem}
.pt2 .cover{background:url(../images/pt2-cover.png?v=20260818) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.1rem;height:2.08rem;position:absolute;right:-0.08rem;bottom:0.4rem;z-index:5}
.pt3{background:url(../images/pt3.jpg?v=2) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:9.5rem;overflow:hidden;position:relative}
.pt3 .cover{background:url(../images/pt3-cover.png?v=20260818) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.09rem;height:1.8rem;position:absolute;left:0.1rem;bottom:0.1rem;z-index:5}
.pt4{background:url(../images/pt4.jpg?v=2) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:12.2rem;overflow:hidden;position:relative}
.pt4 .cover{background:url(../images/pt4-cover.png?v=20260818) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.72rem;height:2.23rem;position:absolute;right:0;bottom:0.3rem;z-index:5}
.pt5{background:url(../images/pt5.jpg?v=2) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:13.58rem;overflow:hidden}
.pt6{background:url(../images/pt6.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:7.62rem;overflow:hidden;position:relative}
.pt6 .cover{background:url(../images/pt6-cover.png?v=20260818) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.8rem;height:1.82rem;position:absolute;right:0;bottom:0.8rem;z-index:5}
.pt6 .lb-btn{background:url(../images/slide-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.52rem;height:0.81rem;overflow:hidden;line-height:99;position:absolute;top:3.6rem}
.pt6 .lb-btn.prev{left:0.1rem}
.pt6 .lb-btn.next{right:0.1rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.pt7{background:url(../images/pt7.jpg?V=2) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:12.08rem;overflow:hidden}
.pt8{background:url(../images/pt8.jpg) no-repeat 0 0;background-size:100% auto;background-color:transparent;overflow:hidden}
.pt9{background:url(../images/pt9.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent}
.orderBox{margin-top:0.4rem}
.orderBox .lb-item{height:2.58rem}
.orderBox .lb-item img{display:block;width:auto;height:100%;margin:0 auto}
.orderBox .lb-progress{margin-top:0.1rem;height:1.5rem;overflow:hidden;position:relative}
.orderBox .lb-progress .bar{background:url(../images/order-bar.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:6.79rem;height:0.56rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.19rem 0.22rem;margin:0.52rem auto 0}
.orderBox .lb-progress .bar > div{width:100%;height:0.18rem;overflow:hidden;border-radius:0.09rem}
.orderBox .lb-progress .bar > div .progress-bar{background:url(../images/order-bar-sp.png) repeat-x 0 0;background-size:auto 100%;background-color:transparent;display:block;height:100%;overflow:hidden;border-radius:0.09rem}
.orderBox .lb-progress .val{background:url(../images/order-val.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:5.38rem;height:1.47rem;position:absolute;left:50%;margin-left:-2.69rem;top:0}
.swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-ms-flex-negative:0;flex-shrink:0}
.vidBox{margin-top:0.58rem;padding-left:0.06rem}
.vidBox .swiper-list{width:5.76rem;height:3.24rem;overflow:hidden;padding:0 0.1rem;margin:0 auto}
.vidBox .swiper-list .swiper-slide{width:5.76rem;height:3.24rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0.12rem;border:0.03rem solid #fff;margin-right:0.1rem;position:relative}
.vidBox .swiper-dots{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.6rem}
.vidBox .swiper-dots span{-ms-flex-negative:0;flex-shrink:0;width:0.18rem;height:0.18rem;background:#3883EE;border-radius:0.1rem;-webkit-box-shadow:0 0 0 1px #fff inset;box-shadow:0 0 0 1px #fff inset;margin:0 0.1rem;-webkit-transition:all 0.5s;transition:all 0.5s}
.vidBox .swiper-dots .swiper-pagination-bullet-active{width:0.32rem;background:#FDD11B}
.vidBox .swiper-slide-active .fake-video .video-js{display:block}
.vidBox .fake-video{width:100%;height:100%;overflow:hidden;position:relative}
.vidBox .fake-video .video-js{display:none}
.vidBox .fake-video .img{width:100%;height:100%}
.vidBox .fake-video .btn{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/ico-play.png) no-repeat center;background-size:0.66rem auto;background-color:transparent;background-color:rgba(0,0,0,0.25)}
.vidBox .fake-video .video-js{width:100%;height:100%}
.mapBox{width:5.71rem;height:5.82rem;overflow:hidden;-webkit-mask-image:url(../images/map-mask.png);mask-image:url(../images/map-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;margin:2.3rem 0 0 0.92rem;position:relative}
.mapBox .mapImg{width:3500px;height:3500px;-webkit-transform-origin:0 0;transform-origin:0 0}
.mapBox .mapImg img{display:block;width:100%;pointer-events:none}
.mapMask{width:5.71rem;height:5.82rem;-webkit-mask-image:url(../images/map-mask.png);mask-image:url(../images/map-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;background:rgba(0,0,0,0.2);backdrop-filter:blur(1px);color:#fff;position:absolute;left:0.92rem;top:2.3rem;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;font-size:0.32rem}
.popMap{display:none;background:url(../images/pop-map.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:5.42rem;height:3.06rem;position:absolute;left:50%;top:50%;margin-left:-2.7rem;margin-top:-1.5rem}
.popMap .lb-hide{background:url(../images/lb-hide.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.48rem;height:0.48rem;overflow:hidden;line-height:99;position:absolute;right:-0.05rem;top:-0.1rem}
.popMap .in{padding:0.22rem 0.2rem}
.popMap .lb-head{height:0.68rem;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.popMap .lb-head .img{-ms-flex-negative:0;flex-shrink:0;width:0.68rem;height:0.68rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.05rem;margin-right:0.2rem}
.popMap .lb-head .img img{display:block;width:100%;height:100%}
.popMap .lb-head .txt{display:block;height:0.5rem;line-height:0.52rem;font-size:0.32rem;color:#fff;text-shadow:1px 0 1px #A85009,1px 0 1px #A85009,1px 0 1px #A85009,1px 1px 1px #A85009,1px 1px 1px #A85009,1px 1px 1px #A85009,1px -1px 1px #A85009,1px -1px 1px #A85009,1px -1px 1px #A85009,-1px 0 1px #A85009,-1px 0 1px #A85009,-1px 0 1px #A85009,-1px 1px 1px #A85009,-1px 1px 1px #A85009,-1px 1px 1px #A85009,-1px -1px 1px #A85009,-1px -1px 1px #A85009,-1px -1px 1px #A85009}
.popMap .lb-body{padding:0 0.16rem;margin-top:0.2rem;font-size:0.22rem;line-height:0.27rem;word-break:break-all}
.mapBox .mapImg img{display:block;width:100%;height:auto;margin:-2px 0}
.map-markers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}
.map-marker{position:absolute;pointer-events:auto;cursor:pointer;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s,-webkit-transform 0.2s}
.map-marker img{width:100%;height:100%;display:block}
.introBox{margin-top:2.1rem}
.introBox .lb-list{width:6.3rem;height:8rem;overflow:hidden;margin:0 auto}
.introBox .lb-list .swiper-slide{width:6.3rem;height:8rem;overflow:hidden}
.introBox .lb-list .tit{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.97rem}
.introBox .lb-list .tit img{display:block;height:0.97rem}
.introBox .lb-list .img{width:6.04rem;height:3.3rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.04rem solid #fff;-webkit-box-shadow:0 0 0.08rem rgba(153,130,107,0.5);box-shadow:0 0 0.08rem rgba(153,130,107,0.5);border-radius:0.16rem;margin:0.24rem auto 0}
.introBox .lb-list .con{font-size:0.26rem;line-height:0.32rem;color:#000;margin-top:0.24rem;padding:0 0.12rem}
.introBox .lb-list .con p{margin-top:0.24rem}
.introBox .lb-list .con p:first-child{margin-top:0}
.introBox .lb-dots{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.2rem}
.introBox .lb-dots span{-ms-flex-negative:0;flex-shrink:0;width:0.18rem;height:0.18rem;background:#3883EE;border-radius:0.1rem;-webkit-box-shadow:0 0 0 1px #fff inset;box-shadow:0 0 0 1px #fff inset;margin:0 0.1rem;-webkit-transition:all 0.5s;transition:all 0.5s}
.introBox .lb-dots .swiper-pagination-bullet-active{width:0.32rem;background:#FDD11B}
.snsBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:6.65rem;overflow:hidden;margin:0.88rem auto 0}
.snsBtn a{background:url(../images/sns-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:2.34rem;height:0.91rem;overflow:hidden;line-height:99;margin:3.9rem 0.3rem 0}
.steamBox{width:5.96rem;height:3.64rem;overflow:hidden;margin:2.2rem 0 0 0.74rem;position:relative}
.steamBox li{width:5.96rem;height:3.64rem}
.steamBox li img{display:block;width:100%;height:100%}
.footBox{padding:0.56rem 0}
.footBox .logo-list{background:url("../images/foot-logo.png?v=2") center no-repeat;background-size:auto 100%;height:0.58rem;margin-bottom:0.4rem}
.footBox .copyright p{margin:0.3rem 0;text-align:center;font-size:0.18rem;line-height:0.2rem;color:#fff}
.footBox .copyright p a{color:#fff;margin:0 0.06rem}
.aboutBox{width:6.9rem;margin:1.5rem auto 0}
.aboutBox .about-item{margin-top:0.4rem}
.aboutBox .about-item .about-tit{height:0.64rem}
.aboutBox .about-item .about-tit img{display:block;height:0.64rem}
.aboutBox .about-item .about-info{background:url(../images/ab-info.png?v=2) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:6.92rem;height:3.48rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0.22rem;line-height:0.38rem;color:#000;padding:0.18rem 0.26rem;margin:0.12rem auto 0}
.aboutBox .about-game .title{display:-webkit-box;display:-ms-flexbox;display:flex}
.aboutBox .about-game .title em{display:block;background-image:-webkit-gradient(linear,left top,right top,from(#AE52F8),to(#6B47F5));background-image:linear-gradient(90deg,#AE52F8 0%,#6B47F5 100%);border-radius:0.1rem 0.1rem 0 0;font-size:0.24rem;height:0.4rem;color:#ffffff;line-height:1;font-weight:bold;line-height:0.42rem;padding:0 0.24rem;-ms-flex-negative:0;flex-shrink:0}
.aboutBox .about-game .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:0.3rem}
.aboutBox .about-game .game-list{padding:0 0.1rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:1.7rem;background-color:rgba(27,91,209,0.6);border-radius:0 0.2rem 0.2rem 0.2rem}
.aboutBox .about-game .game-list li{min-width:1rem;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.05rem}
.aboutBox .about-game .game-list li:last-child{margin-right:0}
.aboutBox .about-game .game-list li a{display:block}
.aboutBox .about-game .game-list li a img{margin:0 auto;display:block;width:0.9rem;height:0.9rem;border-radius:0.14rem}
.aboutBox .about-game .game-list li a p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:0.24rem;color:#fff;line-height:1;margin-top:0.08rem}
.roleBox{margin-top:1.4rem}
.roleBox .lb-cont{width:5.98rem;height:7.54rem;overflow:hidden;margin:0.78rem auto}
.roleBox .lb-cont .img{width:5.58rem;height:3.12rem;background:#fff;border-radius:0.18rem;padding:0.05rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 0.08rem #99826b;box-shadow:0 0 0.08rem #99826b;margin:0.12rem auto 0}
.roleBox .lb-cont .img img{display:block;width:100%;height:100%;border-radius:0.16rem}
.roleBox .lb-cont .i-item{width:5.55rem;height:0.68rem;line-height:0.7rem;font-size:0.36rem;color:#fff;text-align:center;text-shadow:1px 0 1px #A85009,1px 0 1px #A85009,1px 0 1px #A85009,1px 1px 1px #A85009,1px 1px 1px #A85009,1px 1px 1px #A85009,1px -1px 1px #A85009,1px -1px 1px #A85009,1px -1px 1px #A85009,-1px 0 1px #A85009,-1px 0 1px #A85009,-1px 0 1px #A85009,-1px 1px 1px #A85009,-1px 1px 1px #A85009,-1px 1px 1px #A85009,-1px -1px 1px #A85009,-1px -1px 1px #A85009,-1px -1px 1px #A85009;margin:0 auto}
.roleBox .lb-cont .con{width:5.56rem;margin:0.74rem auto 0}
.roleBox .lb-cont .con .i-desc{font-size:0.24rem;line-height:0.4rem;height:1.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.roleBox .lb-cont .con .i-lock{font-size:0.24rem;line-height:0.4rem;height:1.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:0.82rem}
.roleBox .lb-list{overflow:hidden;padding:0 0.22rem;height:2.22rem;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(5%,#fff),color-stop(95%,#fff),to(rgba(255,255,255,0)));-webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 5%,#fff 95%,rgba(255,255,255,0) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(5%,#fff),color-stop(95%,#fff),to(rgba(255,255,255,0)));mask-image:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 5%,#fff 95%,rgba(255,255,255,0) 100%)}
.roleBox .lb-list .swiper-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.roleBox .lb-list .swiper-slide{width:1.72rem;height:1.97rem;margin:0 3px}
.roleBox .lb-list .swiper-slide-active{width:1.99rem;height:2.22rem}
.roleBox .lb-list .swiper-slide-active .card{background:url(../images/pt5-li-on.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.99rem;height:2.22rem;margin-top:0}
.roleBox .lb-list .swiper-slide-active .card .i-img{width:1.65rem;height:1.5rem;margin:0.19rem 0 0 0.15rem}
.roleBox .lb-list .swiper-slide-active .card .i-img img{width:1.65rem;height:1.65rem}
.roleBox .lb-list .swiper-slide-active .card span{width:1.65rem;margin-left:0.19rem;text-shadow:1px 0 1px #A85009,1px 0 1px #A85009,1px 0 1px #A85009,1px 1px 1px #A85009,1px 1px 1px #A85009,1px 1px 1px #A85009,1px -1px 1px #A85009,1px -1px 1px #A85009,1px -1px 1px #A85009,-1px 0 1px #A85009,-1px 0 1px #A85009,-1px 0 1px #A85009,-1px 1px 1px #A85009,-1px 1px 1px #A85009,-1px 1px 1px #A85009,-1px -1px 1px #A85009,-1px -1px 1px #A85009,-1px -1px 1px #A85009}
.roleBox .lb-list .card{background:url(../images/pt5-li.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.72rem;height:1.97rem;overflow:hidden}
.roleBox .lb-list .card .i-img{display:block;width:1.5rem;height:1.35rem;overflow:hidden;margin:0.14rem 0 0 0.12rem}
.roleBox .lb-list .card .i-img img{display:block;width:1.5rem;height:1.5rem}
.roleBox .lb-list .card span{display:block;width:1.5rem;height:0.4rem;line-height:0.4rem;text-align:center;font-size:0.22rem;color:#fff;margin-left:0.12rem;text-shadow:1px 0 1px #5E36C0,1px 0 1px #5E36C0,1px 0 1px #5E36C0,1px 1px 1px #5E36C0,1px 1px 1px #5E36C0,1px 1px 1px #5E36C0,1px -1px 1px #5E36C0,1px -1px 1px #5E36C0,1px -1px 1px #5E36C0,-1px 0 1px #5E36C0,-1px 0 1px #5E36C0,-1px 0 1px #5E36C0,-1px 1px 1px #5E36C0,-1px 1px 1px #5E36C0,-1px 1px 1px #5E36C0,-1px -1px 1px #5E36C0,-1px -1px 1px #5E36C0,-1px -1px 1px #5E36C0}
.loaderArea{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:white;padding-bottom:1rem;backdrop-filter:blur(5px)}
.loaderArea .loader-img{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-bottom:0.5rem}
.loaderArea .loader-img img{display:block;height:0.8rem}
.loaderArea .loader-bar{width:4rem;height:0.08rem;background:rgba(255,255,255,0.3);border-radius:0.08rem;overflow:hidden}
.loaderArea .loader-bar > div{width:0%;height:100%;background:#fff;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}
.loaderArea .loader-var{margin-top:0.3rem;font-size:0.26rem}
.popNew{width:6.8rem;height:4.02rem;position:relative}
.popNew img{display:block;width:100%}
.popNew .lb-hide{background:url(../images/btn-hide.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.65rem;height:0.68rem;overflow:hidden;line-height:99;position:absolute;right:-0.2rem;top:-0.3rem}
.pop{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:0.24rem;background:#fff;width:6.24rem;border-radius:0.2rem;padding:0.59rem 0.2rem 0.84rem}
.pop .pop-close{position:absolute;background:url(../images/pop-hide.png) no-repeat center;background-size:0.25rem auto;background-color:transparent;top:0rem;right:0rem;width:0.8rem;height:0.8rem}
.popOrder{background:url(../images/pop-od.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:5.9rem;height:5.83rem;position:relative;padding:0.72rem 0.76rem 0}
.popOrder::after{content:"";width:1.15rem;height:1.68rem;overflow:hidden;background:url(../images/pop-od-sp.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:absolute;right:-0.3rem;bottom:0}
.popOrder .pop-close{position:absolute;top:0;right:0.16rem;width:0.75rem;height:0.75rem;overflow:hidden;line-height:99}
.pop .pop-tit{text-align:center;font-size:0.3rem;color:#3c3e41;font-weight:bold}
.pop .code-part{width:5rem;margin:0.69rem auto 0}
.pop .code-part .code-item{margin-bottom:0.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.25rem 0 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;background-color:#f2f2f2;height:0.8rem;width:100%}
.pop .code-part .code-item .code{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#3c3e41}
.pop .code-part .code-item .code .value{color:#616161;margin-left:0.37rem}
.pop .code-part .code-item a{color:#4292ff}
.pop .pop-hint{text-align:center;color:#3c3e41;line-height:1;margin-top:0.17rem}
.pop .share-list{margin-top:0.39rem;max-height:60vh;overflow-y:auto}
.pop .share-list::-webkit-scrollbar{width:0.06rem;height:0.1rem;border-radius:0.02rem;position:relative}
.pop .share-list::-webkit-scrollbar-thumb{width:0.06rem;background:rgba(0,0,0,0.1);border-radius:0.02rem}
.pop .share-list::-webkit-scrollbar-track{width:0.06rem}
.pop .share-list .share-item{width:5rem;margin:0 auto}
.pop .share-list .share-item .share-tit{margin-bottom:0.22rem;color:#3c3e41}
.pop .share-list .share-item .share-tit em{font-weight:bold;color:#ff6243}
.pop .share-list .share-item .share-card{width:5rem;max-height:4.6rem;overflow-y:auto;background-color:#f2f2f2}
.pop .share-list .share-item .share-card img{width:100%;display:block}
.pop .share-platform 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}
.pop .share-platform li{text-align:center;margin:0 0.11rem}
.pop .share-platform li img{width:0.74rem;height:0.74rem}
.pop .share-platform li p{color:#3c3e41;margin-top:0.1rem}
.pop-copy,.pop-qq{padding-bottom:0.8rem}
.pop .input-part{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}
.pop .input-part input{font-size:0.24rem;height:0.52rem;line-height:0.52rem;background:transparent;border:none;outline:none;color:#2a2b2e;width:100%}
.pop .input-part input:--webkit-placeholder{color:#b6b7bd}
.pop .reserve-input .item-input{-webkit-box-sizing:border-box;box-sizing:border-box;height:0.62rem;border:solid 1px #C5A874;width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.1rem}
.pop .reserve-input .item-input .select-box{position:absolute;top:0.5rem;left:0;background:#fff;-webkit-box-shadow:0 0.04rem 0.08rem rgba(0,0,0,0.1),0 0.06rem 0.2rem rgba(0,0,0,0.05);box-shadow:0 0.04rem 0.08rem rgba(0,0,0,0.1),0 0.06rem 0.2rem rgba(0,0,0,0.05);padding:0.1rem 0;max-height:2rem;overflow-y:auto;border-radius:0.04rem}
.pop .reserve-input .item-input .select-box .select-item{padding:0.15rem 0.3rem}
.pop .reserve-input .item-input .select-box .select-item a{color:#2a2b2e;display:block}
.pop .reserve-input .item-input .select-box .select-item.on a{color:#4292ff}
.pop .reserve-input .item-input .select{position:relative;padding:0 0.33rem 0 0.15rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.pop .reserve-input .item-input .select .select-btn{color:#2a2b2e}
.pop .reserve-input .item-input .select:after{content:"";position:absolute;right:0.15rem;top:50%;margin-top:-0.03rem;width:0.13rem;height:0.07rem}
.pop .reserve-input .item-input.phone .input-part{padding-left:0.12rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.pop .reserve-input{margin-top:0.2rem}
.pop .reserve-info{margin:0.32rem auto 0;color:#2a2b2e;font-size:0.22rem}
.pop .reserve-info em{color:#ff6243}
.pop .reserve-info .hint{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#3c3e41;font-size:0.2rem}
.pop .reserve-info .hint a{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin-left:0.08rem;color:#2a2b2e;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:0.17rem;border:0.01rem solid #2a2b2e;font-size:0.15rem;padding:0.02rem;width:0.17rem;height:0.17rem}
.pop .need-code{margin-top:0.2rem !important}
.pop .need-code{padding:0 0.26rem 0 0.12rem}
.pop .need-code .input-part{width:2.5rem;border-right:1px solid #b1b1b2}
.pop .need-code .input-part input{width:100%;padding-right:0.1rem}
.pop .need-code .btn-code{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;color:#4292ff}
.pop .btn-pop-reserve{background:url(../images/pop-od-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:4.24rem;height:0.96rem;overflow:hidden;line-height:99;margin:0.3rem auto 0}
.pop .sec-num{color:#b1b1b2;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;margin-left:0.15rem}
.pop .pop-common-text{text-align:center;color:#3c3e41;margin:0.4rem auto 0.4rem;padding:0 0.3rem}
.pop .pop-com-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.pop .pop-com-btn a{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;font-size:0.3rem;font-weight:bold;width:1.6rem;height:0.8rem;line-height:0.82rem;background:#4292ff;border-radius:0.2rem;text-align:center;color:#fff}
.pop.pop-common{padding-bottom:0.5rem}
.full-video{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;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;background-color:rgba(0,0,0,0.8)}
.full-video .video-js{margin-bottom:2rem;width:7.5rem;height:4rem}
.full-video .video-close{position:absolute;top:50%;right:0.3rem;width:0.35rem;height:0.35rem;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;color:#fff;margin-top:-4rem}
.full-img{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;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;background-color:rgba(0,0,0,0.8)}
.full-img .full-img-show{width:100%;display:block}
.full-img .img-close{position:absolute;top:2rem;right:0.3rem;width:0.35rem;height:0.35rem}
.toast{pointer-events:none;position:fixed;left:50%;bottom:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:80%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.18rem 0.28rem;background:rgba(0,0,0,0.85);color:#fff;font-size:0.26rem;line-height:1.3;border-radius:0.08rem;z-index:999999;opacity:0;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;text-align:center;word-break:break-word}
.toast.show{opacity:1;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.video-js .vjs-fullscreen-control{opacity:1 !important}