/*# zfa 2025/7/23 15:53:43 快爆-暗区突围x赛博朋克--llk202507 */
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}}
body{background:#070806}
.headArea{position:relative;min-height:13rem}
.headArea .cover img{display:block;width:100%;pointer-events:none}
.headArea .inner{position:absolute;left:0;top:0;right:0;bottom:0}
.headArea .hd-logo{position:absolute;left:0.18rem;top:1.8rem;width:7.22rem}
.headArea .hd-logo img{display:block;width:100%}
.headArea .hd-count{position:absolute;left:0;top:2.42rem;height:0.46rem;line-height:0.48rem;padding:0 0.2rem 0 0.3rem;font-size:0.24rem;color:#fff;background:rgba(0,0,0,0.5);border-radius:0 0.24rem 0.24rem 0}
.headArea .hd-count span{color:#fefd03}
.headArea .hd-side{position:absolute;right:0;top:3.92rem;width:0.46rem}
.headArea .hd-side a{background:url(../images/hd-side.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.46rem;height:1.26rem;-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;font-size:0.22rem;color:#fdfb04;line-height:1.1;padding:0 0.1rem;text-align:center;margin-top:0.15rem}
.headArea .hd-main{position:absolute;left:0;bottom:0.3rem;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.headArea .hd-main .lb-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.headArea .hd-main .lb-cont .img{float:left;width:1.36rem;height:1.36rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #aaa;border-radius:0.25rem;margin-left:0.32rem;margin-right:0.24rem}
.headArea .hd-main .lb-cont .img img{display:block;width:100%;height:100%}
.headArea .hd-main .lb-cont .con .con-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:-0.1rem}
.headArea .hd-main .lb-cont .con .con-btn a{background:url(../images/btn1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.76rem;height:0.65rem;text-align:center;line-height:0.65rem;font-size:0.32rem;-webkit-text-stroke-width:0.2pt;color:#070806}
.headArea .hd-main .lb-cont .con .con-txt{font-size:0.24rem;color:#fff;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:0.16rem}
.headArea .hd-main .lb-text{font-size:0.2rem;line-height:0.28rem;color:#ababab;text-align:center;margin:0.08rem 0.4rem 0}
.grey,.gray{-webkit-filter:grayscale(1);filter:grayscale(1)}
.m-txt{font-size:0.22rem;line-height:0.32rem;color:#d5d5d5;text-align:center;margin:3.16rem 0.6rem 0}
.m-btn{width:5.4rem;margin:0 auto;text-align:center}
.m-btn a{display:block;width:3.3rem;height:0.78rem;line-height:0.8rem;font-size:0.38rem;-webkit-text-stroke-width:0.2pt;background:url(../images/btn1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;margin:0 auto}
.m-btn p{font-size:0.22rem;line-height:0.32rem;color:#d5d5d5;margin-top:0.2rem}
.m-sub{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;padding:0.25rem 0}
.m-sub img{display:block;height:0.28rem;pointer-events:none}
.pt1{background:url(../images/pt1.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:11.12rem;overflow:hidden}
.pt1 .m-btn{margin-top:4.64rem}
.pt2{background:url(../images/pt2.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:10.36rem;overflow:hidden}
.pt3{background:url(../images/pt3.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:11.11rem;overflow:hidden}
.pt3 .m-btn{margin-top:4.52rem}
.pt4{background:url(../images/pt4.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:9.6rem;overflow:hidden}
.pt4 .lb-img{margin-top:0.2rem}
.pt4 .lb-img img{display:block;width:100%}
.pt4 .m-btn{margin-top:0.24rem}
.pt5{background:url(../images/pt5.jpg) no-repeat 0 0;background-size:100% 100.11%;background-color:transparent;height:20rem;overflow:hidden}
.lickArea{width:7.5rem;height:7.24rem;margin:0.1rem auto 0;position:relative}
.lickArea .img{display:block;width:7.5rem}
.lickArea .btn{background:url(../images/luck-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:2.4rem;height:2.1rem;overflow:hidden;position:absolute;left:2.56rem;top:2.58rem}
.lickArea .btn p{font-size:0.2rem;text-align:center;line-height:1.5;margin-top:1.6rem}
.lickArea .btn p span{color:#17EDE4;font-weight:bold}
.taskArea{width:6.75rem;margin:1.4rem auto 0}
.taskArea ul{margin-top:1.14rem}
.taskArea ul:first-child{margin-top:0}
.taskArea li{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.74rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.24rem}
.taskArea li:nth-child(odd){background:rgba(171,171,171,0.18)}
.taskArea li .sp1{-ms-flex-negative:0;flex-shrink:0;width:3.1rem;font-size:0.24rem;line-height:0.34rem;color:#dfdede}
.taskArea li .sp2{font-size:0.22rem;line-height:0.34rem;color:#fefd03}
.taskArea li .btn{background:url(../images/btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:1.74rem;height:0.58rem;text-align:center;line-height:0.6rem;font-size:0.32rem;-webkit-text-stroke-width:0.2pt}
.pt6{background:url(../images/pt6.jpg) no-repeat 0 0;background-size:100% auto;background-color:transparent;min-height:14rem;padding-top:1px}
.pt6 .m-txt{margin-top:2.48rem}
.pt6 .m-sub{margin-top:0.32rem}
.signArea{width:6.9rem;margin:0.24rem auto 0}
.signArea > div{overflow:hidden}
.signArea > div p{font-size:0.24rem;line-height:0.3rem;color:#fff;margin:0.25rem 0.6rem;text-align:center}
.signArea > div p span{color:#fefd03}
.signArea .sp1{height:2.1rem}
.signArea .sp2{height:1.12rem;margin-top:0.56rem}
.signArea .btn{background:url(../images/btn3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:3.3rem;height:0.78rem;line-height:0.8rem;font-size:0.38rem;-webkit-text-stroke-width:0.2pt;color:#070806;text-align:center;margin:0.16rem auto 0}
.pt7{background:url(../images/pt7.jpg) repeat-y 0 0;background-size:100% auto;background-color:transparent;overflow:hidden;padding-top:1px}
.signItem .txt{font-size:0.22rem;line-height:0.32rem;color:#dfdede;text-align:center;margin:0 0.2rem}
.signItem ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.signItem ul li{-ms-flex-negative:0;flex-shrink:0;width:2.35rem;margin-top:0.2rem}
.signItem ul li.sp{width:3.2rem;margin:0.2rem 0.2rem 0}
.signItem ul li.sp img{width:3.2rem;height:2.1rem}
.signItem ul li img{display:block;width:2.08rem;height:2.08rem;margin:0 auto}
.signItem ul li a{display:block;width:2.35rem;height:0.56rem;text-align:center;line-height:0.58rem;font-size:0.28rem;color:#070806;-webkit-text-stroke-width:0.2pt;background:url(../images/btn4.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;margin:0.16rem auto 0}
.kbFootWrap .kbFootCopyright{padding-bottom:0.5rem}
.fixMenu{height:1.34rem}
.fixMenu .fxmInner{background:url(../images/fix_menu_bg.png?v=001) no-repeat;background-size:7.5rem auto;width:7.5rem;height:1.76rem;padding-top:0.54rem;background-position:center center;-webkit-box-sizing:border-box;box-sizing:border-box;display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:start;-ms-flex-align:start;-ms-flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;display:flex;justify-content:center;align-items:start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;position:fixed;left:50%;margin-left:-3.75rem;bottom:0;z-index:20}
.fixMenu .fxmInner .mask{width:1.4rem;height:0.55rem;left:50%;margin-left:-0.7rem;position:absolute;top:-0.55rem;z-index:-3;overflow:hidden;display:none}
.fixMenu .fxmInner .mask:before{background:#f9c8ae;width:1.4rem;height:1.4rem;border-radius:9.99rem 9.99rem 0 0;position:absolute;top:0;left:0;content:"";overflow:hidden}
.fixMenu .fxmInner .link{width:1.3rem;height:1rem;margin:0 0.02rem;position:relative;-ms-flex-negative:0;flex-shrink:0}
.fixMenu .fxmInner .link:nth-child(2){z-index:3}
.fixMenu .fxmInner .link img{width:0.64rem;height:0.64rem;margin:0.07rem auto 0;display:block}
.fixMenu .fxmInner .link em{height:0.32rem;line-height:0.34rem;margin:0.1rem auto 0;text-align:center;display:block;font-size:0.22rem;color:#ebebeb}
.fixMenu .fxmInner .link p{background:#fefd03;height:0.28rem;line-height:0.3rem;padding:0 0.12rem;border-radius:0.25rem 0.25rem 0.25rem 0.02rem;border:1px solid #1e4565;font-size:0.18rem;color:#070806;white-space:nowrap;position:absolute;top:-0.1rem;left:50%;margin-left:0.1rem;overflow:hidden}
.fixMenu .fxmInner .reservabtn{width:1.74rem;margin:0 0.05rem;margin-top:-0.42rem}
.fixMenu .fxmInner .reservabtn .item{background:url(../images/fix_menu_yy.png?v=001) no-repeat;background-size:100% 100%;width:1.15rem;height:1.15rem;padding-right:0.03rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;position:relative;z-index:1;overflow:hidden}
.fixMenu .fxmInner .reservabtn .item:after,.fixMenu .fxmInner .reservabtn .item:before{content:"";position:absolute;border-radius:999rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}
.fixMenu .fxmInner .reservabtn .item:before{background:#bd6d31;width:1rem;height:1rem;left:50%;margin-left:-0.5rem;top:0.1rem;z-index:-1}
.fixMenu .fxmInner .reservabtn .item:after{background:#d19358;width:1.2rem;height:1.2rem;position:absolute;left:50%;margin-left:-0.6rem;top:0;z-index:-2}
.fixMenu .fxmInner .reservabtn .item i{background:url(../images/fix_btn.png?v=001) no-repeat;background-size:0.38rem auto;background-position:center center;width:0.7rem;height:0.58rem;margin:0.12rem auto 0;display:block;-webkit-animation:shake 2.4s linear infinite;animation:shake 2.4s linear infinite;-webkit-transform-origin:50% 20%;transform-origin:50% 20%}
.fixMenu .fxmInner .reservabtn .item em{height:0.28rem;line-height:0.28rem;font-size:0.22rem;color:#070806;display:block;text-align:center;overflow:hidden}
.fixMenu .fxmInner .reservabtn .text{height:0.28rem;line-height:0.3rem;margin:0.1rem auto 0;display:block;text-align:center;font-size:0.22rem;color:#ebebeb;position:relative;z-index:3}
.fixMenu .fxmInner .done .item{-webkit-filter:grayscale(1);filter:grayscale(1)}
.fixMenu .fxmInner .done .item i{-webkit-animation:none;animation:none;color:#ccc;-webkit-filter:grayscale(1);filter:grayscale(1)}
.fixMenu .fxmInner .done .item em{-webkit-filter:grayscale(1);filter:grayscale(1)}
@-webkit-keyframes shake{0%,100%{-webkit-transform:rotate(0) scale(0.9);transform:rotate(0) scale(0.9)}
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(0);transform:rotate(0)}}
@keyframes shake{0%,100%{-webkit-transform:rotate(0) scale(0.9);transform:rotate(0) scale(0.9)}
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(0);transform:rotate(0)}}