/*-lqq 25/11/6-*/
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:#fff;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}}
/* body {color: #ffffff;} */

.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10 {background-repeat:no-repeat;-o-background-size:7.5rem auto;background-size:7.5rem auto;margin:0 auto;width:7.5rem}
.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10 {margin-top: -.01rem;}
.b1 {background-image: url(../images/1.jpg);height: 1.67rem;}
.b2 {position: relative;background-image: url(../images/2.jpg);height: 4.96rem;}
.b3 {background-image: url(../images/3.jpg);height: 4.69rem;box-sizing: border-box;padding-top: 2.3rem;}
.b4 {background-image: url(../images/4.jpg);height: 7.47rem;box-sizing: border-box;padding-top: 1.63rem;}
.b5 {background-image: url(../images/5.jpg);height: 15.65rem;box-sizing: border-box;padding-top: 2.13rem;position: relative;}
.b6 {background-image: url(../images/6.jpg);height: 9.07rem;box-sizing: border-box;padding-top: 1.53rem;}
.b7 {background-image: url(../images/7_new.jpg);height: 9.86rem;box-sizing: border-box;padding-top: 2.06rem;}
.b8 {background-image: url(../images/8.jpg);height: 23.4rem;box-sizing: border-box;padding-top: 1.83rem;}
.b9 {background-image: url(../images/9.jpg);height: 6.76rem;box-sizing: border-box;padding-top: 2rem;}
.b10 {background-image: url(../images/10.jpg);height: auto;max-height: 18.12rem;padding-bottom: 2.62rem;box-sizing: border-box;}

.getBtn {padding-bottom: .03rem;font-style: italic;box-sizing: border-box;display: flex;align-items: center;justify-content: center;font-weight: bold;color: #ffffff;font-size: 0.38rem;background: url("../images/btn-default.png") center no-repeat;background-size: 100% 100%;width: 2.78rem;height: .69rem;}
.getBtn.gray {cursor: default;background: url("../images/btn-grey.png") center no-repeat;background-size: 100% 100%;}

.b2 .nums {position: absolute;top: 0;right: .13rem;color: #ffffff;box-sizing: border-box;padding: 0 .29rem 0 0;text-align: right;background: url(../images/join-bg.png) center no-repeat;background-size: 100% 100%;width: 2.58rem;height: .39rem;line-height: .39rem;}
.b2 .nums em {font-style: normal;color: #f9ff4b;}
.b2 .rules {position: absolute;top: .98rem;right: .07rem;}
.b2 .rules a {margin-bottom: .2rem;font-size: 0.2rem;display: flex;align-items: center;justify-content: center;box-sizing: border-box;background: url("../images/btn-rule.png") center no-repeat;background-size: 100% 100%;width: 1.1rem;height: .36rem;line-height: .32rem;padding: 0 .02rem .02rem 0;}

.b3 .platform {margin: 0 auto;background: url("../images/platform-bg.png") center no-repeat;background-size: 100% 100%;color: #0b4a18;width: 3.73rem;height: .38rem;display: flex;align-items: center;justify-content: center;line-height: 1;}
.b3 .gameName {text-align: center;text-decoration: underline;color: #fff;line-height: 1;margin: .35rem auto 0;}
.b3 .btns {margin-top: .18rem;display: flex;justify-content: center;align-items: center;}
.b3 .btns a {margin: 0 .28rem;}

.b4 .hint {color: #ffffff;text-align: center;line-height: 0.33rem;font-size: 0.22rem;}
.b4 .hint .time {color: #afff87;font-size: 0.22rem;margin-top: .05rem;}
.b4 .btns {padding: 0 .64rem 0 .56rem;margin-top: 3.13rem;display: flex;justify-content: space-between;align-items: center;}

.b5 .time {line-height: 1;color: #afff87;font-size: 0.22rem;text-align: center;}
.b5 .llk_choujiang_scroll {margin-top: .3rem;background:url(../images/congrat-bg.png) no-repeat;background-size:100% 100%;width:5.02rem;height:.35rem;margin: .3rem auto 0;padding:0 .3rem;display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:left;-ms-flex-pack:left;-webkit-box-align:start;-ms-flex-align:start;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;display:-webkit-flex;display:flex;-webkit-justify-content:left;justify-content:left;-webkit-align-items:start;align-items:start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.b5 .llk_choujiang_scroll ul{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;width:0%;}
.b5 .llk_choujiang_scroll ul li{text-align: center;height: 0.35rem;line-height:.36rem;font-size:.22rem;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.b5 .llk_choujiang_scroll ul li span {color: #f9ff4b;}
.b5 .drawBtn {width: 2.21rem;height: 2.17rem;position: absolute;left: 2.6rem;top: 5.65rem;}
.b5 .has-num {width: 100%;color: #fff;font-size: 0.22rem;text-align: center;position: absolute;left: 0;top: 10.38rem;text-align: center;font-size: 0.22rem;}
.b5 .has-num em {color: #f9ff4b;}
.b5 .taskList {margin: 8.62rem auto 0;width: 7.08rem;}
.b5 .taskList li {box-sizing: border-box;margin-bottom: .26rem;box-sizing: border-box;background: url("../images/task-bg.png") center no-repeat;background-size: 100% 100%;width: 7.08rem;height: .87rem;padding: .05rem .48rem 0 .56rem;display: flex;justify-content: space-between;align-items: center;}
.b5 .taskList li .left {color: #fff;flex: 1;display: flex;flex-direction: column;justify-content: center;}
.b5 .taskList li p {line-height: 0.24rem;font-size: .24rem}
.b5 .taskList li.small p {line-height: 0.26rem;font-size: .22rem;}
.b5 .taskList li.small .left em {margin-top: 0;}
.b5 .taskList li p span {color: #afff87;}
.b5 .taskList li .left em {margin-top: .1rem;font-size: 0.22rem;line-height: 0.22rem;color: #ffcc70;}
.b5 .taskList li .btn {justify-content: center;display: flex;align-items: center;box-sizing: border-box;padding-right: .1rem;font-style: italic;width: 1.61rem;height: .5rem;line-height: .5rem;text-align: center;font-size: .26rem;color: #175f35;background: url("../images/btn-to-complete.png") center no-repeat;background-size: 100% 100%;font-weight: bold;}
.b5 .taskList li .btn.gray {color: #3a3a3a;background: url("../images/btn-to-complete-gray.png") center no-repeat;background-size: 100% 100%;}

.b6 .hint {text-align: center;color: #fff;font-size: 0.22rem;line-height: 0.33rem;}
.b6 .hint em {color: #afff87;}
.b6 .getBtn {margin: 5.2rem auto 0;}

.b7 .hint {text-align: center;color: #fff;font-size: 0.22rem;line-height: 0.33rem;}
.b7 .btns {width: 7.02rem;margin: .3rem auto 0;height: 2.81rem;}
.b7 .btns a.gray {background: url("../images/btn-small-grey.png") center no-repeat;background-size: 100% 100%;height: .37rem;width: 1.48rem;}
.b7 .btns a {padding-right: .05rem;box-sizing: border-box;font-style: italic;margin: 2.44rem .09rem 0 .11rem;display: inline-block;font-weight: bold;display: inline-flex;align-items: center;justify-content: center;background: url("../images/btn-small-get.png") center no-repeat;background-size: 100% 100%;height: .37rem;width: 1.48rem;color: #fff;font-size: 0.25rem;font-weight: body;}
.b7 .btns2 {box-sizing: border-box;margin: .25rem auto 0;width: 100%;display: flex;justify-content: center;}
.b7 .btns2 a {margin: 2.44rem .25rem 0;}

.b8 .show {margin: 0 auto .22rem;box-sizing: border-box;padding: .11rem 0 0;display: flex;justify-content: center;background: url("../images/show-bg.png") center no-repeat;background-size: 100% 100%;width: 6.86rem;height: 3.9rem;}
.b8 .show img {width: 6.48rem;height: 3.66rem;object-fit: cover;display: block;}

.b9 .vidPlayLoop{width: 6.49rem;height: 3.65rem;margin:0 auto 0;overflow:hidden}
.b9 .vidPlayLoop .video-loop-info{width: 6.49rem;height: 3.65rem;position:relative;overflow:hidden}
.b9 .vidPlayLoop .video-loop-info video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.b9 .vidPlayLoop .video-loop-info:first-child:before{background:rgba(0,0,0,.7);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;content:''}
.b9 .vidPlayLoop .video-loop-info i{background:url(../images/video_icon.png) no-repeat;background-size:100% 100%;width: .49rem;height: .61rem;position:absolute;top:50%;margin-top:-.3rem;left:50%;margin-left:-.25rem;z-index:3}
.b9 .vidPlayLoop .video-loop-info img{width: 6.49rem;height: 3.65rem;}

.kbFooter {margin-top: 0 !important;}
.kbFooter.type2 .kbFootAbout .m-inner {background: #104525 !important;}

.backtopshow {width: .56rem;height: 1.27rem;position:fixed;right: 0;bottom: 4.05rem;z-index:111;}
.side a img{display:block;width: 100%}

/* .fixMenu{height:1.36rem} */
.fixMenu .fxmInner{background:url(../images/fix_menu_bg.png) no-repeat;background-size:7.5rem 2.74rem;width:7.5rem;height: 2.74rem;padding-top:1.23rem;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;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:start;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:.55rem;left:50%;margin-left:-.7rem;position:absolute;top:-.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{position: absolute;;width:1.1rem;height:1.32rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.fixMenu .fxmInner .link:nth-child(2){z-index:3;top: 1.2rem;left: .43rem;}
.fixMenu .fxmInner .link:nth-child(2) img {width: .61rem;height: .5rem;margin: .3rem auto .24rem;}
.fixMenu .fxmInner .link:nth-child(3){top: 1.2rem;left: 1.66rem;}
.fixMenu .fxmInner .link:nth-child(3) img {width: .52rem;height: .51rem;margin: .27rem auto .26rem;}
.fixMenu .fxmInner .link:nth-child(5){top: 1.2rem;right: 1.86rem;}
.fixMenu .fxmInner .link:nth-child(5) img {width: .55rem;height: .55rem;margin: .23rem auto .26rem;}
.fixMenu .fxmInner .link:nth-child(6){top: 1.2rem;right: .63rem;}
.fixMenu .fxmInner .link:nth-child(6) img {width: .51rem;height: .44rem;margin: .29rem auto .31rem;}
.fixMenu .fxmInner .link img{width:.56rem;height:.56rem;margin:.07rem auto 0;display:block}
.fixMenu .fxmInner .link em{height:.32rem;line-height:.34rem;margin:.08rem auto 0;text-align:center;display:block;font-size:.2rem;color: #0b4a18;}
.fixMenu .fxmInner .link p{background:#175f35;height:.28rem;line-height:.3rem;padding:0 .12rem;border-radius:.15rem .15rem .15rem 0rem;border:.02rem solid #fff223;font-size:.2rem;color:#fff;white-space:nowrap;position:absolute;top:-.17rem;left:10%;overflow:hidden}
.fixMenu .fxmInner .reservabtn{width:1.74rem;margin:0 .05rem;margin-top:-.85rem;margin-left: -.14rem}
.fixMenu .fxmInner .reservabtn .item{background:url(../images/fix_menu_yy.png?v=001) no-repeat;background-size:100% 100%;width:1.67rem;height:1.73rem;padding-right:.03rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;position:relative;z-index:1;overflow:hidden}
.fixMenu .fxmInner .reservabtn .item i{background:url(../images/fix_btn.png?v=001) no-repeat;background-size:.58rem .67rem;background-position:center center;width:.58rem;height:.67rem;margin:.4rem 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:.28rem;line-height:.28rem;font-size:.22rem;margin-top:.05rem;color:#0b4a18;display:block;text-align:center;overflow:hidden}
/* .fixMenu .fxmInner .reservabtn .item .yuyue_tip {display: none;} */
.fixMenu .fxmInner .reservabtn .text{height:.28rem;line-height:.3rem;margin:.14rem auto 0;display:block;text-align:center;font-size:.2rem;color:#0b4a18;position:relative;z-index:3}
.fixMenu .fxmInner .done .item{-webkit-filter:grayscale(1);filter:grayscale(1)}
.fixMenu .fxmInner .done .item .yuyue_tip {display: block;font-size: .2rem}
.fixMenu .fxmInner .done .item i{-webkit-animation:none;animation:none;color:#ccc;-webkit-filter:grayscale(1);filter:grayscale(1);margin-top: .4rem}
.fixMenu .fxmInner .done .item em{-webkit-filter:grayscale(1);filter:grayscale(1)}
@-moz-keyframes shake{
0%,100%{transform:rotate(0) scale(.9)}
10%{transform:rotate(2deg) scale(1)}
15%,25%,35%{transform:rotate(-4deg)}
20%,30%,40%{transform:rotate(4deg)}
45%{transform:rotate(4deg)}
50%{transform:rotate(2deg)}
55%,90%{transform:rotate(0)}
}
@-webkit-keyframes shake{
0%,100%{-webkit-transform:rotate(0) scale(.9);transform:rotate(0) scale(.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)}
}
@-o-keyframes shake{
0%,100%{transform:rotate(0) scale(.9)}
10%{transform:rotate(2deg) scale(1)}
15%,25%,35%{transform:rotate(-4deg)}
20%,30%,40%{transform:rotate(4deg)}
45%{transform:rotate(4deg)}
50%{transform:rotate(2deg)}
55%,90%{transform:rotate(0)}
}
@keyframes shake{
0%,100%{-webkit-transform:rotate(0) scale(.9);transform:rotate(0) scale(.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)}
}