body{ position: relative; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 0.16rem;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0; vertical-align: baseline;}
ul, ol { list-style: none;}
a { text-decoration: none; color: inherit; cursor: pointer; outline: none;}
a:hover{ text-decoration:none;}
img { border: 0; object-fit: cover;}
video{ object-fit: cover; }
table { border-collapse: collapse;}
area{ outline:none; }
input, textarea, select{ -webkit-appearance: none; outline: none; resize: none; border-radius: 0;}
input::-ms-clear{ display:none;}
input[type="text"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button { border: none; background: none; cursor: pointer; font-size: inherit; white-space: nowrap;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
button:disabled{ cursor: default;}
.rel{ position: relative;}
.abs{ position: absolute;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}

/* 滚动条 */
::-webkit-scrollbar{ width: .1rem; box-sizing: border-box; background: #bababa; border: .01rem solid #caa783; border-radius: .05rem;}
::-webkit-scrollbar-thumb{ background: linear-gradient(to right, #ffee9d, #ebc236); border-radius: .05rem; }

/* 主体 */
.wrapper{ height: 14.4rem; background: url(../images/bg.jpg) no-repeat center top / cover; display: none;}
.page{ display: none;}

/* 进入官网 */
.enter-btn{ top: 0.52rem; right: 1.02rem; width: 2.54rem; height: 0.7rem; background: url(../images/enter-btn.png) no-repeat center center / 100% auto;}

/* 页面导航 */
.page-nav{ top: 2.14rem; left: 0.32rem; width: 2.17rem; height: 5.93rem; box-sizing: border-box; padding: 1.7rem 0 0 0.2rem; background: url(../images/page-nav.png) no-repeat center center / 100% auto;}
.page-nav button{ display: block; width: 1.65rem; height: 0.65rem; display: flex; justify-content: center; align-items: center;}
.page-nav button.active{ background: url(../images/page-nav-active.png) no-repeat 0 0 / 100% auto;}
.page-nav button::after{ content: ""; width: 1.21rem; height: 0.3rem; background: url(../images/p-n.png) no-repeat 0 0 / 200% auto;}
.page-nav .p-n-1::after{ background-position-y: 0;}
.page-nav .p-n-2::after{ background-position-y: -0.7rem;}
.page-nav .p-n-3::after{ background-position-y: -1.39rem;}
.page-nav .p-n-4::after{ background-position-y: -2.09rem;}
.page-nav .p-n-5::after{ background-position-y: -2.79rem;}
.page-nav .active::after{ background-position-x: -1.2rem;}

/* 加入天团 */
.h5-code{ top: 4.24rem; right: 2.2rem; width: 3.12rem; height: 2.99rem; background: url(../images/h5-code.png) no-repeat 0 0 / 100% auto;}
.h5-code img{ top: 0.83rem; left: 0.81rem; width: 1.35rem; height: 1.35rem;}

/* slogan */
.slogan{ top: 1.51rem; left: 3.25rem;}

/* 天团送福 */
.p1-slogan{ width: 3.07rem;}
.page1Cont{ top: 2.18rem; left: 6.44rem;}
.video-box{ width: 12.7rem; height: 7.22rem; background: url(../images/video-box.png) no-repeat 0 0 / 100% auto; cursor: pointer;}
.subtit{ width: 5.48rem; height: .86rem; margin: 0 0 .2rem -.8rem; box-sizing: border-box; padding: .35rem 0 0 .8rem; background: url(../images/subtit.png) no-repeat 0 0 / 100% auto;}
.subtit strong{ font-size: .24rem; color: transparent; background: linear-gradient(to top, #FFF, #fffa7d); background-clip: text;}
.page1-text{ margin: .1rem auto 0 auto; width: 10.47rem; padding: 0 .8rem 0 .8rem; height: 2.7rem; line-height: .35rem; font-size: .22rem; color: #664740; overflow-x: hidden; overflow-y: auto;}
.page1-text p{ margin-bottom: .3rem;}

/* 伍年回响 */
.p2-slogan{ width: 2.79rem;}
.page2Cont{ top: 2.18rem; left: 6.44rem;}
.page2-video[poster="znmv"]{ width: 12.7rem; height: 7.22rem; background: url(../images/video-znmv.png) no-repeat 0 0 / 100% auto;}
.page2-video[poster="wjzf"]{ width: 12.7rem; height: 7.22rem; background: url(../images/video-wjzf.png) no-repeat 0 0 / 100% auto;}
.page2-video[poster="wdj"]{ width: 12.7rem; height: 7.22rem; background: url(../images/video-wdj.png) no-repeat 0 0 / 100% auto;}
.page2-nav{ top: 7.5rem; width: 16.81rem; height: 2.5rem; margin-left: -.6rem; background: url(../images/page2-nav.png) no-repeat 0 0 / 100% auto;}
.page2-nav button{ width: 1.73rem; height: 2.14rem;}
.page2-n1{ top: .1rem; left: 4.8rem; background: url(../images/page2-n1.png) no-repeat 0 0 / 200% auto;}
.page2-n2{ top: .5rem; left: 8.3rem; background: url(../images/page2-n2.png) no-repeat 0 0 / 200% auto;}
/* .page2-n3{ top: .1rem; left: 9.3rem; background: url(../images/page2-n3.png) no-repeat 0 0 / 200% auto;} */
.page2-n4{ top: .3rem; left: 11.5rem; background: url(../images/page2-n4.png) no-repeat 0 0 / 200% auto;}
.page2-nav button.active{ background-position-x: right;}

/* 跨屏欢聚 */
.p3-slogan{ width: 2.9rem;}
.page3Cont{ top: 2.18rem; left: 6.44rem;}
.live-date{ display: flex; margin-bottom: .15rem;}
.live-date button{ width: 2.47rem; height: .59rem; background: url(../images/live-date.png) no-repeat 0 0 / 10.03rem auto;}
.live-date .d1{ background-position-x: 0;}
.live-date .d2{ background-position-x: -2.52rem;}
.live-date .d3{ background-position-x: -5.04rem;}
.live-date .d4{ background-position-x: -7.56rem;}
.live-date button.active{ background-position-y: -.59rem;}
.live-menu{ top: 2.05rem; right: -4.95rem; width: 4.81rem; height: 4.76rem; background: url(../images/live-menu.png) no-repeat 0 0 / 100% auto;}

/* 万物为伍 */
.p4-slogan{ width: 3.28rem;}
.page4Cont{ top: 2.18rem; left: 7.37rem; width: 10.92rem;}
.page4Cont .content{ display: none;}
.page4-nav{ margin-bottom: .3rem; display: flex; justify-content: center; align-items: center;}
.page4-nav button{ width: 3.66rem; height: .72rem; margin: 0 .1rem;}
.page4-n1{ background: url(../images/page4-n1.png) no-repeat 0 0 / 100% auto;}
.page4-n2{ background: url(../images/page4-n2.png) no-repeat 0 0 / 100% auto;}
.page4-nav button.active{ background-position-y: bottom;}
.prev, .next{ top: 3.61rem; height: .88rem;}
.prev{ left: 50%; margin-left: -7.73rem; width: 2.23rem; background: url(../images/prev.png) no-repeat 0 0 / 100% auto;}
.next{ right: 50%; margin-right: -7.73rem; width: 2.24rem; background: url(../images/next.png) no-repeat 0 0 / 100% auto;}
.video-box2{ width: 10.92rem; height: 6.21rem; background: url(../images/video-box2.png) no-repeat 0 0 / 100% auto; cursor: pointer;}
.video-hld{ width: 10.92rem; height: 6.21rem; background: url(../images/video-hld.png) no-repeat 0 0 / 100% auto;}
.video-hmlt{ width: 10.92rem; height: 6.21rem; background: url(../images/video-hmlt.png) no-repeat 0 0 / 100% auto;}
.page2-text{ margin: .1rem auto 0 auto; width: 10.47rem; padding: 0 .8rem 0 .8rem; height: 2.7rem; line-height: .35rem; font-size: .22rem; color: #664740; overflow-x: hidden; overflow-y: auto;}
.page2-text p{ margin-bottom: .3rem;}
.page2-text img{ max-width: 100%;}

/* 梦诛天团 */
.p5-slogan{ width: 2.77rem;}
.page5Cont{ top: 1.6rem; left: 6.2rem; display: flex;}
.video-box3{ width: 3.16rem; height: 9.04rem; margin-right: .2rem;}
.video-box3-1{ background: url(../images/video-box3-1.png) no-repeat 0 0 / 100% auto;}
.video-box3-2{ margin-top: .74rem; background: url(../images/video-box3-2.png) no-repeat 0 0 / 100% auto;}
.video-box3-3{ background: url(../images/video-box3-3.png) no-repeat 0 0 / 100% auto;}
.video-box3-4{ margin-right: 0; margin-top: .74rem; background: url(../images/video-box3-4.png) no-repeat 0 0 / 100% auto;}

/* pop */
.pop-fixed{ display: none; position: fixed; left: 0; top: 0; z-index: 101; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);}

/* pop-video */
.pop-v-cont{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); width: 14rem; height: 7.86rem; background-color: #000;}
.close-video{ position: absolute; right: -.6rem; top: 0; z-index: 5; width: .5rem; height: .5rem; background: url(https://mhxzx.games.wanmei.com/images/cover20220810/close.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.pop-v-cont video{ max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}

/* pop-alert */
.pop-alert-cont{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 7.36rem; height: 4.65rem; background: url(../images/pop-alert-cont.png) no-repeat 0 0 / 100% auto;}
.pop-close{ top: .46rem; right: .64rem; width: .29rem; height: .29rem; background: url(../images/pop-close.png) no-repeat 0 0 / 100% auto;}
.pop-alert-msg{ top: 1.8rem; width: 2.3rem; height: 1.11rem; background: url(../images/pop-alert-msg.png) no-repeat 0 0 / 100% auto;}