/*# zfa kb-第五人格-llk-2603 2026/3/25 17:26:18 */
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.1rem;top:1.86rem;width:4.34rem}
.headArea .hd-logo img{display:block;width:100%}
.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:1.88rem}
.headArea .hd-side .it1{width:1.42rem;height:0.52rem;overflow:hidden;background:rgba(0,0,0,0.75);color:#fff;text-align:center;line-height:0.54rem;font-size:0.26rem;border-radius:0.1rem 0 0 0.1rem}
.headArea .hd-side .it2{background:rgba(0,0,0,0.75);height:0.38rem;line-height:0.4rem;padding:0 0.14rem 0 0.2rem;font-size:0.22rem;color:#fff;border-radius:0.19rem 0 0 0.19rem;margin-top:0.08rem}
.headArea .hd-side .it2 span{color:#FFC71C}
.headArea .hd-main{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:0.24rem;right:0.24rem;bottom:0.1rem;height:1.44rem}
.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/btn1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:3.04rem;height:0.85rem;text-align:center;line-height:0.85rem;font-size:0.38rem;font-weight:bold;color:#fff;text-shadow:1px 0 1px #a96118,1px 0 1px #a96118,1px 0 1px #a96118,1px 1px 1px #a96118,1px 1px 1px #a96118,1px 1px 1px #a96118,1px -1px 1px #a96118,1px -1px 1px #a96118,1px -1px 1px #a96118,-1px 0 1px #a96118,-1px 0 1px #a96118,-1px 0 1px #a96118,-1px 1px 1px #a96118,-1px 1px 1px #a96118,-1px 1px 1px #a96118,-1px -1px 1px #a96118,-1px -1px 1px #a96118,-1px -1px 1px #a96118;margin:0 0.16rem}
.headArea .hd-main .txt{width:100%;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.22rem;line-height:1.4;color:#2f60b8;margin-top:0.1rem}
.m1{background:url(../images/m1.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:7.25rem;overflow:hidden}
.m1 .btn{background:url(../images/btn2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:4.08rem;height:0.98rem;text-align:center;line-height:1rem;font-size:0.48rem;font-weight:bold;color:#fff;font-weight:bold;text-shadow:1px 0 1px #a96118,1px 0 1px #a96118,1px 0 1px #a96118,1px 1px 1px #a96118,1px 1px 1px #a96118,1px 1px 1px #a96118,1px -1px 1px #a96118,1px -1px 1px #a96118,1px -1px 1px #a96118,-1px 0 1px #a96118,-1px 0 1px #a96118,-1px 0 1px #a96118,-1px 1px 1px #a96118,-1px 1px 1px #a96118,-1px 1px 1px #a96118,-1px -1px 1px #a96118,-1px -1px 1px #a96118,-1px -1px 1px #a96118;margin:5.4rem auto 0}
.m2{background:url(../images/m2.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:7.24rem;overflow:hidden}
.m2 .btn{background:url(../images/btn3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.88rem;height:0.98rem;text-align:center;line-height:1rem;font-size:0.48rem;font-weight:bold;color:#fff;font-weight:bold;text-shadow:1px 0 1px #a96118,1px 0 1px #a96118,1px 0 1px #a96118,1px 1px 1px #a96118,1px 1px 1px #a96118,1px 1px 1px #a96118,1px -1px 1px #a96118,1px -1px 1px #a96118,1px -1px 1px #a96118,-1px 0 1px #a96118,-1px 0 1px #a96118,-1px 0 1px #a96118,-1px 1px 1px #a96118,-1px 1px 1px #a96118,-1px 1px 1px #a96118,-1px -1px 1px #a96118,-1px -1px 1px #a96118,-1px -1px 1px #a96118;margin:5.4rem auto 0}
.m3{background:url(../images/m3.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:9.84rem;overflow:hidden}
.msgArea{width:4.96rem;height:0.3rem;background:rgba(0,0,0,0.78);padding:0 0.2rem;overflow:hidden;border-radius:0.06rem;margin:1.43rem auto 0}
.msgArea li{height:0.3rem;text-align:center;line-height:0.32rem;font-size:0.22rem;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.msgArea li span{color:#ffa41f}
.luckArea{margin-top:6.12rem}
.luckArea a{background:url(../images/btn3.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.88rem;height:0.98rem;text-align:center;line-height:1rem;font-size:0.48rem;font-weight:bold;color:#fff;font-weight:bold;text-shadow:1px 0 1px #a96118,1px 0 1px #a96118,1px 0 1px #a96118,1px 1px 1px #a96118,1px 1px 1px #a96118,1px 1px 1px #a96118,1px -1px 1px #a96118,1px -1px 1px #a96118,1px -1px 1px #a96118,-1px 0 1px #a96118,-1px 0 1px #a96118,-1px 0 1px #a96118,-1px 1px 1px #a96118,-1px 1px 1px #a96118,-1px 1px 1px #a96118,-1px -1px 1px #a96118,-1px -1px 1px #a96118,-1px -1px 1px #a96118;margin:0 auto}
.luckArea p{font-size:0.24rem;text-align:center;line-height:0.38rem;color:#885620;font-weight:bold;margin-top:0.05rem}
.m4{background:url(../images/m4.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:7.75rem;overflow:hidden}
.taskList{width:6rem;margin:2rem auto 0}
.taskList li{height:0.84rem;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;margin-top:0.25rem}
.taskList li dl{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%}
.taskList li dl dt{height:0.38rem;line-height:0.38rem;color:#8d6336;font-size:0.26rem;font-weight:bold}
.taskList li dl dd{height:0.26rem;line-height:0.26rem;color:#8d6336;font-size:0.16rem;font-weight:bold}
.taskList .taskRgt{position:relative}
.taskList .taskRgt .button{background:url(../images/btn4.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.25rem;height:0.51rem;text-align:center;line-height:0.52rem;font-size:0.24rem;font-weight:bold;color:#fff;margin-left:0.15rem}
.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}
.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}
.m5{background:url(../images/m5.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:7.44rem;overflow:hidden}
.m5 .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:5.24rem;padding-right:0.2rem}
.m5 .btn a{background:url(../images/btn4.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.8rem;height:0.74rem;text-align:center;line-height:0.76rem;font-weight:bold;font-size:0.34rem;color:#fff;margin:0 0.56rem}
.m6{background:url(../images/m6.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:9.9rem;overflow:hidden}
.signArea{margin-top:2.3rem}
.signArea a{background:url(../images/btn5.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.17rem;height:0.74rem;text-align:center;line-height:0.76rem;font-size:0.36rem;font-weight:bold;color:#fff;margin:0 auto;text-shadow:1px 0 1px #952B35,1px 0 1px #952B35,1px 0 1px #952B35,1px 1px 1px #952B35,1px 1px 1px #952B35,1px 1px 1px #952B35,1px -1px 1px #952B35,1px -1px 1px #952B35,1px -1px 1px #952B35,-1px 0 1px #952B35,-1px 0 1px #952B35,-1px 0 1px #952B35,-1px 1px 1px #952B35,-1px 1px 1px #952B35,-1px 1px 1px #952B35,-1px -1px 1px #952B35,-1px -1px 1px #952B35,-1px -1px 1px #952B35}
.signArea p{text-align:center;font-size:0.2rem;line-height:0.26rem;font-weight:bold;color:#9d595e;margin-top:0.05rem}
.signArea p span{color:#ff3c53}
.signGet{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-top:0.1rem}
.signGet a{background:url(../images/btn5.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;-ms-flex-negative:0;flex-shrink:0;width:1.28rem;height:0.54rem;text-align:center;line-height:0.54rem;font-size:0.24rem;font-weight:bold;color:#fff;margin:2.46rem 0.32rem 0}
.m7{background:url(../images/m7.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:5.35rem;overflow:hidden}
.m8{background:url(../images/m8.jpg) no-repeat 0 0;background-size:100% 100.22%;background-color:transparent;height:5.48rem;overflow:hidden}
.m9{background:url(../images/m9.jpg) no-repeat 0 0;background-size:100% 100.33%;background-color:transparent;height:5.36rem;overflow:hidden}
.m10{background:url(../images/m10.jpg) no-repeat left top;background-size:100% auto;background-color:#D2F8FC;padding-top:1px;overflow:hidden}
.swpBanner{position:relative;width:6.8rem;height:3.82rem;overflow:hidden;margin:0.96rem auto 0}
.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.82rem}
.swpBanner .swiper-slide img{display:block;width:100%;height:100%}
.swpBanner .lb-dots{position:absolute;left:0.24rem;right:0.24rem;bottom:0.2rem;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;z-index:10}
.swpBanner .lb-dots span{width:8px;height:8px;border-radius:4px;margin:0 2px;background:rgba(255,255,255,0.3);-webkit-transition:all 0.5s;transition:all 0.5s}
.swpBanner .lb-dots .swiper-pagination-bullet-active{width:15px;background:rgba(255,255,255,0.8)}
.vidPlayLoop{width:6.74rem;height:3.8rem;overflow:hidden;margin:1.2rem auto 0}
.vidPlayLoop .video-loop-info{width:6.74rem;height:3.8rem;position:relative}
.vidPlayLoop .video-loop-info img,.vidPlayLoop .video-loop-info video{width:100%;height:100%}
.vidPlayLoop .video-loop-info video{background:#000}
.vidPlayLoop .video-loop-info img{-webkit-filter:brightness(0.5);filter:brightness(0.5)}
.vidPlayLoop .video-loop-info i{background:url(../images/ico-play.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:0.93rem;height:0.93rem;position:absolute;left:50%;top:50%;margin:-0.46rem 0 0 -0.46rem}
.side{width:0.9rem;position:fixed;right:0.2rem;bottom:3rem;z-index:111}
.side a img{display:block;width:100%}
.fixMenu{height:1.81rem}
.fixMenu .fxmInner{background:url(../images/fix_menu_bg.png?v=001) no-repeat;background-size:7.5rem 1.81rem;width:7.5rem;height:1.81rem;background-position:center center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 0.08rem;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:fixed;left:50%;margin-left:-3.75rem;bottom:0;z-index:20}
.fixMenu .fxmInner .mask{width:1.4rem;height:0.55rem;left:50%;margin-left:-0.7rem;position:absolute;top:-0.55rem;z-index:-3;overflow:hidden;display:none}
.fixMenu .fxmInner .mask:before{background:#f9c8ae;width:1.4rem;height:1.4rem;border-radius:9.99rem 9.99rem 0 0;position:absolute;top:0;left:0;content:"";overflow:hidden}
.fixMenu .fxmInner .link{width:1.28rem;height:1.52rem;position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0.15rem}
.fixMenu .fxmInner .link:nth-child(2){z-index:3}
.fixMenu .fxmInner .link img{width:1.28rem;height:1.28rem;margin:0 auto;display:block}
.fixMenu .fxmInner .link em{height:0.26rem;line-height:0.28rem;margin:0.04rem auto 0;text-align:center;display:block;font-size:0.18rem;color:#fff}
.fixMenu .fxmInner .link p{background:#f7cb7e;height:0.28rem;line-height:0.3rem;padding:0 0.12rem;border-radius:0.25rem 0.25rem 0.25rem 0.02rem;border:1px solid #e0a969;font-size:0.18rem;color:#433d33;white-space:nowrap;position:absolute;top:-0.1rem;left:50%;margin-left:0.1rem;overflow:hidden}
.fixMenu .fxmInner .reservabtn{width:1.6rem;margin-top:-0.21rem}
.fixMenu .fxmInner .reservabtn .item{background:url(../images/fix_menu_yy.png?v=001) no-repeat;background-size:100% 100%;width:1.6rem;height:1.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;position:relative;z-index:1;overflow:hidden}
.fixMenu .fxmInner .reservabtn .item:after,.fixMenu .fxmInner .reservabtn .item:before{content:"";position:absolute;border-radius:999rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}
.fixMenu .fxmInner .reservabtn .item:before{background:#bd6d31;width:1rem;height:1rem;left:50%;margin-left:-0.5rem;top:0.1rem;z-index:-1}
.fixMenu .fxmInner .reservabtn .item:after{background:#d19358;width:1.2rem;height:1.2rem;position:absolute;left:50%;margin-left:-0.6rem;top:0;z-index:-2}
.fixMenu .fxmInner .reservabtn .item i{background:url(../images/fix_btn.png?v=001) no-repeat;background-size:1.15rem 1.15rem;background-position:center center;width:1.15rem;height:1.15rem;margin:0.2rem auto 0;display:block;-webkit-animation:shake 2.4s linear infinite;animation:shake 2.4s linear infinite;-webkit-transform-origin:50% 20%;transform-origin:50% 20%}
.fixMenu .fxmInner .reservabtn .item em{height:0.28rem;line-height:0.28rem;font-size:0.22rem;margin-top:0.05rem;color:#5d2a15;display:none;text-align:center;overflow:hidden}
.fixMenu .fxmInner .reservabtn .text{height:0.28rem;line-height:0.3rem;margin:0.07rem auto 0;display:block;text-align:center;font-size:0.2rem;color:#fff;position:relative;z-index:3}
.fixMenu .fxmInner .done .item{-webkit-filter:grayscale(1);filter:grayscale(1)}
.fixMenu .fxmInner .done .item i{-webkit-animation:none;animation:none;color:#ccc;-webkit-filter:grayscale(1);filter:grayscale(1)}
.fixMenu .fxmInner .done .item em{-webkit-filter:grayscale(1);filter:grayscale(1)}
@-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)}}