/*# zfa 2024/12/24 09:02:05 快爆-暗区s11赛季-llk */
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.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}}
@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:url(../images/body.jpg) repeat-y center top;background-size:7.5rem auto;background-color:transparent}
.headArea{position:relative;min-height:8px}
.headArea .cover img{display:block;width:100%;pointer-events:none}
.headArea .inner{position:absolute;left:0;top:0;right:0;bottom:0}
.hd-logo{position:absolute;left:.36rem;top:1.86rem;height:.4rem}
.hd-logo img{display:block;height:100%}
.hd-count{position:absolute;left:0;top:2.42rem;height:.46rem;overflow:hidden;line-height:.48rem;color:#fff;font-size:.24rem;padding:0 .2rem 0 .32rem;background:rgba(0,0,0,0.3);border-radius:0 .24rem .24rem 0}
.hd-count span{color:#f3c65c}
.hd-side{width:1.22rem;position:absolute;right:.06rem;top:2.72rem}
.hd-side a{background:url(../images/hd-side.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.22rem;height:.5rem;text-align:center;line-height:.46rem;font-size:.2rem;font-weight:bold;color:#1a1a1a;margin-top:.15rem}
.grey{-webkit-filter:grayscale(1);filter:grayscale(1)}
.pt1{background:url(../images/pt1.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;overflow:hidden;height:2.68rem}
.pt1 .lb-game{width:6.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.68rem;margin:0 auto}
.pt1 .lb-game .img{-ms-flex-negative:0;flex-shrink:0;width:1.4rem;height:1.4rem;margin-right:.3rem}
.pt1 .lb-game .img img{display:block;width:100%;height:100%}
.pt1 .lb-game .con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%}
.pt1 .lb-game .con .i-btn{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}
.pt1 .lb-game .con .i-btn a{background:url(../images/btn1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.33rem;height:.73rem;text-align:center;line-height:.7rem;font-size:.34rem;font-weight:bold;color:#e5e5e5}
.pt1 .lb-game .con .i-txt{font-size:.24rem;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#3f424c;margin-top:.1rem}
.pt1 .lb-text{display:block;width:6.8rem;text-align:center;font-size:.22rem;line-height:.36rem;color:#3f424c;margin:0 auto}
.pt2{background:url(../images/pt2.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;overflow:hidden;height:9.28rem}
.pt2 .lb-text{text-align:center;font-size:.24rem;line-height:.36rem;color:#b8bbc3;padding:0 .4rem;margin-top:1.58rem}
.pt2 .lb-btn{background:url(../images/btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:3.16rem;height:.84rem;text-align:center;line-height:.78rem;font-size:.4rem;color:#e5e5e5;font-weight:bold;margin:4.5rem 0 0 1.4rem}
.pt2 .lb-desc{margin:.24rem .24rem 0;font-size:.2rem;line-height:.3rem;color:#b8bbc3}
.pt2 .lb-desc span{color:#d9a549}
.pt3{background:url(../images/pt3.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;overflow:hidden;height:7.04rem}
.pt3 .lb-text{text-align:center;font-size:.24rem;line-height:.36rem;color:#b8bbc3;padding:0 .4rem;margin-top:1.2rem}
.pt3 .lb-btn{background:url(../images/btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:3.16rem;height:.84rem;text-align:center;line-height:.78rem;font-size:.4rem;color:#e5e5e5;font-weight:bold;margin:4.04rem auto 0}
.pt4{background:url(../images/pt4.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;overflow:hidden;height:8.06rem}
.pt4 .lb-desc{margin:1.6rem .24rem 0;font-size:.22rem;line-height:.3rem;color:#3e484c}
.pt4 .lb-desc span{color:#d9a549}
.pt4 .lb-btn{background:url(../images/btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:3.16rem;height:.84rem;text-align:center;line-height:.78rem;font-size:.4rem;color:#e5e5e5;font-weight:bold;margin:.32rem auto 0}
.pt4 .lb-img{width:5.34rem;margin:.28rem auto 0}
.pt4 .lb-img img{display:block;width:100%;pointer-events:none}
.luck{width:7.02rem;margin:.18rem auto 0;position:relative}
.luck .img{display:block;width:100%;pointer-events:none}
.luck .btn{background:url(../images/btn3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:2.31rem;height:1.98rem;overflow:hidden;position:absolute;left:2.36rem;top:2.04rem}
.luck .btn p{text-align:center;font-size:.22rem;font-weight:bold;color:#e5e5e5;margin-top:1.5rem}
.luck .btn p span{color:#f3c65c}
.task{width:7.02rem;overflow:hidden;margin:.1rem auto 0}
.task.task1{background:url(../images/task1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;height:3.72rem}
.task.task1 .sp1{color:#1d3035}
.task.task1 .sp2{color:#a9481b}
.task.task2{background:url(../images/task2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;height:3.08rem}
.task.task2 ul{margin-top:.1rem}
.task.task2 .sp1{color:#e6e6e6}
.task.task2 .sp2{color:#fff}
.task ul{padding:0 .18rem;margin-top:.05rem}
.task li{height:.72rem;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}
.task li .sp1{-webkit-box-flex:1;-ms-flex:1;flex:1;height:.44rem;line-height:.44rem;font-size:.24rem}
.task li .sp2{-ms-flex-negative:0;flex-shrink:0;width:1.64rem;height:.44rem;text-align:center;line-height:.44rem;font-size:.24rem;margin-right:.4rem}
.task li .btn{-ms-flex-negative:0;flex-shrink:0;width:1.62rem;height:.5rem;text-align:center;line-height:.48rem;font-size:.28rem;color:#e5e5e5;background:url(../images/btn1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.pt5{background:url(../images/pt5.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;overflow:hidden;height:12.9rem}
.pt5 .lb-text{text-align:center;font-size:.24rem;line-height:.36rem;color:#3e484c;padding:0 .4rem;margin-top:1.2rem}
.pt5 .lb-btn{background:url(../images/btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:3.16rem;height:.84rem;text-align:center;line-height:.78rem;font-size:.4rem;color:#e5e5e5;font-weight:bold;margin:.2rem auto 0}
.pt6{background:url(../images/pt6.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;overflow:hidden;height:12.86rem}
.pt6 .lb-text{text-align:center;font-size:.24rem;line-height:.36rem;color:#b8bbc3;padding:0 .4rem;margin-top:1.58rem}
.pt6 .task{margin-top:1.2rem}
.pt7{background:url(../images/pt7.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;overflow:hidden;height:13.82rem}
.pt7 .lb-text{text-align:center;font-size:.24rem;line-height:.36rem;color:#3e484c;padding:0 .4rem;margin-top:1.68rem}
.sign-step{width:7.02rem;margin:.14rem auto 0}
.sign-step > div{padding:0 .56rem 0 .8rem;overflow:hidden;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}
.sign-step p{font-size:.224rem;line-height:.3rem;color:#2d3b40}
.sign-step p span{color:#a9481b}
.sign-step .lb1{height:2.24rem}
.sign-step .lb2{height:1.44rem;margin-top:.24rem}
.sign-step .lb2 p{text-align:center}
.sign-step .btn{background:url(../images/btn4.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.85rem;height:.75rem;text-align:center;line-height:.7rem;font-size:.36rem;color:#e5e5e5;font-weight:bold;margin:.2rem auto 0}
.sign-gift{margin-top:.92rem}
.sign-gift .desc{text-align:center;font-size:.22rem;line-height:.32rem;color:#2d3b40;margin:0 .24rem}
.sign-gift .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.sign-gift .list li{-ms-flex-negative:0;flex-shrink:0;width:2.3rem;height:2.68rem;margin:.2rem .04rem 0}
.sign-gift .list li .img{display:block;width:2.28rem;margin:0 auto;pointer-events:none}
.sign-gift .list li .btn{background:url(../images/btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.96rem;height:.56rem;text-align:center;line-height:.54rem;font-size:.28rem;color:#e5e5e5;margin:.08rem auto 0}
.sign-gift .list .spec{width:2.9rem;margin:.2rem .18rem 0}
.sign-gift .list .spec .img{width:2.86rem}
.pt8{background:url(../images/pt8.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;overflow:hidden;height:13.12rem}
.pt8 .lb1{width:6.72rem;height:4.94rem;overflow:hidden;margin:1.68rem auto 0}
.pt8 .lb1 .img{height:3.48rem}
.pt8 .lb1 .img img{display:block;width:100%;height:100%;pointer-events:none}
.pt8 .lb1 .txt{font-size:.2rem;line-height:.3rem;color:#dcdcdd;margin-top:.2rem}
.pt8 .lb1 .txt span{color:#dcaf60}
.pt8 .lb2{width:6.72rem;height:5.05rem;margin:.78rem auto 0}
.pt8 .lb2 .img{height:5.05rem}
.pt8 .lb2 .img img{display:block;width:100%;height:100%;pointer-events:none}
.descArea{width:6.72rem;margin:0 auto;overflow:hidden}
.descArea .img img{display:block;width:100%}
.descArea .con{margin-top:.28rem}
.descArea .con .p1{height:.34rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.05rem}
.descArea .con .p1 p{padding:0 .12rem;height:.34rem;line-height:.36rem;font-size:.2rem;background:#1b2020;color:#fff;border-radius:.08rem}
.descArea .con .p1 p span{color:#c8ae80}
.descArea .con .p2{font-size:.2rem;line-height:.3rem;color:#dcdcdd}
.descArea .con .p2 span{color:#c8ae80}
.descArea .con .p2 i{font-size:.18rem}
.pt9{background:url(../images/pt9.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;overflow:hidden;height:17.46rem}
.pt9 .desc1{height:4.98rem;margin-top:2.64rem}
.pt9 .desc2{margin-top:1.32rem}
.pt10{background:url(../images/pt10.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;overflow:hidden;height:12.78rem}
.pt10 .desc1{height:4.6rem;margin-top:2.06rem}
.pt10 .desc2{margin-top:1.35rem}
.pt11{background:url(../images/pt11.jpg) no-repeat 0 0;background-size:100% auto;background-color:transparent;padding-top:1.78rem;min-height:3.6rem}
.pt11 .nlist{width:6.98rem;margin:.2rem auto 0}
.pt11 .nlist li{background:url(../images/nlist.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;height:.56rem;line-height:.58rem;font-size:.22rem;overflow:hidden;color:#EDF1F7;margin-top:.14rem}
.pt11 .nlist li a{display:block;height:.56rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#EDF1F7}
.pt11 .nlist li em{float:left;width:2.1rem;height:.56rem;font-size:.26rem;text-align:center;color:#3e484c;margin-right:.2rem}
.pt11 .otlist{display:-webkit-box;display:-ms-flexbox;display:flex;width:7.02rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:.44rem auto 0}
.pt11 .otlist li{-ms-flex-negative:0;flex-shrink:0;width:2.12rem;height:1.8rem;overflow:hidden}
.pt11 .otlist li img{display:block;width:100%;height:100%}
.fixMenu{height:1.3rem}
.fixMenu .inner{width:7.5rem;height:1.74rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:.42rem;background:url(../images/foot.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:fixed;left:50%;bottom:0;z-index:50;margin-left:-3.75rem;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}
.fixMenu .inner .lk{-ms-flex-negative:0;flex-shrink:0;width:1.1rem;height:1.12rem;position:relative;margin:0 .15rem}
.fixMenu .inner .lk img{display:block;width:.54rem;height:.54rem;margin:.15rem auto 0}
.fixMenu .inner .lk em{display:block;height:.34rem;line-height:.36rem;text-align:center;font-size:.22rem;color:#ddd;margin-top:.04rem}
.fixMenu .inner .lk p{height:.3rem;background:#221b1d;border-radius:.13rem;white-space:nowrap;line-height:.32rem;font-size:.2rem;color:#dddddd;padding:0 .1rem;position:absolute;left:50%;top:0rem;-webkit-transform:translateX(0%);transform:translateX(0%)}
.fixMenu .inner .sp-btn{width:1.4rem;margin:0 .05rem;margin-top:-.48rem;position:relative;right:-.02rem}
.fixMenu .inner .sp-btn .i-item{width:1.1rem;height:1.1rem;overflow:hidden;margin:0 auto;position:relative;background:#e4e9f4;border-radius:50%}
.fixMenu .inner .sp-btn .i-item i{display:block;width:.4rem;height:.42rem;margin:.15rem auto 0;background:url(../images/fix-sp2.png) no-repeat center;background-size:100% auto;background-color:transparent;-webkit-animation:shake 2.4s linear infinite;animation:shake 2.4s linear infinite;-webkit-transform-origin:50% 20%;transform-origin:50% 20%}
@-webkit-keyframes orderAni{0%,100%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}}
@keyframes orderAni{0%,100%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}}
.fixMenu .inner .sp-btn .i-item em{display:block;height:.34rem;line-height:.36rem;font-size:.26rem;color:#2b343f;text-align:center;margin-top:.06rem}
.fixMenu .inner .sp-btn .i-text{display:block;height:.28rem;line-height:.3rem;text-align:center;font-size:.22rem;color:#ddd;margin-top:.06rem}
.fixMenu .inner .sp-btn.on .i-item{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.9}
.fixMenu .inner .sp-btn.on .i-item i{-webkit-animation:none;animation:none}
.fixMenu .inner .sp-btn.on .i-item em{color:#999}
@-webkit-keyframes shake{0%,100%{-webkit-transform:rotate(0deg) scale(0.9);transform:rotate(0deg)}
10%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg)}
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.9);transform:rotate(0deg)}
10%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg)}
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)}}
.kbFootWrap .kbFootCopyright{padding-bottom:.46rem}
.kbFootWrap .kbFooter.type2 .kbFootCopyright,.kbFootWrap .kbFooter.type2 .kbFootAbout .m-inner{background:rgba(0,0,0,0.3)}