/*# zfa 2025/12/15 10:00:39 sample */

html *{-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,h1,h2,h3,p,ul,li,form,button,input,textarea,select,table,th,td,dl,dt,dd,label{margin:0;padding:0}
body{font:0.24rem/1.4 "Microsoft YaHei",Helvetica,Tahoma,sans-serif;width:100%}
a{color:#333;text-decoration:none}
a:hover{cursor:pointer}
img{border:none;-o-object-fit:cover;object-fit:cover}
ul,li{list-style:none}
em,i{font-style:normal}
input,textarea{outline:none}
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}}
.b8 .taskList li span{float:left}
.b8 .taskList li a{float:right}
.fixMenu .fxmInner .reservabtn .text,.fixMenu .fxmInner .reservabtn .item em,.fixMenu .fxmInner .reservabtn .item i,.fixMenu .fxmInner .link em,.fixMenu .fxmInner .link img,.b8 .taskList li span i,.b7 a,.b3 span,.b2 .rules a{display:block}
.fixMenu .fxmInner .reservabtn .text,.fixMenu .fxmInner .reservabtn .item,.fixMenu .fxmInner .link,.b8 .taskList li,.b2{position:relative}
.fixMenu .fxmInner .reservabtn .item:after,.fixMenu .fxmInner .reservabtn .item:before,.fixMenu .fxmInner .link p,.fixMenu .fxmInner .mask:before,.fixMenu .fxmInner .mask,.b2 .rules,.b2 .nums{position:absolute}
.fixMenu .fxmInner .reservabtn .text,.fixMenu .fxmInner .reservabtn .item em,.fixMenu .fxmInner .link em,.b10 p,.b9 .btn a,.b9 .btn,.b9 p,.b8 .taskList li a,.b7 p,.b6 .btn a,.b6 p,.b3 p,.b3 span,.btns{text-align:center}
.b9 .btn a,.b6 p span,.btns a{display:inline-block}
.fixMenu .fxmInner .reservabtn .item em,.fixMenu .fxmInner .reservabtn .item,.fixMenu .fxmInner .link p,.fixMenu .fxmInner .mask:before,.fixMenu .fxmInner .mask,.b8 .taskList li,.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10,.b11{overflow:hidden}
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10,.b11{background-repeat:no-repeat;background-size:7.5rem auto;margin:0 auto;width:7.5rem}
.b9 .btn a,.b8 .taskList li a,.b8 .taskList li,.b3 p,.btns a{background-repeat:no-repeat;background-size:100% 100%}
body{color:#000}
.grey,.gray{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
::-webkit-scrollbar{width:0.05rem}
::-webkit-scrollbar-track{background:none;width:0.05rem;border-radius:1rem}
::-webkit-scrollbar-thumb{background:#ccc;width:0.05rem;border-radius:1rem}
.b1{background-image:url(../images/1.jpg);height:1.7rem}
.b2{background-image:url(../images/2.jpg);height:6.84rem}
.b2 .nums{right:0;top:0.8rem;border-radius:1rem 0 0 1rem;background:rgba(0,0,0,0.8);color:#fff;padding:0.03rem 0.15rem;font-size:0.22rem}
.b2 .nums em{color:#ffd74c}
.b2 .rules{right:0;top:0.3rem}
.b2 .rules a{background:rgba(0,0,0,0.8);border-radius:1rem 0 0 1rem;padding:0.03rem 0.15rem;color:#fff;font-size:0.22rem}
.btns a{background-image:url(../images/btn1.png);width:2.6rem;height:0.85rem;line-height:0.74rem;font-size:0.32rem;color:#573019;font-weight:bold}
.b3{background-image:url(../images/3.jpg);height:3.94rem}
.b3 span{width:4rem;margin:0 auto;background:rgba(0,0,0,0.5);color:#fff;border-radius:1rem;padding:0.03rem 0;margin-top:0.2rem}
.b3 .btns{margin-top:0.8rem}
.b3 p{background-image:url(../images/log_bg.png);width:7.45rem;height:0.35rem;line-height:0.35rem;color:#fff;margin:0.3rem auto;font-size:0.22rem}
.b4{background-image:url(../images/4.jpg);height:8.5rem}
.b4 .btns{margin-top:6.2rem}
.b5{background-image:url(../images/5.jpg);height:7.59rem}
.b5 .btns{margin-top:6.3rem}
.b6{background-image:url(../images/6.jpg);height:11.5rem}
.b6 p{font-size:0.22rem;margin-top:1.1rem}
.b6 p span{color:#835818;width:2.85rem;margin:0 0.35rem}
.b6 .btn{text-align:left;padding-left:0.3rem}
.b6 .btns{margin:1.6rem auto 3.5rem auto}
.b6 .btns a{margin:0 0.4rem}
.b7{background-image:url(../images/7.jpg);height:9.04rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1.9rem}
.b7 p{font-size:0.22rem;color:#854122}
.b7 a{width:1.74rem;height:1.74rem;margin:2.42rem auto 0.1rem auto}
.b8{background-image:url(../images/8.jpg);height:9.19rem}
.b8 .taskList{width:6.86rem;margin:0 auto}
.b8 .taskList li{background-image:url(../images/libg.png);width:6.86rem;height:1.08rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.3rem;color:#10272d;margin-top:0.3rem}
.b8 .taskList li span{margin-top:0.2rem}
.b8 .taskList li span b{width:3.5rem}
.b8 .taskList li span i{font-size:0.2rem;margin-top:0.05rem}
.b8 .taskList li a{background-image:url(../images/btn2.png);width:1.44rem;height:0.46rem;line-height:0.46rem;color:#272727;margin-top:0.33rem;font-weight:bold}
.b9{background-image:url(../images/9.jpg);height:12.89rem}
.b9 p{font-size:0.22rem;color:#854122;margin-top:1.8rem}
.b9 .btn{margin-top:2.6rem}
.b9 .btn a{background-image:url(../images/btn2.png);width:1.44rem;height:0.46rem;line-height:0.46rem;color:#272727;margin:0 0.38rem 2.6rem 0.38rem;font-weight:bold}
.b10{background-image:url(../images/10.jpg);height:5.84rem}
.b10 p{font-size:0.22rem;color:#854122;margin-top:2rem}
.b10 .btns{margin-top:2.4rem}
.b11{background-image:url(../images/b11.jpg);background-repeat:repeat-y}
.b12{background:url(../images/b12.jpg) no-repeat;background-size:100% 100.22%;width:7.5rem;height:7.48rem;margin:0 auto;overflow:hidden}
.b12 .img{display:block;width:6.94rem;height:4.04rem;margin:2.2rem auto 0}
.b12 .btns{margin-top:0.4rem}
.fixMenu{height:1.3rem}
.fixMenu .fxmInner{background:url(../images/fix_menu_bg.png?v=001) no-repeat;background-size:7.5rem 1.77rem;width:7.5rem;height:1.77rem;padding-top:0.6rem;background-position:center center;-webkit-box-sizing:border-box;box-sizing:border-box;display:box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-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;top:-0.55rem;z-index:-3;display:none}
.fixMenu .fxmInner .mask:before{background:#f9c8ae;width:1.4rem;height:1.4rem;border-radius:9.99rem 9.99rem 0 0;top:0;left:0;content:""}
.fixMenu .fxmInner .link{width:1.3rem;height:1rem;margin:0 0.02rem;-ms-flex-negative:0;flex-shrink:0}
.fixMenu .fxmInner .link img{width:0.56rem;height:0.56rem;margin:0.07rem auto 0}
.fixMenu .fxmInner .link em{height:0.32rem;line-height:0.34rem;margin:0.08rem auto 0;font-size:0.2rem;color:#6e3418}
.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:#fff;white-space:nowrap;top:-0.1rem;left:50%;margin-left:0.1rem}
.fixMenu .fxmInner .link:nth-child(2){z-index:3}
.fixMenu .fxmInner .reservabtn{width:1.74rem;margin:0 0.05rem;margin-top:-0.5rem}
.fixMenu .fxmInner .reservabtn .item{background:url(../images/fix_menu_yy.png?v=001) no-repeat;background-size:100% 100%;width:1.16rem;height:1.16rem;padding-right:0.03rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0.05rem auto 0 auto;z-index:1}
.fixMenu .fxmInner .reservabtn .item i{background:url(../images/fix_btn.png?v=001) no-repeat;background-size:0.37rem 0.41rem;background-position:center center;width:0.44rem;height:0.56rem;margin:0.1rem auto 0;-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;color:#da500f;font-weight:bold}
.fixMenu .fxmInner .reservabtn .item:after,.fixMenu .fxmInner .reservabtn .item:before{content:"";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;left:50%;margin-left:-0.6rem;top:0;z-index:-2}
.fixMenu .fxmInner .reservabtn .text{height:0.28rem;line-height:0.3rem;margin:0 auto;font-size:0.2rem;color:#6e3418;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)}}
.kbFootCopyright{padding-bottom:0.5rem !important;color:#fff !important}