body,html{min-height:100%;-webkit-touch-callout:none}
a,body,dd,div,dl,dt,em,html,i,img,input,li,p,span,textarea,ul{margin:0;padding:0;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
li,ol,ul{list-style:none}
a{color:#6c7a81;text-decoration:none}
img{width:100%;vertical-align:top;border:none;display:block}
a img{pointer-events:auto!important}
img,video{-o-object-fit:cover;object-fit:cover}
em,i{font-style:normal}
input,textarea{outline:0}
.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:.15rem!important}
.mt24{margin-top:.24rem!important}
.mt30{margin-top:.3rem!important}
.mt35{margin-top:.35rem!important}
.tac{text-align:center}
.fs18{font-size:.18rem!important}
body{background-color:#60aefd;line-height:.4rem;font-size:.26rem;margin:0 auto;word-wrap:break-word;word-break:break-all;color:#333}
body,input,textarea{font-family:"Helvetica Neue",Helvetica,Tahoma,sans-serif}
.wMbutton{background:url(../images/mou_button.png?v=003) no-repeat;background-size:100% 100%;width:2.82rem;height:.87rem;line-height:.88rem;color:#5b2e13;text-align:center;font-size:.4rem;font-weight:700;-webkit-text-stroke-width:0;text-shadow:0 .02rem .02rem #ffff70;display:block;margin:.3rem auto 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.wMtit,.wMtxt{line-height:.4rem;max-height:.8rem;padding:0 .5rem;color:#222528;text-align:center;font-size:.2rem;font-weight:700;-webkit-text-stroke-width:0;overflow:hidden}
.wMtit em,.wMtxt em{color:#ff7800}
.wMou{background-repeat:no-repeat;background-size:100% 100%;width:7.5rem;margin:-.005rem auto 0;overflow:hidden}
.wMou img{display:block;margin:0 auto}
.wMou1{background-image:url(../images/mou1_bg.jpg?v=003);height:7.79rem}
.wMou2{background-image:url(../images/mou2_bg.jpg?v=003);height:7.57rem}
.wMou3{background-image:url(../images/mou3_bg.jpg?v=003);height:5.12rem}
.wMou4{background-image:url(../images/mou4_bg.jpg?v=003);height:10.55rem}
.wMou5{background-image:url(../images/mou5_bg.jpg?v=003);height:6.17rem}
.gray{-webkit-filter:grayscale(1);filter:grayscale(1)}
.wMouIndex{height:14.07rem;position:relative;z-index:1;overflow:hidden}
.wMouIndex .imgs{width:7.5rem;height:14.07rem;position:absolute;top:0;left:0;right:0;z-index:-1}
.wMouIndex .rules{position:absolute;top:4.35rem;right:-.02rem;overflow:hidden}
.wMouIndex .rules a{background:url(../images/index_silde.png?v=003) no-repeat;background-size:100% 100%;width:.35rem;height:1rem;line-height:99.99rem;margin:.1rem auto 0;display:block;overflow:hidden}
.wMouIndex .nums{background:rgba(33,117,223,.7);height:.4rem;line-height:.4rem;padding:0 .15rem;color:#fff;font-size:.24rem;position:absolute;top:3.1rem;left:0;border-radius:0 9.99rem 9.99rem 0;overflow:hidden}
.wMouIndex .nums em{color:#f7ff7c;margin:0 .02rem}
.wMouIndex .h-tips{background:rgba(0,0,0,.5);color:#f5f5f5;padding:0 .2rem;height:.4rem;line-height:.42rem;border-radius:999rem;text-align:center;font-size:.24rem;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:6.6rem}
.wMouIndex .btns{height:.91rem;margin:10.25rem auto 0;display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-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:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;overflow:hidden}
.wMouIndex .btns a{background:url(../images/index_button.png?v=003) no-repeat;background-size:100% 100%;width:2.77rem;height:.91rem;line-height:.8rem;color:#5b2e13;text-align:center;font-size:.36rem;font-weight:700;-webkit-text-stroke-width:0;text-shadow:0 .02rem .02rem #ffff70;margin:0 .2rem;padding-left:.1rem;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.wMouIndex .gameInfo{background:url(../images/game_info_bg.png?v=003) no-repeat;background-size:100% 100%;width:6.94rem;height:1.88rem;margin:.4rem auto 0;padding:.25rem .4rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:space-between;-ms-flex-pack:space-between;-webkit-box-align:center;-ms-flex-align:center;-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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;overflow:hidden}
.wMouIndex .gameInfo .img{width:1.35rem;height:1.35rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:.3rem}
.wMouIndex .gameInfo .img img{width:1.35rem;height:1.35rem}
.wMouIndex .gameInfo dl{-moz-flex-flex-grow:1;-ms-flex-flex-grow:1;-webkit-flex-grow:1;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:0%}
.wMouIndex .gameInfo dl dt{display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:space-between;-ms-flex-pack:space-between;-webkit-box-align:center;-ms-flex-align:center;-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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap}
.wMouIndex .gameInfo dl dt img{width:1.6rem;height:.4rem;display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:0}
.wMouIndex .gameInfo dl dt .bind{background:url(../images/mou_button.png?v=003) no-repeat;background-size:100% 100%;width:1.82rem;height:.56rem;line-height:.56rem;color:#5b2e13;text-align:center;font-size:.28rem;font-weight:700;-webkit-text-stroke-width:0;text-shadow:0 .02rem .02rem #ffff70}
.wMouIndex .gameInfo dl .gameName{height:.4rem;line-height:.4rem;margin:.1rem auto 0;color:#01203f;font-size:.24rem}
.wMou1 .wMtit{margin-top:1.8rem}
.wMou1 .list{display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-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:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;margin:.3rem auto 0}
.wMou1 .list li{width:2.5rem;margin:0 .3rem}
.wMou1 .list img{width:2.33rem;height:2.49rem;margin:0 auto;display:block}
.wMou1 .list .wMbutton{width:2.2rem;height:.68rem;line-height:.68rem;font-size:.32rem}
.wMou2 .wMtit{margin-top:1.8rem}
.wMou2 .list{display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-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:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;margin:.3rem auto 0}
.wMou2 .list li{width:2.5rem;margin:0 .3rem}
.wMou2 .list img{width:2.33rem;height:2.49rem;margin:0 auto;display:block}
.wMou2 .list .wMbutton{width:2.2rem;height:.68rem;line-height:.68rem;font-size:.32rem}
.wMou3 .wMtit{margin-top:1.8rem}
.wMou3 .taskList{background:url(../images/task_bg.png?v=003) no-repeat;background-size:100% 100%;width:5.93rem;height:.94rem;margin:.45rem auto 0;padding:.1rem .3rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:space-between;-ms-flex-pack:space-between;-webkit-box-align:center;-ms-flex-align:center;-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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;overflow:hidden}
.wMou3 .taskList p{height:.4rem;line-height:.4rem;color:#222528;font-size:.24rem;font-weight:700;-webkit-text-stroke-width:0}
.wMou3 .taskList .button{background:url(../images/mou_button.png?v=003) no-repeat;background-size:100% 100%;width:1.82rem;height:.56rem;line-height:.56rem;color:#5b2e13;text-align:center;font-size:.28rem;font-weight:700;-webkit-text-stroke-width:0;text-shadow:0 .02rem .02rem #ffff70}
.wMou4 .wMtit{margin:1.75rem auto 0}
.wMou4 .wMbutton{margin:5.9rem auto 0}
.wMou4 .nums{height:.48rem;line-height:.48rem;margin:.3rem auto 0;padding:0 .8rem;display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:space-between;-ms-flex-pack:space-between;-webkit-box-align:center;-ms-flex-align:center;-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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap}
.wMou4 .nums p{color:#222528;font-size:.24rem;font-weight:700;-webkit-text-stroke-width:0}
.wMou4 .nums p em{color:#ff7800;margin:0 .04rem}
.wMou4 .nums a{text-decoration:underline;color:#222528;font-size:.24rem;font-weight:700;-webkit-text-stroke-width:0}
.wMou5 .swpBanner{width:6.3rem;height:3.8rem;margin:1.75rem auto 0;position:relative;overflow:hidden}
.wMou5 .swpBanner .swiper-slide{background:url(../images/swiper_bg.png?v=003) no-repeat;background-size:100% 100%;width:6.1rem;height:3.4rem;padding:.1rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .1rem}
.wMou5 .swpBanner img{width:5.9rem;height:3.2rem;border-radius:.1rem}
.wMou5 .swiper-pagination{height:.12rem;padding:.1rem 0}
.wMou5 .swiper-pagination .swiper-pagination-bullet{background:#ff7800;width:.12rem;height:.12rem;border-radius:999rem;opacity:1;vertical-align:top}
.wMou5 .swiper-pagination .swiper-pagination-bullet-active{width:.3rem;background:#01a9ff}
.wMouFooter{background:url(../images/mou_footer.jpg?v=003) no-repeat;background-size:7.5rem 3.04rem;background-position:left top}
.wMouFooter .kbFootCopyright{padding-bottom:.52rem}
.wMouFooter .kbFooter{margin:.4rem auto 0}
.fixSlide{width:.97rem;position:fixed;right:.1rem;bottom:2rem;-webkit-animation:fixShow .3s forwards;animation:fixShow .3s forwards;z-index:111}
.fixSlide a{width:.97rem;margin:.15rem auto 0;display:block}
.fixSlide a img{display:block}
.fixSlideOpen{width:.67rem;height:.36rem;position:fixed;right:-.02rem;bottom:3rem;-webkit-animation:fixShow .3s forwards;animation:fixShow .3s forwards;z-index:111}
.fixSlideOpen img{width:.67rem;height:.36rem}
.fixMenu{height:1.2rem}
.fixMenu .fxmInner{background:#fff;width:7.5rem;height:1.4rem;padding:.15rem 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;-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;border-radius:.25rem .25rem 0 0;z-index:20}
.fixMenu .fxmInner .link{width:1.16rem;height:1.1rem;margin:0 .12rem;margin-top:0;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.fixMenu .fxmInner .link img{width:.74rem;height:.74rem;margin:0 auto;display:block}
.fixMenu .fxmInner .link em{height:.32rem;line-height:.34rem;margin-top:.05rem;text-align:center;display:block;font-size:.22rem;color:#21b5c8}
.fixMenu .fxmInner .link p{background:#1eac5d;height:.32rem;line-height:.32rem;padding:0 .1rem;border-radius:.25rem .25rem .25rem .02rem;font-size:.18rem;color:#fff;white-space:nowrap;-webkit-box-shadow:0 0 0 .01rem #fff inset;box-shadow:0 0 0 .01rem #fff inset;position:absolute;top:-.18rem;left:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:-.01rem;overflow:hidden}
.fixMenu .fxmInner .reservabtn{width:1.4rem;margin:0 .1rem;margin-top:-.4rem}
.fixMenu .fxmInner .reservabtn .item{width:1.1rem;height:1.1rem;-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}
.fixMenu .fxmInner .reservabtn .item:before{background:#fff;width:1.1rem;height:1.1rem;top:0;left:0;z-index:-2}
.fixMenu .fxmInner .reservabtn .item:after{background:#21b5c8;width:.9rem;height:.9rem;position:absolute;top:.1rem;left:.1rem;z-index:-1;-webkit-box-shadow:0 .02rem 0 .02rem #21b5c8;box-shadow:0 .02rem 0 .02rem #21b5c8}
.fixMenu .fxmInner .reservabtn .item i{background:#fff;width:.41rem;height:.5rem;margin:.2rem auto 0;display:block;-webkit-mask-image:url(../images/fix_btn.png);mask-image:url(../images/fix_btn.png);-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:.28rem;line-height:.3rem;font-size:.18rem;margin-top:.02rem;color:#fff;display:block;text-align:center;overflow:hidden}
.fixMenu .fxmInner .reservabtn .text{height:.32rem;line-height:.34rem;margin:.09rem auto 0;display:block;text-align:center;font-size:.22rem;color:#21b5c8}
.fixMenu .fxmInner .done .item{-webkit-filter:grayscale(1);filter:grayscale(1)}
.fixMenu .fxmInner .done .item i{-webkit-animation:none;animation:none;background:#cbcbcb}
.fixMenu .fxmInner .done .item em{color:#cbcbcb}
@-moz-keyframes fixShow{
0%{transform:translateX(100%)}
100%{transform:translateX(0)}
}
@-webkit-keyframes fixShow{
0%{-webkit-transform:translateX(100%);transform:translateX(100%)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-o-keyframes fixShow{
0%{transform:translateX(100%)}
100%{transform:translateX(0)}
}
@keyframes fixShow{
0%{-webkit-transform:translateX(100%);transform:translateX(100%)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-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)}
}