/* xff 2026/2604-wap/kb-hai-livelink */
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{background:url(../images/b1.jpg?v=01) no-repeat 0 0;background-size:100% 10.71rem;background-color:transparent;width:100%;height:10.69rem;overflow:hidden;position:relative}
.headArea .cover img{display:block;width:100%;pointer-events:none}
.headArea .hd-logo{background:url(../images/logo.png) no-repeat 0 0;width:2.87rem;height:0.75rem;background-size:100% 100%;background-color:transparent;position:absolute;top:1.76rem;left:0.3rem}
.headArea .hd-side{position:absolute;right:0;top:1.84rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.headArea .hd-side .hd-join{height:0.38rem;line-height:0.4rem;background:rgba(10,79,89,0.7);font-size:0.24rem;color:#fff;text-align:center;border-radius:0.2rem 0 0 0.2rem;margin-bottom:0.06rem;padding:0 0.2rem}
.headArea .hd-side .hd-join span{color:#f7ff7c}
.headArea .hd-side .hd-rule{background:rgba(10,79,89,0.7);height:0.38rem;line-height:0.4rem;overflow:hidden;width:1.5rem;font-size:0.24rem;color:#fff;text-align:center;border-radius:0.2rem 0 0 0.2rem}
.headArea .hd-main{position:absolute;left:0.2rem;right:0.2rem;bottom:0.2rem;height:1.86rem;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}
.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{-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/btn.png) no-repeat 0 0;width:2.76rem;height:0.88rem;background-size:100% 100%;background-color:transparent;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.38rem;font-weight:bold;margin:0 0.26rem;height:0.88rem;line-height:0.9rem;overflow:hidden}
.headArea .hd-main .btn a em{background:-webkit-gradient(linear,left top,left bottom,from(#3d2308),to(#744215));background:linear-gradient(top,#3d2308,#744215);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.headArea .hd-main .txt{width:100%;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.24rem;color:#fff;margin-top:0.1rem}
.m-txt{font-size:0.2rem;line-height:0.32rem;color:#f1fff8;text-align:center;margin:2.1rem 0.28rem 0}
.m-btn{-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/btn.png) no-repeat 0 0;width:2.76rem;height:0.88rem;background-size:100% 100%;background-color:transparent;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.38rem;font-weight:bold;margin:0 auto}
.m-btn em{background:-webkit-gradient(linear,left top,left bottom,from(#3d2308),to(#744215));background:linear-gradient(top,#3d2308,#744215);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.m2{background:url(../images/b2.jpg) no-repeat 0 0;background-size:100% 7.3rem;background-color:transparent;width:100%;height:7.28rem;overflow:hidden;overflow:hidden}
.m2 .m-btn{margin-top:3rem}
.m3{background:url(../images/b3.jpg) no-repeat 0 0;background-size:100% 7.34rem;background-color:transparent;width:100%;height:7.32rem;overflow:hidden;overflow:hidden}
.m3 .m-btn{margin-top:2.7rem}
.m4{background:url(../images/b4.jpg) no-repeat 0 0;background-size:100% 9.92rem;background-color:transparent;width:100%;height:9.9rem;overflow:hidden;overflow:hidden}
.m4 .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;margin-top:4.74rem}
.m4 .lb-list a{width:1.59rem;height:0.5rem;line-height:0.52rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;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.23rem;font-weight:bold;margin:0 0.25rem}
.m4 .lb-list a em{background:-webkit-gradient(linear,left top,left bottom,from(#3d2308),to(#744215));background:linear-gradient(top,#3d2308,#744215);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.taskArea{width:5.7rem;margin:0.9rem auto 0;height:0.79rem}
.taskArea li{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.26rem}
.taskArea .con{width:3.9rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;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-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:0.22rem;padding-left:0.2rem}
.taskArea .con input{background:none;border:none;height:0.77rem;font-size:0.24rem;color:#fff}
.taskArea .con input::-webkit-input-placeholder{color:rgba(255,255,255,0.6)}
.taskArea .con input::-moz-placeholder{color:rgba(255,255,255,0.6)}
.taskArea .con input:-ms-input-placeholder{color:rgba(255,255,255,0.6)}
.taskArea .con input::-ms-input-placeholder{color:rgba(255,255,255,0.6)}
.taskArea .con input::placeholder{color:rgba(255,255,255,0.6)}
.taskArea .con span{color:#ffef64}
.taskArea .btn a{width:1.59rem;height:0.5rem;line-height:0.52rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;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.23rem;font-weight:bold}
.taskArea .btn a em{background:-webkit-gradient(linear,left top,left bottom,from(#3d2308),to(#744215));background:linear-gradient(top,#3d2308,#744215);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.taskList{width:6.07rem;margin:0 auto}
.taskList li{background:url(../images/task-li.png) no-repeat 0 0;width:6.07rem;height:0.77rem;background-size:100% 100%;background-color:transparent;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-bottom:0.1rem;padding:0 0.4rem 0 0.5rem;-webkit-box-sizing:border-box}
.taskList li dl{color:#fff;width:3.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.taskList li dl dt{display:block;height:0.32rem;font-size:0.22rem;font-weight:bold;width:100%}
.taskList li dl dd{font-size:0.18rem;line-height:0.28rem;width:100%;display:block}
.taskList li .taskRgt{position:relative}
.taskList li .taskRgt a{width:1.57rem;height:0.5rem;line-height:0.52rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;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.23rem;font-weight:bold;margin:0 auto}
.taskList li .taskRgt a em{background:-webkit-gradient(linear,left top,left bottom,from(#3d2308),to(#744215));background:linear-gradient(top,#3d2308,#744215);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.taskList li .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.17rem;right:0;z-index:3;border-radius:0.08rem}
.taskList li .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}
.btn-col2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.btn-col2 li{width:2.76rem;margin:2.3rem 0.2rem 0}
.btn-col2 a{width:1.84rem;height:0.58rem;line-height:0.6rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/btn.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;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.27rem;font-weight:bold;margin:0 auto}
.btn-col2 a em{background:-webkit-gradient(linear,left top,left bottom,from(#3d2308),to(#744215));background:linear-gradient(top,#3d2308,#744215);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.m5{background:url(../images/b5.jpg) no-repeat 0 0;background-size:100% 12.5rem;background-color:transparent;width:100%;height:12.48rem;overflow:hidden;overflow:hidden}
.m5 .btn-col2{margin-top:-0.1rem}
.m6{background:url(../images/b6.jpg?v=01) no-repeat 0 0;background-size:100% 17.24rem;background-color:transparent;width:100%;height:17.22rem;overflow:hidden;overflow:hidden}
.m6 .m-txt{margin-top:2.7rem}
.m6 .btn-col2{margin-top:-0.2rem}
.m6 .btn-col2 li{margin-top:2.36rem}
.m6 .con{margin-top:0.1rem}
.m6 .con p{text-align:center;font-size:0.21rem;color:#fff;height:0.4rem;text-align:center;line-height:0.42rem}
.m6 .con p em{margin:0 0.04rem;font-weight:bold;color:#5fffb2}
.msgArea{width:4.28rem;height:0.38rem;border-radius:0.24rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0.14rem auto 0;padding:0 0.14rem;-webkit-box-shadow:#c8fff2 0 0 0 1px inset;box-shadow:#c8fff2 0 0 0 1px inset}
.msgArea .in{height:0.38rem;line-height:0.4rem;overflow:hidden;font-size:0.24rem;color:#fff}
.msgArea .in span{color:#ffe63c}
.msgArea .in span.uname{display:inline-block;vertical-align:top;max-width:1.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.msgArea .in li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}
.m7{background:url(../images/b7.jpg) no-repeat 0 0;background-size:100% 15.26rem;background-color:transparent;width:100%;height:15.24rem;overflow:hidden;overflow:hidden}
.m7 .m-txt{margin:2.6rem 0.1rem 0}
.m7 .luck-btn{margin-top:6.6rem}
.m7 .luck-btn .info{height:0.55rem;line-height:0.57rem;overflow:hidden;font-size:0.24rem;text-align:center}
.m7 .luck-btn .info p{color:#fff}
.m7 .luck-btn .info p span{color:#5fffb2}
.m8{background:url(../images/bg.jpg) repeat-y 0 0;background-size:100% auto;background-color:transparent;overflow:hidden}
.m8 .kbFooter{margin-top:0}
.fixSide{width:0.76rem;position:fixed;left:50%;bottom:2.6rem;margin-left:2.94rem;z-index:100}
.fixSide a{display:block;margin-top:0.25rem}
.fixSide a img{display:block;width:100%}
.kbFootWrap .kbFootCopyright{padding-bottom:0.7rem}
.fixMenu{height:1.61rem;margin:-0.7rem auto 0}
.fixMenu .fxmInner{background:url(../images/fix_bg.png?v=01) no-repeat 0 0;width:7.5rem;height:1.61rem;background-size:100% 100%;background-color:transparent;border-radius:0.2rem 0.2rem 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:start;-ms-flex-align:start;-ms-flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;display:flex;justify-content:center;align-items:start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;position:fixed;left:50%;margin-left:-3.75rem;bottom:0;z-index:20;padding-top:0.26rem}
.fixMenu .fxmInner .link{width:1.3rem;height:1rem;margin:0.16rem 0.02rem 0;position:relative;-ms-flex-negative:0;flex-shrink:0}
.fixMenu .fxmInner .link:nth-child(2){z-index:3}
.fixMenu .fxmInner .link img{width:0.7rem;height:0.62rem;margin:0 auto;display:block}
.fixMenu .fxmInner .link em{height:0.32rem;line-height:0.34rem;display:block;color:#094950;text-align:center;font-size:0.22rem;-webkit-text-stroke-width:0}
.fixMenu .fxmInner .link p{background:#D57D00;height:0.32rem;line-height:0.32rem;padding:0 0.12rem;border-radius:0.25rem 0.25rem 0.25rem 0.02rem;-webkit-box-shadow:0 0 0 0.01rem #FFECBF inset;box-shadow:0 0 0 0.01rem #FFECBF inset;color:#FFECBF;font-size:0.18rem;white-space:nowrap;position:absolute;top:-0.18rem;left:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:-0.01rem;overflow:hidden}
.fixMenu .fxmInner .reservabtn{width:1.4rem;margin:0 0.05rem;margin-top:-0.2rem}
.fixMenu .fxmInner .reservabtn .item{background:#0c8287;width:0.84rem;height:0.84rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;position:relative;z-index:1;overflow:hidden;border-radius:100%;padding-top:0.05rem}
.fixMenu .fxmInner .reservabtn .item i{background:url(../images/fix_btn.png) no-repeat 0 0;width:0.57rem;height:0.66rem;background-size:100% 100%;background-color:transparent;margin:0rem auto 0;display:block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-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.24rem;line-height:0.24rem;color:#fff;text-align:center;font-size:0.2rem;font-weight:700;-webkit-text-stroke-width:0;display:block;overflow:hidden;font-size:0}
.fixMenu .fxmInner .reservabtn .text{height:0.28rem;line-height:0.3rem;display:block;color:#094950;text-align:center;font-size:0.22rem;-webkit-text-stroke-width:0;margin-top:0.16rem}
.fixMenu .fxmInner .done .item{-webkit-filter:grayscale(1);filter:grayscale(1)}
.fixMenu .fxmInner .done .item i{-webkit-animation:none;animation:none}
@-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)}
55%,90%{-webkit-transform:rotate(0);transform:rotate(0)}}