/* xff 2026/2604-wap/kb-huoying-livelink */
html,body{min-height:100%;-webkit-touch-callout:none}
body,html,a,img,div,ul,li,p,em,span,i,input,textarea,dl,dt,dd{margin:0;padding:0;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}
ul,ol,li{list-style:none}
a{color:#6c7a81;text-decoration:none}
img{width:100%;display:block;border:none}
a img{pointer-events:auto !important}
img{-o-object-fit:cover;object-fit:cover}
em,i{font-style:normal}
input,textarea{outline:none}
.cf{*zoom:1}
.cf:after{content:"";display:block;height:0;clear:both;overflow:hidden}
.fl,.fr{display:inline-block}
.fl{float:left}
.fr{float:right}
.c1{color:#0aac3c !important}
.mt15{margin-top:0.15rem !important}
.mt24{margin-top:0.24rem !important}
.mt30{margin-top:0.3rem !important}
.tac{text-align:center}
.fs18{font-size:0.18rem !important}
body{background:#7a5217;line-height:0.42rem;font-size:0.26rem;margin:0 auto;word-wrap:break-word;word-break:break-all;color:#333;max-width:7.5rem}
body,input,textarea{font-family:"Helvetica Neue",Helvetica,Tahoma,sans-serif}
.wMou{width:100%;overflow:hidden;-webkit-box-sizing:border-box}
.vMfoot{margin:0.5rem auto 0rem}
.vMfoot .kbFooter{margin:0 auto}
.wMouIndex{background:url(../images/b1.jpg) no-repeat 0 0;background-size:100% 12.44rem;background-color:transparent;width:100%;height:12.42rem;overflow:hidden;position:relative;z-index:1;-webkit-box-sizing:border-box;padding-top:8.6rem}
.wMouIndex .hd-side{position:absolute;right:0;top:2rem;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}
.wMouIndex .hd-side .hd-join{height:0.38rem;height:0.48rem;line-height:0.5rem;overflow:hidden;background:rgba(9,9,9,0.5);font-size:0.24rem;color:#fff;text-align:center;border-radius:0.5rem 0 0 0.5rem;padding:0 0.2rem}
.wMouIndex .hd-side .hd-join span{color:#f4c167}
.wMouIndex .hd-side .hd-rule{background:rgba(9,9,9,0.5);height:0.48rem;line-height:0.5rem;overflow:hidden;width:1.3rem;font-size:0.24rem;color:#fff;text-align:center;border-radius:0.5rem 0 0 0.5rem;margin-bottom:0.12rem}
.wMouIndex .logo{background:url(../images/logo.png) no-repeat 0 0;width:2.83rem;height:0.7rem;background-size:100% 100%;background-color:transparent;position:absolute;left:0.2rem;top:1.94rem}
.wMouIndex .hd-main{width:90%;margin:0.5rem auto 0;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}
.wMouIndex .hd-main .gameName{background:-webkit-linear-gradient(left,rgba(202,89,33,0),#ca5921,#ca5921,rgba(202,89,33,0));width:100%;text-align:center;font-size:0.24rem;color:#fff;margin-top:0.1rem;height:0.5rem;line-height:0.52rem;overflow:hidden}
.wMouIndex .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;margin-top:0.3rem}
.wMouIndex .hd-main .btn a{position:relative;margin:0 0.3rem;background:url(../images/m-btn2.png) no-repeat 0 0;width:2.77rem;height:0.85rem;background-size:100% 100%;background-color:transparent;line-height:0.8rem;text-align:center;font-weight:bold;-webkit-box-sizing:border-box;display:block;color:#f2e3ad;font-size:0.36rem}
.org{color:#f07f1b}
.wMbutton{background:url(../images/m-btn.png) no-repeat 0 0;width:2.31rem;height:0.59rem;background-size:100% 100%;background-color:transparent;line-height:0.58rem;text-align:center;font-weight:bold;-webkit-box-sizing:border-box;display:block;color:#f2e3ad;font-size:0.3rem}
.h-tips{background:rgba(138,94,44,0.9);width:4.09rem;text-align:center;height:0.56rem;line-height:0.58rem;overflow:hidden;overflow:hidden;color:#fff;font-size:0.26rem;-webkit-box-sizing:border-box;margin:0.1rem auto 0;border-radius:0.8rem}
.get{padding-top:1.1rem}
.get ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.get li{width:2.92rem;margin:0 0.35rem;position:relative;height:7.5rem}
.get li p{color:#fef6c6;font-size:0.22rem;text-align:center;width:100%;line-height:0.32rem;height:2.7rem}
.get li .wMbutton{margin:0 auto}
.get li .b-spc{position:absolute;bottom:0;left:50%;margin-left:-1.16rem}
.wMtit{color:#fff9e3;font-size:0.22rem;line-height:0.32rem;padding:0 0.3rem}
.wMtit.t-spc{color:#854122}
.wMouA{background:url(../images/b2.jpg) no-repeat 0 0;background-size:100% 9.84rem;background-color:transparent;width:100%;height:9.82rem;overflow:hidden;position:relative}
.wMouC{background:url(../images/b6.jpg) no-repeat 0 0;background-size:100% 6.6rem;background-color:transparent;width:100%;height:6.58rem;overflow:hidden;padding-top:1.9rem}
.wMouD{background:url(../images/b4.jpg) no-repeat 0 0;background-size:100% 13.24rem;background-color:transparent;width:100%;height:13.22rem;overflow:hidden;padding-top:3rem}
.wMouD .wMtit{height:0.6rem}
.wMouD-2{background:url(../images/b5.jpg) no-repeat 0 0;background-size:100% 8.06rem;background-color:transparent;width:100%;height:8.04rem;overflow:hidden;padding-top:1.9rem}
.wMouD-2 .wMtit{height:2.7rem}
.wMouD-2 .wMbutton{margin:0.3rem auto 0}
.wMouF{background:url(../images/b7.jpg) no-repeat 0 0;background-size:100% 7.66rem;background-color:transparent;width:100%;height:7.64rem;overflow:hidden;-webkit-box-sizing:border-box;padding-top:2rem}
.wMouF .wMbutton{margin:0.5rem auto 0}
.wMouG{background:url(../images/b8.jpg) no-repeat 0 0;background-size:7.5rem 3.68rem;background-color:transparent}
.wMouG .kbFooter{margin-top:0}
.wMouB{background:url(../images/b3.jpg) no-repeat 0 0;background-size:100% 19.16rem;background-color:transparent;width:100%;height:19.14rem;overflow:hidden;padding-top:3.4rem}
.wMouB .wMtit{height:0.68rem}
.wMouB .wMbutton{display:block;margin:7.6rem auto 0}
.w-chou{text-align:center}
.w-chou .c-btn{width:6.87rem;height:6.38rem;position:relative;margin:0 auto;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}
.w-chou .c-btn a{font-size:0;width:1.8rem;height:1.8rem}
.w-chou p{color:#fff9e3;font-size:0.28rem;text-align:center;height:0.94rem;line-height:0.96rem;overflow:hidden}
.taskList{width:6.86rem;margin:0 auto 0;padding-bottom:0.64rem}
.taskList li{background:-webkit-linear-gradient(left,#faf3e5,#fceec4);width:100%;height:1.08rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0.18rem;padding:0 0.15rem;color:#54320e;border-radius:0.2rem;margin-bottom:0.4rem}
.taskList li dl{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.taskList li dl dt{font-size:0.3rem;font-weight:bold;width:100%}
.taskList li dl dd{font-size:0.2rem;line-height:0.24rem;width:100%;margin-top:0.1rem}
.taskList li .taskRgt{width:1.44rem;position:relative}
.taskList li .taskRgt a{background:-webkit-linear-gradient(top,#ffd246,#ffb524);width:1.44rem;height:0.46rem;line-height:0.48rem;overflow:hidden;font-size:0.23rem;font-weight:bold;-ms-flex-negative:0;flex-shrink:0;color:#272727;border-radius:0.5rem;text-align:center;display: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}
.sign p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:2.61rem}
.sign p a{background:-webkit-linear-gradient(top,#ffd246,#ffb524);width:1.44rem;height:0.46rem;line-height:0.48rem;overflow:hidden;font-size:0.23rem;font-weight:bold;-ms-flex-negative:0;flex-shrink:0;color:#272727;border-radius:0.5rem;text-align:center;display:block;margin:0 0.41rem}
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:66.6666666667px}}
.gray{-webkit-filter:grayscale(1);filter:grayscale(1)}
.bom-list{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
.bom-list a{width:1.18rem;display:block;color:#ded2d3;height:2.18rem;font-size:0rem;padding-top:1.48rem;line-height:0.3rem;white-space:nowrap;margin:0 0.2rem;-webkit-box-sizing:border-box}
.bom-sl{width:7.5rem;margin-top:1.18rem}
.bom-sl img{display:block;margin:0 auto;width:2.8rem}
.bom-sl p{margin-top:0.2rem;font-size:0.24rem;line-height:0.26rem;color:#fff;text-align:center}
.side-img{position:fixed;bottom:4.6rem;right:0;z-index:5}
.side-img a{display:block;margin-bottom:0.2rem}
.side-img a img{width:1.4rem;height:1.4rem}
.swpBanner{width:6.96rem;height:4.05rem;position:relative;overflow:hidden;margin:0 auto}
.swpBanner .swiper-pagination-bullet-active{background:#ffb725}
.swpBanner .swiper-slide{width:100%;height:100%;margin-right:0.2rem}
.swpBanner .swiper-slide img{width:100%;height:100%}
.alone{width:6.96rem;margin:0 auto;display:block}
.fixMenu{background:rgba(255,255,255,0.08);height:2.03rem}
.fixMenu .fxmInner{background:url(../images/fix_menu_bg.png?v=001) no-repeat;background-size:100% 100%;width:7.5rem;height:2.03rem;padding-top:0.76rem;background-position:center center;-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}
.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.3rem;height:1rem;margin:0 0.02rem;position:relative;-ms-flex-negative:0;flex-shrink:0}
.fixMenu .fxmInner .link:nth-child(2){z-index:3}
.fixMenu .fxmInner .link img{width:0.56rem;height:0.56rem;margin:0.07rem auto 0;display:block}
.fixMenu .fxmInner .link em{height:0.32rem;line-height:0.34rem;margin:0.05rem auto 0;text-align:center;display:block;font-size:0.22rem;color:#cc5410}
.fixMenu .fxmInner .link p{background:#b32522;height:0.34rem;line-height:0.36rem;overflow:hidden;padding:0 0.12rem;border-radius:0.25rem 0.25rem 0.25rem 0.02rem;font-size:0.22rem;color:#f3cfa1;white-space:nowrap;position:absolute;top:-0.24rem;left:50%;margin-left:0rem;overflow:hidden}
.fixMenu .fxmInner .reservabtn{width:1.74rem;margin:0 0.05rem;margin-top:-0.64rem}
.fixMenu .fxmInner .reservabtn .item{background:url(../images/fix_menu_yy.png?v=001) no-repeat;background-size:100% 100%;width:1.2rem;height:1.2rem;-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 i{background:url(../images/fix_btn.png?v=001) no-repeat;background-size:0.34rem auto;background-position:center center;width:0.7rem;height:0.58rem;margin:0.1rem 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.26rem;margin-top:0.02rem;color:#cc5410;display:block;text-align:center;font-weight:bold;overflow:hidden}
.fixMenu .fxmInner .reservabtn .text{height:0.28rem;line-height:0.3rem;margin:0.12rem auto 0;display:block;text-align:center;font-size:0.22rem;color:#cc5410;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)}}