/*# zfa 2025/12/15 17:42:02 kb-无畏契约手游新版本LLK-2512 */
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}}
.ruleArea::-webkit-scrollbar{width:0.1rem}
.ruleArea::-webkit-scrollbar-thumb{border-radius:0.05rem;background:rgba(0,0,0,0.5)}
.ruleArea::-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}}
.gray,.grey{-webkit-filter:grayscale(1);filter:grayscale(1)}
.headArea{position:relative}
.headArea .cover img{display:block;width:100%}
.headArea .inner{position:absolute;left:0;top:0;right:0;bottom:0}
.headArea .hd-logo{position:absolute;left:0.1rem;top:1.76rem;width:4.22rem}
.headArea .hd-logo img{display:block;width:100%}
.headArea .hd-side{position:absolute;right:0;top:2.1rem;width:0.5rem}
.headArea .hd-side 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;background:url(../images/hd-side.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.5rem;height:1.16rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:0.1rem;font-size:0.23rem;text-align:center;line-height:1;color:#292929;margin-top:0.34rem}
.headArea .hd-tips{position:absolute;top:7.56rem;left:50%;margin-left:-2.28rem;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(20%,rgba(0,0,0,0.5)),color-stop(80%,rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,0) 100%);width:4.56rem;height:0.32rem;overflow:hidden;text-align:center;font-size:0.22rem;color:#fff}
.headArea .hd-main{position:absolute;left:0.32rem;right:0.32rem;bottom:0.26rem;height:2.32rem;display:-webkit-box;display:-ms-flexbox;display:flex;color:#342e2b;-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}
.headArea .hd-main p{height:0.38rem;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.22rem}
.headArea .hd-main .p1{height:0.38rem;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.22rem}
.headArea .hd-main .p1 a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#342e2b}
.headArea .hd-main .p1 a::before{content:"";display:block;background:url(../images/ico-site.png) no-repeat center;background-size:auto 0.26rem;background-color:transparent;width:0.28rem;height:0.28rem;margin-right:0.06rem}
.headArea .hd-main .p2{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:0.38rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0.22rem}
.headArea .hd-main .p2::before{content:"";background:url(../images/ico-site.png) no-repeat center;background-size:auto 100%;background-color:transparent;width:0.28rem;height:0.28rem;margin-right:0.06rem}
.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;padding:0.2rem 0}
.headArea .hd-main .btn a{display:block;background:url(../images/btn01.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:3.18rem;height:0.84rem;text-align:center;line-height:0.86rem;font-size:0.36rem;font-weight:bold;color:#342e2b;margin:0 0.22rem}
.msgArea{width:5.1rem;height:0.56rem;overflow:hidden;-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;padding:0 0.1rem;background:rgba(0,0,0,0.5);border:1px solid #fff;border-radius:0.3rem}
.msgArea .icon{-ms-flex-negative:0;flex-shrink:0;width:0.56rem;height:0.56rem;background:url(../images/ico-msg.png) no-repeat center;background-size:0.28rem auto;background-color:transparent}
.msgArea ul{height:0.56rem}
.msgArea li{height:0.56rem;line-height:0.58rem;overflow:hidden;color:#fff;font-size:0.24rem}
.msgArea li span{color:#ed7d43}
.m-btn{background:url(../images/btn01.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.6rem;height:0.66rem;text-align:center;line-height:0.68rem;font-size:0.28rem;font-weight:bold;color:#342e2b}
.m1{background:url(../images/m1.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:5.8rem;overflow:hidden}
.m1 .m-btn{margin:3.74rem 0 0 3.5rem}
.m2{background:url(../images/m2.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:8.4rem;overflow:hidden;position:relative}
.m2 .sub{width:100%;font-size:0.24rem;text-align:center;line-height:1.2;color:#292929;position:absolute;left:0;top:0.46rem}
.m2 .txt{width:6.4rem;color:#342e2b;text-align:center;line-height:0.3rem;font-size:0.2rem;margin:1.48rem auto 0}
.m2 .m-btn{margin:5.1rem auto 0}
.m3{background:url(../images/m3.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:10.6rem;overflow:hidden;position:relative}
.m3 .sub{width:100%;font-size:0.24rem;text-align:center;line-height:1.2;color:#fff;position:absolute;left:0;top:0.66rem}
.m3 .bt1{position:absolute;left:3.64rem;top:4.94rem}
.m3 .bt2{position:absolute;left:1.4rem;top:9rem}
.m4{background:url(../images/m4.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:7.32rem;overflow:hidden}
.m4 .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-top:5.88rem}
.m4 .btn a{margin:0 0.45rem}
.m5{background:url(../images/m5.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:17.6rem;overflow:hidden}
.m5 .drawBox{width:6.82rem;margin:2.08rem auto 0;position:relative}
.m5 .drawBox .img{display:block;width:6.82rem}
.m5 .drawBox .img img{display:block;width:100%}
.m5 .drawBox .btn{background:url(../images/btn03.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:3.5rem;height:1.05rem;overflow:hidden;text-align:center;line-height:1.07rem;margin:0.4rem auto 0;font-size:0.42rem;font-weight:bold}
.m5 .drawBox .val{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0.32rem;font-size:0.24rem}
.m5 .drawBox .val .sp1{color:#FF883F;margin:0 0.1rem}
.m5 .drawBox .val .sp2{color:#fff;margin:0 0.1rem}
.taskArea{width:6.84rem;margin:0.25rem auto 0}
.taskArea li{background:url(../images/task-li.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;height:1.18rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:0.24rem;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;padding:0 0.2rem 0 0.45rem}
.taskArea li:first-child{margin-top:0}
.taskArea .con{-webkit-box-flex:1;-ms-flex:1;flex:1}
.taskArea .con em{display:block;font-size:0.24rem;line-height:0.36rem;font-weight:bold;color:#fff}
.taskArea .con p{font-size:0.2rem;line-height:0.36rem;color:#f49a53}
.taskArea .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.taskArea .btn a{background:url(../images/btn02.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:1.2rem;height:0.48rem;text-align:center;line-height:0.5rem;font-size:0.24rem;font-weight:bold;color:#292929;margin-left:0.16rem}
.taskArea .btn a:first-child{margin-left:0}
.m6{background:url(../images/m6.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:14rem;overflow:hidden}
.m7{background:url(../images/m7.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:6.66rem;overflow:hidden}
.m8{background:url(../images/m8.jpg) no-repeat left top;background-size:100% auto;background-color:#F4C895;padding-top:0.6rem;overflow:hidden}
.ruleArea{width:6.68rem;margin:0 auto;height:12.24rem;overflow:auto;font-size:0.2rem;line-height:0.3rem;color:#342e2b;padding:0 0.1rem}
.ruleArea p{padding:0.1rem 0;padding-left:0.38rem;text-indent:-0.38rem}
.ruleArea .img{padding-left:0.38rem;margin-top:0.1rem}
.ruleArea .img img{display:block;width:100%}
.swpBanner{width:6.8rem;height:3.78rem;overflow:hidden;border:3px solid #FFF6D1;margin:1.96rem auto 0;position:relative}
.swpBanner .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box}
.swpBanner .swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:6.8rem;height:3.78rem}
.swpBanner .swiper-slide img{display:block;width:100%;height:100%}
.swpBanner .lb-dots{position:absolute;left:0;bottom:0.12rem;width:100%;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}
.swpBanner .lb-dots span{-webkit-mask-image:url(../images/slide-dot.png);mask-image:url(../images/slide-dot.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:0.14rem;height:0.14rem;background:#B47953;margin:0 0.05rem}
.swpBanner .lb-dots .swiper-pagination-bullet-active{background:#FFF5CA}
.m9{background:url(../images/m9.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:7.44rem;overflow:hidden}
.otlist{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:2.22rem}
.otlist li{-ms-flex-negative:0;flex-shrink:0;width:1.38rem;margin:0 0.12rem}
.otlist li img{display:block;width:1.1rem;margin:0 auto}
.otlist li span{display:block;text-align:center;font-size:0.24rem;line-height:0.34rem;color:#f6ead1;margin-top:0.22rem}
.footArea{margin-top:0.6rem;padding:0.2rem 0}
.footArea .img{height:0.7rem;background:url(../images/ft-img.png) no-repeat center;background-size:auto 100%;background-color:transparent}
.footArea .txt{text-align:center;font-size:0.24rem;line-height:0.38rem;color:#f6ead1;margin-top:0.18rem}