/*# zfa 2026/3/16 17:32:46 kb-高能英雄llk-2603 */
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:501px){html{font-size:66.6666666667px}
body{width:500px;margin:0 auto}
[data-dpr="1"] body{width:500px;margin:0 auto}}
.gray,.grey{-webkit-filter:grayscale(1);filter:grayscale(1)}
.headArea{min-height:10rem;position:relative}
.headArea .cover img{display:block;width:100%;pointer-events:none}
.headArea .hd-logo{position:absolute;left:0.32rem;top:1.88rem;width:3.5rem}
.headArea .hd-logo img{display:block}
.headArea .hd-join{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:end;-ms-flex-align:end;align-items:flex-end;position:absolute;right:0;top:2.6rem}
.headArea .hd-join .li{height:0.4rem;line-height:0.42rem;padding:0 0.12rem 0 0.18rem;font-size:0.24rem;color:#fff;background:rgba(0,0,0,0.5);border-radius:0.1rem 0 0 0.1rem;margin-top:0.12rem}
.headArea .hd-join .li span{color:#f8d57e}
.headArea .hd-side{position:absolute;right:0;top:3.92rem;width:0.56rem}
.headArea .hd-side img{display:block}
.headArea .hd-main{position:absolute;left:0.24rem;right:0.24rem;bottom:0.16rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;height:1.88rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.headArea .hd-main .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}
.headArea .hd-main .btn a{background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:2.56rem;height:0.76rem;overflow:hidden;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:0 0.45rem;font-size:0.32rem;font-weight:bold}
.headArea .hd-main .btn a em{background:-webkit-gradient(linear,left top,left bottom,from(#A9491C),to(#C86B00));background:linear-gradient(to bottom,#A9491C,#C86B00);-webkit-background-clip:text;color:transparent}
.headArea .hd-main .con{width:100%;text-align:center;font-size:0.24rem;color:#fff;margin-top:0.12rem}
.m-btn{display:block;background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:2.56rem;height:0.76rem;overflow:hidden;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:0 auto;font-size:0.32rem;font-weight:bold}
.m-btn em{background:-webkit-gradient(linear,left top,left bottom,from(#A9491C),to(#C86B00));background:linear-gradient(to bottom,#A9491C,#C86B00);-webkit-background-clip:text;color:transparent}
.m1{background:url(../images/m1.jpg) no-repeat 0 0;background-size:100% 100.44%;background-color:transparent;height:7.08rem;overflow:hidden}
.m1 .m-btn{margin-top:5.28rem}
.m2{background:url(../images/m2.jpg) no-repeat 0 0;background-size:100% 100.44%;background-color:transparent;height:6rem;overflow:hidden}
.m2 .m-btn{margin-top:4.78rem}
.m3{background:url(../images/m3.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:20.26rem;overflow:hidden}
.msgArea{width:5.88rem;height:0.34rem;overflow:hidden;background:#562919;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.2rem;margin:2.06rem auto 0}
.msgArea li{height:0.34rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.22rem;color:#fecd44;text-align:center}
.luckBtn{background:url(../images/btn-luck.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.08rem;height:2.08rem;overflow:hidden;margin:2.62rem auto 2.98rem}
.luckBtn p{height:0.28rem;text-align:center;font-size:0.18rem;color:#b0492a;margin-top:1.62rem}
.taskArea{width:6.77rem;margin:0.26rem auto 0;position:relative}
.taskArea .lb-tag{position:absolute;left:-0.05rem;top:-0.05rem;width:1.36rem;height:0.34rem;background:#FD764F;color:#fff;text-align:center;line-height:0.36rem;font-size:0.28rem}
.taskArea .taskList li{background:url(../images/task-li.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:6.77rem;height:1.09rem;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;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.15rem 0.2rem 0.08rem;margin-top:0.08rem}
.taskArea .taskList dl{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%}
.taskArea .taskList dt{display:block;height:0.3rem;line-height:0.32rem;font-size:0.24rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.5);margin-top:0.05rem}
.taskArea .taskList dd{color:#fff8cc;font-size:0.18rem;line-height:1.2;margin-top:0.05rem;text-indent:-0.5em}
.taskArea .taskList .taskRgt{-ms-flex-negative:0;flex-shrink:0;position:relative}
.taskArea .taskList .taskRgt .button{background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.36rem;height:0.51rem;text-align:center;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.24rem;font-weight:bold}
.taskArea .taskList .taskRgt .button em{background:-webkit-gradient(linear,left top,left bottom,from(#A9491C),to(#C86B00));background:linear-gradient(to bottom,#A9491C,#C86B00);-webkit-background-clip:text;color:transparent}
.taskArea .taskList .taskRgt .rgtTip{background:#f60;height:0.28rem;line-height:0.28rem;color:#fff;text-align:center;font-size:0.2rem;padding:0 0.1rem;position:absolute;top:-0.24rem;right:0;z-index:3;border-radius:0.08rem}
.taskArea .taskList .taskRgt .rgtTip:before{background:#f60;width:0.1rem;height:0.1rem;position:absolute;right:0.2rem;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);bottom:-0.04rem;content:"";z-index:1}
.m4{background:url(../images/m4.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:11.52rem;overflow:hidden}
.m4 .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-flow:wrap;flex-flow:wrap;margin:1.4rem auto 0}
.m4 .btn a{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.43rem;height:0.55rem;text-align:center;line-height:0.56rem;font-size:0.24rem;font-weight:bold;color:#793601;margin:2.6rem 0.45rem 0}
.m4 .btn a:nth-child(4),.m4 .btn a:nth-child(6){margin:2.6rem 1.6rem 0}
.m5{background:url(../images/m5.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:5.6rem;overflow:hidden}
.m6{background:url(../images/m6.jpg) repeat-y left top;background-size:100% auto;background-color:transparent;padding-top:1px}
.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}
.bdArea{width:6.62rem;height:3.72rem;overflow:hidden;border:0.06rem solid #DD624A;border-radius:0.04rem;margin:1.5rem auto 0}
.bdArea > div{width:6.62rem;height:3.72rem;overflow:hidden;position:relative}
.bdArea .swiper-wrapper .swiper-slide{width:6.62rem;height:3.72rem}
.bdArea .swiper-wrapper .swiper-slide img{display:block;width:100%;height:100%}
.bdArea .lb-dots{position:absolute;left:0;right:0;bottom:0.1rem;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}
.bdArea .lb-dots span{-ms-flex-negative:0;flex-shrink:0;width:8px;height:8px;border-radius:4px;background:rgba(0,0,0,0.3);margin:0 4px;-webkit-transition:all 0.5s;transition:all 0.5s}
.bdArea .lb-dots .swiper-pagination-bullet-active{width:15px;background:rgba(0,0,0,0.8)}