@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;}

/* loading */
.loading-box{ position: absolute; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background: url(https://mzqx.wanmei.com/images/index260227/loading-bg.jpg) no-repeat; background-size: cover;}
.pos-center{ position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0);}
.svg-sound{ width: 18rem; mask-image: linear-gradient(left, rgba(5, 5, 30, 1) 0%, rgba(5, 5, 30, 0.3) 10%, rgba(5, 5, 30, 0.3) 38%, rgba(5, 5, 30, 0.3) 62%, rgba(5, 5, 30, 0.3) 91%, rgba(5, 5, 30, 1) 100%); -webkit-mask-image: -webkit-linear-gradient(left, rgba(5, 5, 30, 1) 0%, rgba(5, 5, 30, 0.3) 10%, rgba(5, 5, 30, 0.3) 38%, rgba(5, 5, 30, 0.3) 62%, rgba(5, 5, 30, 0.3) 91%, rgba(5, 5, 30, 1) 100%);}
.svg-sound-svg {width: 200%;}
.svg-sound-svg path {fill: transparent; stroke-width: .3; will-change: transform;}
.path_1 {stroke: #fff; animation: anima-path1 8s linear infinite both;}
.path_2 { stroke: #fff; animation: anima-path2 6s linear infinite both;}
@keyframes anima-path1 {
	0% { transform: translateX(0%);}
	100% {transform: translateX(-50%);}
}
@keyframes anima-path2 {
	0% {transform: translateX(0%); }
	100% { transform: translateX(-50%);}
}
.loading-point{ width: 14.27rem; height: 1.3rem; background: url(https://mzqx.wanmei.com/images/index260227/loading-point.png) no-repeat; background-size: 100% auto;}
.loading-flower{ width: 5.82rem; height: 5.82rem; background: url(https://mzqx.wanmei.com/images/index260227/loading-flower.png) no-repeat; background-size: 100% auto;}
.loading-quan{ width: 4.32rem; height: 4.32rem;}
.loading-quan img{ position: absolute; left: 0; top: 0; width: 100%;}
.ani-rotate-z{ animation: key-rotate-z 50s linear infinite; transform-origin: center center;}
@keyframes key-rotate-z{
    0%{ transform: rotate(0deg);}
    100%{ transform: rotate(360deg);}
}
.ani-rotate-f{ animation: key-rotate-f 50s linear infinite; transform-origin: center center;}
@keyframes key-rotate-f{
    0%{ transform: rotate(0deg);}
    100%{ transform: rotate(-360deg);}
}
.loading-progress-bg{width: 1.8rem; height: 1.8rem; background: url(https://mzqx.wanmei.com/images/index260227/loading-progress-bg.png) no-repeat; background-size: 100% auto;}
.circle-container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.circle-container svg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.circle-progress{ fill: none; stroke: #ffffff; stroke-width: 5; stroke-linecap: round; transform: rotate(-90deg); transform-origin: 50% 50%; filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.7));}
.loading-progress-num{ width: 100%; height: .3rem; font-size: .24rem; font-weight: bold; line-height: .3rem; color: #fff; text-align: center;}

.loading-cloud{ position: absolute; left: 0; bottom: 0; width: 25.6rem; height: 10.22rem; background: url(https://mzqx.wanmei.com/images/index260227/cloud.png) no-repeat; background-size: 100% auto;}
/* enter-video */
.enter-video{ position: absolute; left: 0; top: 0; z-index: 992; width: 100%; height: 100%; background-color: #fff;}
.enter-video video{ width: 100%; height: 100%; object-fit: cover;}
.btn-skip{ position: absolute; right: 3.5rem; top: 2.4rem; z-index: 5; width: 1.2rem; height: .6rem; background: url(https://mzqx.wanmei.com/images/index260227/btn-skip.png) no-repeat; background-size: 100% auto; cursor: pointer;}

.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/index260227/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:#fdf4df;}
.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;}
/* section-home */
.section-box{ position: relative; overflow: hidden; width: 100%; height: 100%;}
#section-home{ background: url(https://mzqx.wanmei.com/images/index260227/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{ display: block; position: absolute; left: 0; bottom: 1.06rem; height: 6.66rem;}


.home-btn-wrap{width: 9.26rem; height: 2.12rem; background: url(../images/cover260401/btn_bg.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: 1.1rem; bottom: 1.6rem;}
.btn-yy-home{display: block; width: 3.21rem; height: 1.62rem; background: url(../images/cover260401/btn-home-yy.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; position: absolute; left: 5.43rem; top: .19rem;}
.btn-yy-home:hover{background-position: 0 bottom;}
.btn-yy-home.done{background: url(../images/cover260401/btn-yy-done.png) no-repeat; background-size: 100% auto;}

.btn-pc{width: 1.38rem; height: 1.6rem; position: absolute; left: 2.52rem; top: .19rem; background: url(../images/cover260401/btn-pc.png) no-repeat 0 0; background-size: 100% auto;}
.btn-and{width: 1.38rem; height: 1.6rem; position: absolute; left: 3.96rem; top: .19rem; background: url(../images/cover260401/btn-and.png) no-repeat 0 0; background-size: 100% auto;}
.btn-pc:hover,.btn-and:hover{background-position: 0 bottom;}

.qrCode{width: 1.79rem; height: 1.58rem; background: url(../images/cover260401/qrcode.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: .65rem; top: .19rem;}
.qrCode img{display: block; width: 1.27rem; height: 1.27rem; position: absolute; left: .36rem; top: .16rem; border-radius: .1rem;}

.iosTips{width: 2.63rem; height: .25rem; background: url(../images/cover260401/iosTips.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 2.56rem; bottom: .07rem;}


.btn-wenjuan{display: block; width: 4.73rem; height: 2.38rem; margin: .02rem; background: url(https://mzqx.wanmei.com/images/index260227/btn-home-yy.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer;}
.btn-wenjuan{background: url(https://mzqx.wanmei.com/images/index260305/btn-wenjuan.png) no-repeat; background-size: 100% auto;}
.btn-wenjuan.done{background: url(https://mzqx.wanmei.com/images/index260305/btn-wenjuan-done.png) no-repeat; background-size: 100% auto;}
.btn-wenjuan:hover{ background-position: 0 100%;}