/*# zfa 2026/3/2 09:32:46 kb-洛克&暗区-llk-202602 */
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.2)}
.ruleArea::-webkit-scrollbar-track{border-radius:0.05rem;background:none}
@media screen and (min-width:501px){html{font-size:66.6666666667px}
body{width:500px;margin:0 auto !important}
[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;pointer-events:none}
.headArea .hd-logo{position:absolute;left:0.32rem;top:2rem;width:6.14rem}
.headArea .hd-logo img{display:block;width:100%}
.headArea .hd-join{position:absolute;right:0;top:2.58rem;height:0.4rem;line-height:0.42rem;font-size:0.22rem;padding:0 0.08rem 0 0.1rem;border-radius:0.2rem 0 0 0.2rem;background:rgba(0,0,0,0.6);color:#fff}
.headArea .hd-join span{color:#ED6A01}
.headArea .hd-main{position:absolute;left:0.32rem;right:0.32rem;top:8.8rem}
.headArea .hd-main .btn{background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:3.41rem;height:0.95rem;text-align:center;line-height:0.96rem;font-size:0.5rem;font-weight:bold;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:0.6rem;margin:0 auto}
.p1m1{background:url(../images/p1m1.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:8.72rem;overflow:hidden}
.p1m1 .txt{font-size:0.22rem;font-weight:bold;text-align:center;line-height:0.36rem;color:#262527;margin:1.8rem 0.1rem 0}
.p1m1 .txt .p2{color:#777}
.p1m1 .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:4.58rem}
.p1m1 .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:2.03rem;height:0.64rem;text-align:center;line-height:0.64rem;font-size:0.34rem;font-weight:bold;color:#f8bd1c;margin:0 0.5rem}
.p1m2{background:url(../images/p1m2.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:8.78rem;overflow:hidden}
.p1m3{background:url(../images/p1m3.jpg) no-repeat 0 0;background-size:100% 100.44%;background-color:transparent;height:6.48rem;overflow:hidden}
.p1m4{background:url(../images/p1m4.jpg) no-repeat 0 0;background-size:100% 100.44%;background-color:transparent;height:5.4rem;overflow:hidden}
.p1m5{background:url(../images/p1m5.jpg) no-repeat 0 0;background-size:100% 100.44%;background-color:transparent;height:7.4rem;overflow:hidden}
.ruleArea{font-size:0.23rem;line-height:0.44rem;width:6rem;height:5.32rem;overflow:auto;padding-right:0.1rem;margin:1.56rem auto 0}
.footWrap{background:#EAD8CB;overflow:hidden}
.p2m1{background:url(../images/p2m1.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:9.02rem;overflow:hidden}
.p3m1{background:url(../images/p3m1.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:9.02rem;overflow:hidden}
.p2m2{background:url(../images/p2m2.jpg) no-repeat 0 0;background-size:100% 100.44%;background-color:transparent;height:5.52rem;overflow:hidden}
.p2m3{background:url(../images/p2m3.jpg) no-repeat 0 0;background-size:100% 100.44%;background-color:transparent;height:6.04rem;overflow:hidden}
.p2m4{background:url(../images/p2m4.jpg) no-repeat 0 0;background-size:100% 100.44%;background-color:transparent;height:7.35rem;overflow:hidden}
.p2m5{background:url(../images/p2m5.jpg) no-repeat 0 0;background-size:100% 100.44%;background-color:transparent;height:7.62rem;overflow:hidden}
.p2m1 .lb-txt,.p3m1 .lb-txt{font-size:0.22rem;font-weight:bold;text-align:center;line-height:0.36rem;color:#262527;margin:1.8rem 0.1rem 0}
.p2m1 .lb-txt .p2,.p3m1 .lb-txt .p2{color:#777}
.p2m1 .login,.p3m1 .login{margin-top:0.3rem;height:1.38rem}
.p2m1 .login .btn,.p3m1 .login .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}
.p2m1 .login .btn a,.p3m1 .login .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:2.03rem;height:0.64rem;text-align:center;line-height:0.64rem;font-size:0.34rem;font-weight:bold;color:#fff;margin:0 0.5rem}
.p2m1 .login .txt,.p3m1 .login .txt{height:0.38rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;color:#262527;margin:0.24rem 0.32rem 0;line-height:0.4rem;font-size:0.23rem;font-weight:bold}
.p2m1 .lb-btn,.p3m1 .lb-btn{background:url(../images/btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.03rem;height:0.64rem;text-align:center;line-height:0.64rem;font-size:0.34rem;font-weight:bold;color:#f8bd1c;margin:3.78rem auto 0}