/*# zfa 2025/8/8 11:54:46 kb-无畏契约手游抢注页面 */
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:url(../images/body.jpg) repeat center top;background-size:7.5rem auto;background-color:transparent}
.grey,.gray{-webkit-filter:grayscale(1);filter:grayscale(1)}
.headArea{min-height:10rem;position:relative}
.headArea .cover img{display:block;pointer-events:none}
.headArea .inner{position:absolute;left:0;top:0;right:0;bottom:0}
.headArea .hd-side{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.5rem}
.headArea .hd-side li{height:0.48rem;line-height:0.5rem;font-size:0.24rem;color:#000;padding:0 0.16rem 0 0.2rem;overflow:hidden;border-radius:0.24rem 0 0 0.24rem;background:rgba(255,255,255,0.9);-webkit-box-shadow:0 0 0 1px rgba(255,255,255,0.9) inset;box-shadow:0 0 0 1px rgba(255,255,255,0.9) inset;margin-top:0.22rem}
.headArea .hd-side li:first-child{margin-top:0}
.headArea .hd-side li a{display:-webkit-box;display:-ms-flexbox;display:flex;height:0.48rem;line-height:0.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0.16rem 0 0.2rem;margin:0 -0.16rem 0 -0.2rem}
.headArea .hd-side li a img{-ms-flex-negative:0;flex-shrink:0;width:0.28rem;height:0.28rem;margin:-0.04rem 0.08rem 0 0}
.headArea .hd-note{width:100%;position:absolute;left: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;font-size:0.24rem;line-height:1.4;color:#1c1c1c}
.headArea .hd-note span{-ms-flex-negative:0;flex-shrink:0;width:0.2rem;height:0.2rem}
.headArea .hd-note span.sp-az{background:url(../images/ico-az.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.headArea .hd-note span.sp-ip{background:url(../images/ico-ip.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.headArea .hd-note i{-ms-flex-negative:0;flex-shrink:0;width:0;height:0.14rem;border-left:1px solid #1c1c1c;margin:0 0.05rem}
.pt1{background:url(../images/pt1.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:2.45rem;overflow:hidden}
.pt1 .lb-head{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.38rem}
.pt1 .lb-head img{display:block;height:0.44rem}
.pt1 .lb-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-top:0.54rem}
.pt1 .lb-btn a{-ms-flex-negative:0;flex-shrink:0;width:3.25rem;height:0.81rem;background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;margin:0 0.06rem;position:relative}
.pt1 .lb-btn a em{display:block;height:0.81rem;text-align:center;line-height:0.82rem;font-size:0.32rem;font-weight:bold;color:#1c1c1c}
.pt1 .lb-btn a p{height:0.36rem;padding:0 0.15rem;overflow:hidden;line-height:0.38rem;font-size:0.26rem;-webkit-text-stroke-width:0.2pt;color:#1c1c1c;background:#50F1FF;border-radius:0.24rem 0.18rem 0.18rem 0;position:absolute;right:-0.25rem;top:-0.34rem}
.pt2{background:url(../images/pt2.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:5.45rem;overflow:hidden}
.pt2 .lb-head{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.38rem}
.pt2 .lb-head img{display:block;height:0.44rem}
.pt2 .lb-fuli{background:url(../images/fuli.png) no-repeat 0 0;background-size:100% auto;background-color:transparent;width:7.06rem;padding-top:1px;margin:0.2rem auto 0}
.pt2 .lb-fuli .list{width:6.34rem;height:3.18rem;overflow:hidden;-webkit-mask-image:url("../images/fuli-img.png");mask-image:url("../images/fuli-img.png");-webkit-mask-size:100% 100%;mask-size:100% 100%;margin:0.25rem auto 0}
.pt2 .lb-fuli .list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box}
.pt2 .lb-fuli .list li{-ms-flex-negative:0;flex-shrink:0;width:6.43rem;height:3.18rem}
.pt2 .lb-fuli .list li img{display:block;width:100%;height:100%}
.pt2 .lb-fuli .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.5rem}
.pt2 .lb-fuli .dots span{-ms-flex-negative:0;flex-shrink:0;width:0.82rem;height:0.04rem;background:#fff;border-radius:0.02rem;margin:0 0.05rem;-webkit-transition:all 0.5s;transition:all 0.5s}
.pt2 .lb-fuli .dots .on,.pt2 .lb-fuli .dots .swiper-pagination-bullet-active{background:#20314B}
.pt3{overflow:hidden}