@charset "utf-8";
html,body{ overflow: hidden; width: 100%; height: 100%;min-width: 1200px; max-width: 3840px; margin: 0 auto;}
body{ margin: 0; padding: 0; box-sizing: border-box; font-size: 14px; font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal;}
*{ outline: none;}
img{ border: 0;}
ol,ul{ list-style: none;}
a{ font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; text-decoration: none;outline: none; cursor: pointer;}
a:hover{ text-decoration: none;}

.general_20220704{ transition: transform 0.3s;}
.generalBox_20220704{ display: none; height: 0!important;}

.wrap{ position: relative; overflow: hidden; width: 25.6rem; height: 100%;}
.header-hover{ position: absolute; left: 0; top: 0; z-index: 50; width: 100%; height: 0.25rem;}
/* foot */
#btn-foot{ position: absolute; right: 2.41rem; bottom: 0.85rem; z-index: 50; width: 1.67rem; height: .53rem; background: url(https://mzqx.wanmei.com/images/cover260514/btn-copyright1.png) no-repeat right 0; background-size: auto 100%; cursor: pointer;}
#wmgameFooterInsert{ position: absolute; left: 0; bottom: 0; z-index: 51; width: 100%; height: 220px; background-color: #282a2c; transform: translate3d(0,220px,0); transition: transform 0.3s;}
#wmgameFooterInsert.on{ transform: translate3d(0,0,0);}
.logo{ position: absolute; left: 0.1rem; top: .3rem; z-index: 50; width: 3.9rem; height: 1.23rem; background: url(https://mzqx.wanmei.com/public/images/logo2.png) no-repeat; background-size: 100% auto;}
/* top-bar */
.top-bar-box{ position: absolute; right: 1.2rem; top: .3rem; z-index: 50; width: 5.6rem; height: .86rem;}
.homeBtns{display: block; width: 2.82rem; height: .86rem; position: absolute; right: 0; top: 0; background: url(https://mzqx.wanmei.com/images/cover260313/homeBtns.png) no-repeat 0 0; background-size: 100% auto;}
.homeBtns:hover{background-position: 0 bottom;}
.top-bar-r{position: absolute; right: 3.2rem; top: 0.32rem; width: 1.8rem; height: .31rem; border-right: .02rem solid #fff;}

.btn-music{ position: absolute; top: 0; right: .2rem; width: 0.46rem; height: 0.31rem; cursor: pointer;}
.btn-music span{ position: absolute; bottom: 0; width: 0.03rem; background:#f4fcf9;}
.btn-music .s1{ left: 0; height: 0.2rem;}
.btn-music .s2{ left: 0.05rem; height: 0.23rem;}
.btn-music .s3{ left: 0.1rem; height: 0.21rem;}
.btn-music .s4{ left: 0.15rem; height: 0.18rem;}
.btn-music .s5{ left: 0.2rem; height: 0.15rem;}
.btn-music .s6{ left: 0.25rem; height: 0.12rem;}
.btn-music .s7{ left: 0.3rem; height: 0.11rem;}
.btn-music .s8{ left: 0.35rem; height: 0.14rem;}
.btn-music.active .s1,.btn-music.active .s5{ animation: key-wave 0.66s linear infinite;}
.btn-music.active .s2,.btn-music.active .s6{ animation: key-wave 0.8s linear infinite;}
.btn-music.active .s3,.btn-music.active .s7{ animation: key-wave 0.7s linear infinite;}
.btn-music.active .s4,.btn-music.active .s8{ animation: key-wave 0.5s linear infinite;}
@keyframes key-wave{
    0%{ height: 0.11rem;}
    50%{ height: 0.23rem;}
    100%{ height: 0.11rem;}
}
/* login */
#user-box{ position: absolute; right: .86rem; top: 0; width: .31rem; height: .31rem;}
.icon-user{ display: block; width: .31rem; height: .31rem; background: url(https://mzqx.wanmei.com/images/index260227/icon-user.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer;}
#user-box:hover .icon-user{ background-position: 0 100%;}
.user-info{ display: none; position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: .3rem; width: 2.67rem; height: 1.33rem; padding-top: .22rem; box-sizing: border-box; background: url(https://mzqx.wanmei.com/images/index260227/user-info-bg.png) no-repeat; background-size: 100% auto;}
.user-info p{ overflow: hidden; width: 100%; height: .42rem; font-size: .18rem; line-height: .42rem; color: #b4e2e0; text-align: center;}
.user-info .btn-logout{ display: block; width: 1.49rem; height: .45rem; margin: 0 auto; background: url(https://mzqx.wanmei.com/images/index260227/btn-logout.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer;}

#user-box.on .icon-user{ cursor: default;}
#user-box.on:hover .user-info{ display: block;}
/* sns */
.top-sns-box{ display: flex; position: absolute; left: .64rem; top: 0; width: 3.34rem; height: .36rem; justify-content: center; align-items: center;}
.top-sns-box .sns-item{ position: relative; margin: 0 .15rem;}
.top-sns-box .sns-bili{ width: .34rem; height: .32rem;}
.top-sns-box .sns-weibo{ width: .37rem; height: .31rem;}
.top-sns-box .sns-douyin{ width: .28rem; height: .34rem;}
.top-sns-box .sns-weixin{ width: .37rem; height: .31rem;}
.top-sns-box .sns-douliu{ width: .3rem; height: .28rem;}
.top-sns-box .icon-sns{ display: block; width: 100%; height: 100%;}
.top-sns-box .sns-bili .icon-sns{ background: url(https://mzqx.wanmei.com/public/popLoginYy/images/260227/sns-bili.png) no-repeat 0 0; background-size: 100% auto;}
.top-sns-box .sns-weibo .icon-sns{ background: url(https://mzqx.wanmei.com/public/popLoginYy/images/260227/sns-weibo.png) no-repeat 0 0; background-size: 100% auto;}
.top-sns-box .sns-douyin .icon-sns{ background: url(https://mzqx.wanmei.com/public/popLoginYy/images/260227/sns-douyin.png) no-repeat 0 0; background-size: 100% auto;}
.top-sns-box .sns-weixin .icon-sns{ background: url(https://mzqx.wanmei.com/public/popLoginYy/images/260227/sns-weixin.png) no-repeat 0 0; background-size: 100% auto;}
.top-sns-box .sns-douliu .icon-sns{ background: url(https://mzqx.wanmei.com/public/popLoginYy/images/260227/sns-douliu.png) no-repeat 0 0; background-size: 100% auto;}
.top-sns-box .icon-sns:hover{ background-position: 0 100%;}
.top-sns-box .sns-link{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.top-sns-box .sns-ewm-hover{ display: none; position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: .4rem; width: 2.37rem; height: 2.63rem; padding-top: .35rem; box-sizing: border-box; background: url(https://mzqx.wanmei.com/public/popLoginYy/images/260227/sns-ewm-bg.png) no-repeat; background-size: 100% auto;}
.top-sns-box .sns-ewm-hover .ewm{ display: block; width: 1.52rem; height: 1.52rem; margin: 0 auto;}
.top-sns-box .tip-gzh{ display: block; height: .37rem; margin: .18rem auto 0;}
.top-sns-box .sns-item:hover .sns-ewm-hover{ display: block;}

.page-guild{ position: absolute; left: 50%; bottom: .3rem; z-index: 50; width: .53rem; height: .82rem; margin-left: -.26rem; background: url(https://mzqx.wanmei.com/images/index260305/page-guild.png) no-repeat; background-size: 100% auto; animation: key-guild 1s infinite alternate;}
@keyframes key-guild{
    0%{ transform: translate3d(0,0,0);}
    100%{ transform: translate3d(0,.2rem,0);}
}
/* page-swiper */
.page-swiper{ position: relative; width: 100%; height: 100%;}
.page-swiper .swiper-slide{ position: relative; overflow: hidden; width: 100%; height: 100%;}
/* section-home */
#section-home{ background: url(https://mzqx.wanmei.com/images/cover260514/section-home-bg.jpg) center center no-repeat; background-size: cover;}
#home-bg-v{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.slogan{ position: absolute; left: 1.09rem; bottom: 1.2rem; height: 2.39rem;}
.slogan-s{ position: absolute; left: .6rem; top: 2.5rem; width: 1rem;}

.home-btn-wrap{ display: flex; position: absolute; right: 1.62rem; bottom: 1.41rem; width: 9.26rem; height: 1.71rem; justify-content: right;}
.home-btn-wrap span{ display: block; width: 3.21rem; height: 1.62rem; margin-left: .1rem; cursor: pointer;}
.btn-recruit{ background: url(https://mzqx.wanmei.com/images/cover260514/btn-recruit.png) no-repeat 0 0; background-size: 100% auto;}
.btn-yy-home{ background: url(https://mzqx.wanmei.com/images/cover260514/btn-home-yy.png) no-repeat 0 0; background-size: 100% auto;}
.btn-yy-home.done{background: url(https://mzqx.wanmei.com/images/cover260401/btn-yy-done.png) no-repeat; background-size: 100% auto;}
.home-btn-wrap span:hover{ background-position: 0 100%;}
/* section-lcb */
#section-lcb{ background: url(https://mzqx.wanmei.com/images/cover260516/section-lcb-bg.jpg) center center no-repeat; background-size: cover;}
.lcb-slogan{ position: absolute; right: .86rem; top: 1.1rem; width: 10.08rem;}
.lcb-box{ position: absolute; left: 2.55rem; bottom: 1.4rem; width: 20.97rem; height: 4.75rem; background: url(https://mzqx.wanmei.com/images/cover260516/lcb-box-bg.png) no-repeat; background-size: 100% auto;}
.lcb-line{ position: absolute; left: 2.9rem; top: 1.74rem; width: 14.29rem; height: .36rem; background: url(https://mzqx.wanmei.com/images/cover260516/progress-line.png) no-repeat; background-size: 100% auto;}
#lcb-progress{ width: 0; height: 100%; background: url(https://mzqx.wanmei.com/images/cover260516/progress-line-on.png) no-repeat 0 0; background-size: auto 100%;}
.lcb-prize{ position: absolute; left: 2.39rem; top: .77rem; width: 17.56rem; height: 2.41rem;}
.lcb-prize li{ float: left; position: relative; width: 2.42rem; height: 2.41rem; margin-right: .9rem; background: url(https://mzqx.wanmei.com/images/cover260516/prize-yuan-bg.png) no-repeat; background-size: 100% auto;}
.lcb-prize li img{ position: absolute; left: 0; bottom: -.62rem; height: 3.27rem;}
.prize-on{ display: none}
.lcb-prize li.on .prize-none{ display: none;}
.lcb-prize li.on .prize-on{ display: block;}

.btn-yy-lcb{ position: absolute; left: 50%; transform: translate(-50%,0); bottom: .5rem; width: 3.2rem; height: .91rem; background: url(https://mzqx.wanmei.com/images/cover260516/btn-yy-lcb.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer;}
.btn-yy-lcb:hover{ background-position: 0 100%;}
.btn-yy-lcb.done{ background: url(https://mzqx.wanmei.com/images/cover260516/btn-yy-lcb-done.png) no-repeat; background-size: 100% auto;}
.lcb-tu{ position: absolute; right: .5rem; bottom: .2rem; width: 3.6rem;}