/*# zfa 2025/7/10 15:47:07 kb-tkl-洛克王国-202507 */
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}}
.pt-rule::-webkit-scrollbar{width:0.1rem}
.pt-rule::-webkit-scrollbar-thumb{border-radius:0.05rem;background:rgba(0,0,0,0.15)}
.pt-rule::-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}}
.grey,.gray{-webkit-filter:grayscale(1);filter:grayscale(1)}
.headArea{position:relative;min-height:9rem}
.headArea .cover img{display:block;width:100%;pointer-events:none}
.headArea .inner{position:absolute;left:0;top:0;right:0;bottom:0}
.headArea .hd-logo{position:absolute;left:0.34rem;top:1.36rem;height:0.4rem}
.headArea .hd-logo img{display:block;height:0.4rem}
.headArea .hd-total{background:url(../images/hd-total.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:4.8rem;height:0.44rem;text-align:center;line-height:0.46rem;font-size:0.3rem;color:#ffdb9e;position:absolute;left:1.34rem;top:7.24rem}
.headArea .hd-total span{color:#fcff00}
.headArea .hd-main{position:absolute;left:0;bottom:1.2rem;width:100%;height:1.45rem;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
.headArea .hd-main .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}
.headArea .hd-main .lb-btn a{background:url(../images/bt1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:3.4rem;height:0.92rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.3rem 0 0.9rem;line-height:0.92rem;font-weight:bold;color:#fff;font-size:0.44rem}
.pt1{background:url(../images/pt1.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:14.08rem}
.pt1 .mod-tit{margin-top:0}
.pt1.state2{background:url(../images/pt1-st2.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:15.1rem;overflow:hidden}
.pt1.state2 .mod-tit{margin-top:0.4rem}
.pt2{background:url(../images/pt2.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:14.14rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0.32rem}
.pt2 .mod-tit{margin-top:0}
.pt2.state2{background:url(../images/pt2-st2.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:13.5rem}
.pt3{background:url(../images/pt3.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:11.1rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0.32rem}
.pt3 .mod-tit{margin-top:0}
.pt4{background:url(../images/pt4.jpg) repeat-y 0 0;background-size:100% auto;background-color:transparent;overflow:hidden;padding-top:0.36rem}
.mod-tit{width:6.82rem;margin:0.34rem auto 0}
.mod-tit img{display:block;width:100%}
.mod-vid{width:5.88rem;height:3.21rem;border:2px solid #FFB815;border-radius:0.25rem;overflow:hidden;background:#000;-webkit-box-shadow:0 0 0 0.04rem #000;box-shadow:0 0 0 0.04rem #000;margin:0.26rem auto 0}
.mod-vid .v-img{width:5.88rem;height:3.21rem;position:relative}
.mod-vid .v-img img{width:100%;height:100%;-webkit-filter:brightness(0.7);filter:brightness(0.7)}
.mod-vid .v-img i{background:url(../images/vid-play.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.8rem;height:0.8rem;position:absolute;left:50%;top:50%;margin:-0.4rem 0 0 -0.4rem}
.mod-vid .v-play{width:5.88rem;height:3.21rem}
.mod-vid .v-play video{width:100%;height:100%}
.mod-vid .video-js{width:5.88rem;height:3.21rem}
.mod-pho{width:5.88rem;height:3.21rem;border:2px solid #FFB815;border-radius:0.25rem;overflow:hidden;-webkit-box-shadow:0 0 0 0.04rem #000;box-shadow:0 0 0 0.04rem #000;margin:0.26rem auto 0}
.mod-pho .ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box}
.mod-pho .li{-ms-flex-negative:0;flex-shrink:0;width:5.88rem;height:3.21rem}
.mod-pho .li img{display:block;width:100%;height:100%}
.fuli-show{width:7.5rem;height:4.26rem;overflow:hidden;border-radius:0.1rem;margin:0.3rem auto 0}
.fuli-show .lb-img{margin-top:0.2rem;overflow:hidden}
.fuli-show .lb-img .ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-timing-function:linear;transition-timing-function:linear}
.fuli-show .lb-img .li{background:url(../images/fuli-li.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:4.84rem;height:2.8rem}
.fuli-show .lb-img .li img{display:block;height:1.78rem;margin:0.28rem auto 0}
.fuli-show .lb-img .li span{display:block;height:0.52rem;text-align:center;line-height:0.54rem;font-size:0.32rem;font-weight:bold;color:#353535;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0.06rem 0.2rem 0}
.fuli-show .lb-txt{background:url(../images/fuli-txt.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:6.4rem;height:0.46rem;margin:0.36rem auto 0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.2rem}
.fuli-show .lb-txt .in{width:100%;height:0.46rem;overflow:hidden;position:relative}
.fuli-show .lb-txt .in ul{position:absolute;left:0;top:0;white-space:nowrap}
.fuli-show .lb-txt .in li{display:inline-block;vertical-align:top;height:0.46rem;line-height:0.46rem;font-size:0.24rem;margin-left:0.15rem}
.fuli-show .lb-txt .in li span{color:#f00;padding:0 0.02rem}
.fuli-luck{margin-top:0.2rem}
.fuli-luck .lb-item{width:6.68rem;height:6.68rem;position:relative;margin:0 auto}
.fuli-luck .lb-item img{display:block;width:6.68rem;height:6.68rem}
.fuli-luck .lb-item .btn{width:2.18rem;height:2.18rem;position:absolute;left:50%;top:50%;margin:-1.09rem 0 0 -1.09rem}
.fuli-luck .lb-item .btn span{position:absolute;left:0;top:0;width:100%;height:100%}
.fuli-luck .lb-item .btn .sp1{background:url(../images/luck-sp1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.fuli-luck .lb-item .btn .sp2{background:url(../images/luck-sp2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.fuli-luck .lb-text{text-align:center;font-size:0.24rem;line-height:1.4;margin-top:0.2rem;color:#272727}
.fuli-luck .lb-text span{color:#f00}
.pt-rule{width:6.8rem;max-height:6rem;overflow:auto;padding:0 0.1rem;margin:0.32rem auto 0;font-size:0.26rem;line-height:0.38rem;-webkit-text-stroke-width:0.2pt;color:#353535;text-align:justify}
.pt-intro{width:6.8rem;margin:0.18rem auto 0}
.pt-intro .lb-txt{font-size:0.24rem;line-height:0.34rem;-webkit-text-stroke-width:0.2pt;color:#272727;text-align:justify}
.pt-intro .lb-btn{display:block;width:3.12rem;height:0.42rem;text-align:center;line-height:0.44rem;font-size:0.24rem;-webkit-text-stroke-width:0.2pt;border:1px solid #353535;border-radius:0.21rem;margin:0.14rem auto 0}
.pt-pet{overflow:hidden;width:5.84rem;margin:0.26rem auto 0}
.pt-pet .lb-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box}
.pt-pet .lb-list .li{-ms-flex-negative:0;flex-shrink:0;width:5.84rem;height:3.58rem;overflow:hidden}
.pt-pet .lb-list .li img{display:block;width:100%}
.pt-pet .lb-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.18rem;padding:2px 0}
.pt-pet .lb-dots span{background:#6B6B6B;border:1px solid #FFB815;-webkit-box-shadow:0 0 0 1px #1E2627;box-shadow:0 0 0 1px #1E2627;border-radius:50%;margin:0 0.12rem;width:0.2rem;height:0.2rem}
.pt-pet .lb-dots .swiper-pagination-bullet-active{background:#E06A18}
.pt-task{width:6.42rem;margin:0.26rem auto 0}
.pt-task .lb-text{font-size:0.24rem;line-height:0.34rem;color:#272727;text-align:center;-webkit-text-stroke-width:0.2pt}
.pt-task .lb-list{width:6.04rem;height:8.62rem;-webkit-box-sizing:border-box;box-sizing:border-box;background:#F4EEE1;border:2px solid #FFB815;border-radius:0.25rem;overflow:hidden;-webkit-box-shadow:0 0 0 0.04rem #000;box-shadow:0 0 0 0.04rem #000;margin:0.26rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0.24rem}
.pt-task .lb-list li{width:5.52rem;-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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.18rem 0;border-bottom:1px solid #DCD7CB}
.pt-task .lb-list li:last-child{border-bottom:none}
.pt-task .lb-list li .con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%}
.pt-task .lb-list li .con em{display:block;font-size:0.3rem;font-weight:bold;line-height:0.44rem;margin-bottom:0.05rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pt-task .lb-list li .con p{font-size:0.22rem;line-height:0.24rem;color:#545454;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pt-task .lb-list li .con .sp{font-size:0.2rem;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:0.08rem}
.pt-task .lb-list li .con .sp::before{content:"";-ms-flex-negative:0;flex-shrink:0;width:0.24rem;height:0.24rem;background:url(../images/ico-star.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;margin-right:0.05rem;margin-top:-0.04rem}
.pt-task .lb-list li .btn{-ms-flex-negative:0;flex-shrink:0;margin-left:0.12rem}
.pt-task .lb-list li .btn a{background:url(../images/bt2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.36rem;height:0.54rem;text-align:center;line-height:0.54rem;font-size:0.24rem;font-weight:bold;color:#242d22}
.pt-team .lb-text{width:5.45rem;text-align:center;font-size:0.24rem;line-height:0.36rem;-webkit-text-stroke-width:0.2pt;margin:0.1rem auto 0}
.pt-team .lb-text span{color:#ff0022}
.pt-team .lb-text .lk{background:url(../images/bt3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:inline-block;vertical-align:middle;width:1.38rem;height:0.26rem;overflow:hidden;line-height:99;margin:-0.04rem 0 0 0.04rem}
.pt-team .lb-box{background:url(../images/team-box.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:6.2rem;height:4.95rem;margin:0.5rem auto 0}
.pt-team .lb-show{display:block;width:6.14rem;height:3.44rem;margin:0.15rem auto 0}
.pt-team .lb-show img{display:block;width:100%;height:100%}
.teamArea{margin-top:0.64rem}
.teamArea .lb-list{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}
.teamArea .lb-list li{-ms-flex-negative:0;flex-shrink:0;width:1.24rem;height:1.24rem;background:url(../images/team-list.png) no-repeat 0 0;background-size:200% 100%;background-color:transparent;margin:0 0.15rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.05rem}
.teamArea .lb-list li img{display:block;width:100%;height:100%;border-radius:50%}
.teamArea .lb-list li:empty{background-position:100% 0}
.teamArea .lb-btn{margin-top:0.46rem}
.teamArea .lb-btn .lb1{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}
.teamArea .lb-btn .lb1 a{-ms-flex-negative:0;flex-shrink:0;width:2.31rem;height:0.74rem;text-align:center;line-height:0.76rem;background:url(../images/bt4.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;text-align:center;line-height:0.74rem;font-weight:bold;font-size:0.3rem;margin:0 0.15rem}
.teamArea .lb-btn .lb2{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}
.teamArea .lb-btn .lb2 a{font-size:0.3rem;color:#242d22;line-height:0.7rem}
.teamArea .lb-btn .lb2 .sp{width:3.2rem;height:0.74rem;text-align:center;line-height:0.76rem;background:url(../images/bt4.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;text-align:center;line-height:0.74rem;font-weight:bold;font-size:0.3rem}
.fixSide{position:fixed;right:0.2rem;bottom:2rem;width:0.96rem}
.fixSide a{display:block;margin-top:0.2rem}
.fixSide a img{display:block;width:100%}
.footFix .inner{background:url(../images/fix-bg.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:7.5rem;height:1.56rem;-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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;left:50%;margin-left:-3.75rem;bottom:0rem;z-index:20}
.footFix .li{background:url(../images/fix-li.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:1.1rem;height:1.08rem;font-size:0.2rem;color:#B57300;line-height:0.34rem;text-align:center;position:relative;margin:0 0.16rem}
.footFix .li img{display:block;width:0.72rem;height:0.68rem;margin:0.08rem auto 0}
.footFix .li p{position:absolute;left:60%;top:-0.3rem;height:0.3rem;line-height:0.32rem;font-size:0.16rem;white-space:nowrap;border-radius:0.4rem 0.28rem 0.28rem 0;background:#F72F2F;color:#fff;padding:0 0.1rem}
.footFix .spec{-ms-flex-negative:0;flex-shrink:0;width:1.5rem;margin-top:-0.5rem}
.footFix .spec.done .it{-webkit-filter:grayscale(1);filter:grayscale(1)}
.footFix .spec.done .it i{-webkit-animation:none;animation:none}
.footFix .spec .it{display:block;width:1.16rem;height:1.16rem;overflow:hidden;background:url(../images/fix-btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;margin:0 auto 0.04rem}
.footFix .spec .it i{display:block;width:0.74rem;height:0.78rem;background:url(../images/fix-sp.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;margin:0.05rem auto 0;-webkit-animation:shake 2.4s linear infinite;animation:shake 2.4s linear infinite}
.footFix .spec .it em{display:block;text-align:center;font-size:0.2rem;text-align:center;color:#fff;font-weight:bold;margin-top:-0.05rem}
.footFix .spec .sp{background:url(../images/fix-sp2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.1rem;height:0.34rem;text-align:center;font-size:0.2rem;line-height:0.36rem;color:#B57300;text-align:center;margin:0.08rem auto 0}
@-webkit-keyframes shake{0%,100%{-webkit-transform:rotate(0) scale(0.9);transform:rotate(0) scale(0.9)}
10%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}
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(0);transform:rotate(0)}}
@keyframes shake{0%,100%{-webkit-transform:rotate(0) scale(0.9);transform:rotate(0) scale(0.9)}
10%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}
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(0);transform:rotate(0)}}