@charset "utf-8";
html,body{ overflow: hidden; width: 100%; height: 100%; min-width: 1200px; max-width: 4000px; 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;}

/* enter-video */
.enter-video{ position: absolute; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; background-color: #fff;}
.enter-video video{ width: 100%; height: 100%; object-fit: cover;}
/* ani */
.ani-enter-top{ animation: key-enter-top 0.3s linear; }
@keyframes key-enter-top{
	0%{ transform: translate3d(0,-.5rem,0); opacity: 0;}
	100%{ transform: translate3d(0,0,0); opacity: 1;}
}
.ani-enter-bottom{ animation: key-enter-bottom 0.3s linear; }
@keyframes key-enter-bottom{
	0%{ transform: translate3d(0,.5rem,0); opacity: 0;}
	100%{ transform: translate3d(0,0,0); opacity: 1;}
}
.ani-enter-left{ animation: key-enter-left 0.3s linear; }
@keyframes key-enter-left{
	0%{ transform: translate3d(-.5rem,0,0); opacity: 0;}
	100%{ transform: translate3d(0,0,0); opacity: 1;}
}
.ani-enter-right{ animation: key-enter-right 0.3s linear; }
@keyframes key-enter-right{
	0%{ transform: translate3d(.5rem,0,0); opacity: 0;}
	100%{ transform: translate3d(0,0,0); opacity: 1;}
}


.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;}
.logo{ display: none; position: absolute; left: 0.35rem; top: .08rem; z-index: 50; width: 6.13rem; height: 1.29rem; background: url(https://mhxzx.wanmei.com/images/cover260130/logo.png) no-repeat; background-size: 100% auto;}
/* page-nav */
.page-nav-box{ display: none; position: absolute; left: 0; top: 0; z-index: 40; width: 100%; height: 2.01rem; /*background: url(https://mhxzx.wanmei.com/images/main260106/page-nav-bg.png) repeat-x center top;*/ background-size: auto 100%;}
.page-nav{ display: flex; position: absolute; right: .19rem; top: .41rem; width: 16.9rem; height: .24rem; justify-content: right;}
.page-nav li{ position: relative; width: 2.1rem; height: .24rem; border-left: .01rem solid rgba(255, 255, 255, .8); cursor: pointer;}
.page-nav li:first-child{ border: 0;}
.page-nav li span,.page-nav li a{ display: block; width: 1.19rem; height: .29rem; margin: -.02rem auto 0;}
.page-nav li div{ display: none; position: absolute; left: .33rem; top: -.08rem; width: 1.5rem; height: .43rem; background: url(https://mhxzx.wanmei.com/images/main260106/page-nav-on.png) no-repeat; background-size: 100% auto;}
.page-nav li#nav-home span{ background: url(https://mhxzx.wanmei.com/images/main260106/nav-home.png) no-repeat; background-size: 100% auto;}
.page-nav li#nav-news span{ background: url(https://mhxzx.wanmei.com/images/main260106/nav-news.png) no-repeat; background-size: 100% auto;}
.page-nav li#nav-star span{ background: url(https://mhxzx.wanmei.com/images/main260106/nav-star.png) no-repeat; background-size: 100% auto;}
.page-nav li#nav-race span{ background: url(https://mhxzx.wanmei.com/images/main260106/nav-race.png) no-repeat; background-size: 100% auto;}
.page-nav li#nav-gl a{ background: url(https://mhxzx.wanmei.com/images/main260106/nav-gl.png) no-repeat; background-size: 100% auto;}
.page-nav li#nav-zq span{ background: url(https://mhxzx.wanmei.com/images/main260106/nav-zq.png) no-repeat; background-size: 100% auto;}
.page-nav li#nav-role span{ background: url(https://mhxzx.wanmei.com/images/main260106/nav-role.png) no-repeat; background-size: 100% auto;}
.page-nav li#nav-feature span{ background: url(https://mhxzx.wanmei.com/images/main260106/nav-feature.png) no-repeat; background-size: 100% auto;}
.page-nav li.on span{ background-position: 0 100%!important;}
.page-nav li.on div{ display: block;}

/* login */
.login-box{ display: none; position: absolute; right: .6rem; top: 0.74rem; z-index: 50; width: 6rem; height: .48rem; font-size: .18rem; line-height: .48rem; color: #fff; text-align: right;}
.btn-login,.btn-logout{ cursor: pointer;}
.logout{ display: none;}
/* guanzhu */
.guanzhu-bar{ display: none; position: fixed; right: 0; top: 3.65rem; z-index: 50; width: .51rem; height: 2.28rem;}
.btn-guanzhu{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url(https://mhxzx.wanmei.com/images/cover251230/btn-guanzhu.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.guanzhu-cont{ position: absolute; right: -1.82rem; top: 0; width: 1.81rem; height: 2.74rem; background: url(https://mhxzx.wanmei.com/images/cover251230/guanzhu-bg.png) no-repeat; background-size: 100% auto;}
.guanzhu-list{ width: 1.5rem; margin-left: .2rem; padding-top: .19rem;}
.guanzhu-list li{ position: relative; width: 100%; height: .32rem; margin-top: .11rem; cursor: pointer;}
.guanzhu-item{ position: relative; width: 100%; height: 100%; padding-left: .42rem; box-sizing: border-box;}
.guanzhu-item,.guanzhu-item a{ font-size: .21rem; line-height: .32rem; color: #fff;}
.guanzhu-item span{ position: absolute; left: 0; top: 0; width: .32rem; height: .32rem;}
.gz-bbs .icon-gz{ background: url(https://mhxzx.wanmei.com/images/cover251230/icon-bbs.png) no-repeat; background-size: 100% auto;}
.gz-gzh .icon-gz{ background: url(https://mhxzx.wanmei.com/images/cover251230/icon-gzh.png) no-repeat; background-size: 100% auto;}
.gz-tap .icon-gz{ background: url(https://mhxzx.wanmei.com/images/cover251230/icon-tap.png) no-repeat; background-size: 100% auto;}
.gz-dl .icon-gz{ background: url(https://mhxzx.wanmei.com/images/cover251230/icon-dl.png) no-repeat; background-size: 100% auto;}
.gz-wb .icon-gz{ background: url(https://mhxzx.wanmei.com/images/cover251230/icon-wb.png) no-repeat; background-size: 100% auto;}
.close-guzhu{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: -.27rem; z-index: 3; width: .54rem; height: .54rem; background: url(https://mhxzx.wanmei.com/images/cover251230/icon-close.png) no-repeat; background-size: 100% auto; cursor: pointer;}

.guanzhu-pop{ display: none; position: absolute; left: -5.1rem; top: -.69rem; width: 4.77rem; height: 2.7rem; background: url(https://mhxzx.wanmei.com/images/cover251230/guanzhu-pop-bg.png) no-repeat; background-size: 100% auto;}
.guanzhu-list li:hover .guanzhu-pop{ display: block;}
.guanzhu-pop-cont{ left: 0; top: 0; width: 100%; height: 100%;}
.guanzhu-pop-ewm{ position: absolute; left: .27rem; top: .48rem; width: 1.7rem; height: 1.71rem; padding: .14rem; box-sizing: border-box; background: url(https://mhxzx.wanmei.com/images/cover251230/guanzhu-pop-ewm.png) no-repeat; background-size: 100% auto;}
.guanzhu-pop-ewm img{ display: block; width: 1.42rem; height: 1.42rem;}
.guanzhu-pop-text{ display: flex; position: absolute; left: 2.1rem; top: .48rem; width: 2.5rem; height: 1.71rem; color: #b4b4e2; align-items: center; justify-content: center; text-align: center;}
.guanzhu-pop-text h4{ margin-bottom: .18rem; font-size: .24rem; line-height: .26rem;}
.guanzhu-pop-text p{ font-size: .16rem; line-height: .22rem;}
.gz-text{ display: block; height: .59rem;}

.age-tip{ position: absolute; right: .31rem; bottom: 2.06rem; z-index: 50; width: .96rem;}
/* foot */
#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);}
/* float-yy-body */
.float-yy-body{ display: none; position: fixed; left: 0; top: 50%; transform: translate3d(0,-50%,0); z-index: 51; width: 1.92rem; height: 3.79rem; background: url(https://mhxzx.wanmei.com/images/main260106/float-yy-body.png) no-repeat; background-size: 100% auto;}
.float-yy-body .new-sv-name,.float-yy-body .new-sv-time{ position: absolute; left: 0; overflow: hidden; width: 1.5rem; height: .28rem; font-size: .18rem; line-height: .28rem; text-align: center;}
.float-yy-body .new-sv-name{ bottom: 1rem; font-weight: bold; color: #fff;}
.float-yy-body .new-sv-time{ bottom: .44rem; color: #e0e2ff;}
.float-yy-body .btn-yy-link{ position: absolute; left: 0; bottom: -.1rem; width: 1.47rem; height: .38rem; background: url(https://mhxzx.wanmei.com/images/main260106/btn-yy-float.png) no-repeat; background-size: 100% auto;}
.float-yy-body .btn-yy-link:hover{ background-position: 0 100%;}

.icon-guild{ position: absolute; left: 50%; bottom: .3rem; z-index: 50; width: .59rem; height: .57rem; margin-left: -.3rem; background: url(https://mhxzx.wanmei.com/images/cover251230/icon-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 */
.page-swiper{ position: relative; overflow: hidden; width: 25.6rem; height: 100%;}
.page-swiper .swiper-slide{ position: relative; overflow: hidden; width: 100%; height: 100%;}
/* section-home */
#section-home{ background: url(https://mhxzx.wanmei.com/images/cover260130/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;}
.time-info{ display: none; position: absolute; right: .37rem; top: 1.22rem; z-index: 5; width: 3.81rem;}
.slogan-info{ display: none; position: absolute; right: 1.5rem; top: 1.6rem; z-index: 5; width: 5.81rem;}
.btn-play{ display: none; position: absolute; left: 50%; bottom: 3.4rem; z-index: 5; width: 1.41rem; height: 1.23rem; margin-left: -.55rem; background: url(https://mhxzx.wanmei.com/images/cover260130/btn-play.png) no-repeat; background-size: 100% auto; cursor: pointer;}

.download-box{ display: none; display: flex; position: absolute; left: 0; bottom: 1rem; z-index: 5; width: 100%; height: 2.33rem; justify-content: center;}
.dl-ewm{ position: relative; width: 2.7rem; height: 2.34rem; margin: 0 .05rem; background: url(https://mhxzx.wanmei.com/images/cover260130/download-ewm-bg.png) no-repeat; background-size: 100% auto;}
.dl-ewm img{ position: absolute; left: .55rem; top: .19rem; width: 1.98rem;}
.dl-btn-box{ width: 3.03rem; margin: 0 .05rem;}
.dl-btn-box a{ display: block; width: 3.03rem; height: .71rem; margin-bottom: .1rem;}
.btn-dl-pc{ background: url(https://mhxzx.wanmei.com/images/cover260130/btn-dl-pc.png) no-repeat; background-size: 100% auto;}
.btn-dl-ios{ background: url(https://mhxzx.wanmei.com/images/cover260130/btn-dl-ios.png) no-repeat; background-size: 100% auto;}
.btn-dl-android{ background: url(https://mhxzx.wanmei.com/images/cover260130/btn-dl-android.png) no-repeat; background-size: 100% auto;}
.btn-full{ display: block; width: 1.65rem; height: 2.35rem; margin: -.01rem .05rem 0; background: url(https://mhxzx.wanmei.com/images/cover260130/btn-full.png) no-repeat; background-size: 100% auto;}
.download-box .new-server-box{ width: 2.35rem; height: 2.35rem; padding-top: .59rem; box-sizing: border-box; margin: -.01rem .05rem 0; background: url(https://mhxzx.wanmei.com/images/cover260130/new-server-head.png) no-repeat; background-size: 100% auto;}
.download-box .new-sv-name{ overflow: hidden; width: 100%; height: .63rem; font-size: .36rem; font-weight: bold; line-height: .63rem; color: #ca4c20; text-align: center;}
.download-box .new-sv-time{ overflow: hidden; width: 100%; height: .26rem; font-size: .22rem; line-height: .26rem; color: #fff; text-align: center;}
.download-box .btn-yy-do{ display: block; width: 1.91rem; height: .5rem; margin: .19rem auto 0; background: url(https://mhxzx.wanmei.com/images/cover260130/btn-yy-head.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.download-box a:hover,.download-box .btn-yy-do:hover{ background-position: 0 100%;}

#btn_foot{ position: absolute; right: 0.78rem; bottom: 0.53rem; z-index: 5; width: 4.46rem; height: .32rem; background: url(https://mhxzx.wanmei.com/images/cover260130/copyright-text.png) no-repeat right 0; background-size: auto 100%; cursor: pointer;}
#btn_foot span{ position: absolute; left: 0; top: .02rem; width: .24rem; height: .24rem; background: url(https://mhxzx.wanmei.com/images/cover260130/copyright-sj.png) no-repeat 0 0; background-size: 100% auto;}
#btn_foot.on span{ background-position: 0 100%;}
/* float-yy-head */
.float-yy-head{ display: none; position: absolute; left: 1.79rem; bottom: 1.93rem;z-index: 6; width: 3.3rem; height: 2.8rem; background: url(https://mhxzx.wanmei.com/images/cover260130/float-yy-head.png) no-repeat; background-size: 100% auto;}
.float-yy-head .btn-yy-link{ display: block; position: relative; width: 100%; height: 100%;}
.float-yy-head .btn-yy-link span{ position: absolute; left: -.76rem; bottom: .12rem; width: 4.05rem; height: .86rem; background: url(https://mhxzx.wanmei.com/images/cover260130/btn-cj-head.png) no-repeat; background-size: 100% auto;}
.float-yy-head .btn-yy-link:hover span{ background-position: 0 100%;}
/* section-news */
#section-news{ background: url(https://mhxzx.wanmei.com/images/cover251230/section-welfare-bg.jpg) center center no-repeat; background-size: cover;}
.center-wrap{ position: absolute; left: 0; top: 50%; transform: translate3d(0,-50%,0); width: 100%;}
#section-news .center-wrap{ top: 45%; height: 9.5rem;}
.title-news{ display: block; height: 3.94rem; margin-left: 3.6rem;}
.news-wrap{ position: relative; z-index: 2; width: 18.8rem; height: 5.82rem; margin: -.32rem auto 0;}
.ifous-box{ position: absolute; left: 0; top: .68rem; width: 8rem; height: 5.14rem;}
.ifocus-swiper,.ifocus-swiper .swiper-slide,.ifocus-swiper .swiper-slide img{ position: relative; width: 8rem; height: 4.5rem;}
.ifocus-line,.ifocus-link{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ifocus-line{ background: url(https://mhxzx.wanmei.com/images/main260106/ifocus-line.png) no-repeat; background-size: 100% auto;}
.ifocus-page{ display: flex; width: 100%; height: .32rem; margin-top: .3rem; justify-content: center;}
.ifocus-page span{ display: block; width: .34rem; height: .32rem; background: url(https://mhxzx.wanmei.com/images/main260106/ifocus-page.png) no-repeat; background-size: 100% auto; opacity: 1; border-radius: 0;}
.ifocus-page span.swiper-pagination-bullet-active{ background: url(https://mhxzx.wanmei.com/images/main260106/ifocus-page-on.png) no-repeat; background-size: 100% auto;}

.news-r-box{ position: absolute; left: 8.18rem; top: 0; width: 9.89rem; height: 5.17rem;}
.news-nav-box{ width: 10.85rem; height: .58rem; padding: .05rem .05rem 0; box-sizing: border-box; background: url(https://mhxzx.wanmei.com/images/main260106/news-tab-bg.png) no-repeat; background-size: 100% auto;}
.news-tab{ width: 100%; height: .56rem;}
.news-tab li{ float: left; width: 1.26rem; height: .56rem; font-size: .3rem; line-height: .5rem; color: #e7d7b6; text-align: center; cursor: pointer;}
.news-tab li.on{ color: #fff; background: url(https://mhxzx.wanmei.com/images/main260106/news-tab-on.png) no-repeat; background-size: 100% auto;}
.news-cont{ display: none; position: relative; width: 9.89rem; height: 4.51rem; margin-top: .12rem;}
.news-more{ position: absolute; right: .44rem; top: -0.63rem; width: .51rem; height: .5rem; background: url(https://mhxzx.wanmei.com/images/main260106/icon-more.png) no-repeat; background-size: 100% auto;}
.news-list{ overflow: hidden; width: 9.89rem; height: 4.5rem;}
.news-list li{ position: relative; width: 100%; height: 1.05rem; padding: 0 .38rem 0 .21rem; box-sizing: border-box; margin-bottom: .1rem; background: url(https://mhxzx.wanmei.com/images/main260106/news-line.png) no-repeat 0 0; background-size: 100% auto;}
.news-list li:hover{ background-position: 0 100%;}
.news-tag{ float: left; width: 1.22rem; height: .46rem; margin-top: .3rem; font-size: .24rem; line-height: .46rem; color: #fff; text-align: center; border-radius: .23rem;}
.news-tag-gamenews{ background-color: #1a889e;}
.news-tag-gamebroad{ background-color: #4b4aff;}
.news-tag-gamestrategy{ background-color: #8a7252;}
.news-tag-gameevent{ background-color: #9e411a;}
.news-text{ float: left; overflow: hidden; width: 5.76rem; height: 1.05rem; margin-left: .19rem; text-overflow: ellipsis; white-space: nowrap;}
.news-text a{ font-size: .3rem; line-height: 1.05rem; color: #fff;}
.news-time{ float: right; width: 1.7rem; font-size: .24rem; line-height: 1.05rem;  color: #9ba0f6; text-align: right;}
/* section-star */
#section-star{ background: url(https://mhxzx.wanmei.com/images/main260106/section-star-bg.jpg) center center no-repeat; background-size: cover;}
#star-bg-v{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
#section-star .center-wrap{ z-index: 5; height: 14.4rem;}
#blank-click{ position: relative; width: 100%; height: 100%;}
.title-star{ position: absolute; left: 1.3rem; top: 46%; height: 8.06rem; margin-top: -4.03rem;}

.star-big-wrap{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: 1.9rem; width: 4.79rem; height: 3.7rem;}
.btn-star-big{ display: block; width: 2.14rem; height: 2.13rem; margin: 0 auto; background: url(https://mhxzx.wanmei.com/images/main260106/star-big.png) no-repeat; background-size: 100% auto; cursor: pointer; animation: key-big-star 1s infinite alternate;}
@keyframes key-big-star{
    0%{ transform: scale(1); opacity: 1;}
    100%{ transform: scale(1.2); opacity: .8;}
}
.star-click-tip{ display: block; width: .25rem; height: .25rem; margin: .6rem auto 0; background: url(https://mhxzx.wanmei.com/images/main260106/click-tip.png) no-repeat; background-size: 100% auto; animation: key-click 1s infinite alternate;}
@keyframes key-click{
    0%{ transform: translate3d(0,0,0);}
    100%{ transform: translate3d(0,-.1rem,0);}
}
.star-text{ position: relative; overflow: hidden; width: 100%; height: .4rem; margin-top: 20px;}
.star-text img{ position: absolute; left: 50%; top: 0; transform: translate3d(-50%,0,0); height: .4rem;}

#constellation-beidou{ position: absolute; left: 8.35rem; top: 2.42rem; width: 8.23rem; height: 6.39rem; background: url(https://mhxzx.wanmei.com/images/main260106/constellation-beidou.png) no-repeat; background-size: 100% auto;}
.clt-item{ position: absolute; width: .66rem; height: .66rem; cursor: pointer;}
#beidou1{ left: .65rem; top: .69rem; width: 1rem; height: 1rem;}
#beidou2{ left: 2.59rem; top: 1.4rem;}
#beidou3{ left: 3.36rem; top: 2.42rem;}
#beidou4{ left: 4.38rem; top: 3.32rem;}
#beidou5{ left: 4.32rem; top: 4.56rem;}
#beidou6{ left: 6.51rem; top: 5.32rem;}
#beidou7{ left: 7.29rem; top: 3.94rem;}
#constellation-xianhou{ display: none; position: absolute; left: 8.59rem; top: 2.54rem; width: 8.25rem; height: 6.48rem; background: url(https://mhxzx.wanmei.com/images/main260106/constellation-xianhou.png) no-repeat; background-size: 100% auto;}
#xianhou1{ left: .68rem; top: .71rem; width: 1rem; height: 1rem;}
#xianhou2{ left: 2.28rem; top: 2.75rem;}
#xianhou3{ left: 4.17rem; top: 2.75rem;}
#xianhou4{ left: 5.34rem; top: 4.75rem;}
#xianhou5{ left: 7.29rem; top: 3.07rem;}

.danmu{ position: absolute; transform: translate(-50%, -50%); z-index: 5; font-size: .20rem; color: #fff; white-space: nowrap; pointer-events: none; text-shadow: 1px 1px 0 #4f5cd7,-1px 1px 0 #4f5cd7,1px -1px 0 #4f5cd7,-1px -1px 0 #4f5cd7;}
/* section-race */
#section-race{ background: url(https://mhxzx.wanmei.com/images/cover251230/section-welfare-bg.jpg) center center no-repeat; background-size: cover;}
.race-float{ position: absolute; left: 2.5rem; top: 52%; z-index: 3; width: 1.98rem; height: 2.96rem; margin-top: -1.48rem; background: url(https://mhxzx.wanmei.com/images/main260106/race-float-bg.png) no-repeat; background-size: 100% auto;}
.race-float-cont{ position: absolute; left: .12rem; top: 1.36rem; width: 1.5rem; height: 1.5rem; padding-top: .26rem; box-sizing: border-box;}
.race-float-cont p{ height: .62rem; padding-left: .2rem; font-size: .16rem; line-height: .24rem; color: #d7c286;}
#race-seclet{ display: block; width: 1.23rem; height: .34rem; margin: 0 auto; padding-left: .1rem; box-sizing: border-box; font-size: .16rem; background: url(https://mhxzx.wanmei.com/images/main260106/race-select-bg.png) no-repeat; background-size: 100% auto; appearance: none;}

#section-race .center-wrap{ top: 45%; height: 11.2rem;}
.title-race{ display: block; height: 3.94rem; margin-left: 3.6rem;}
.race-wrap{ position: relative; z-index: 2; width: 15.72rem; height: 10.12rem; margin: -1.4rem 0 0 4.93rem; background: url(https://mhxzx.wanmei.com/images/main260106/race-bg.png) no-repeat; background-size: 100% auto;}
.btn-race-other{ position: absolute; top: 0; overflow: hidden; width: 2.6rem; height: 1.25rem; text-indent: -10rem;}
.btn-race-other1{ left: 5rem;}
.btn-race-other2{ left: 8.03rem;}
.btn-race-other3{ left: 11.14rem;}

.team-info-box{ position: absolute; left: 2.51rem; top: 2.43rem; width: 10.62rem; height: 6.07rem;}
.team-info-box img.race-img{ display: none; position: absolute; left: 0; top: -.03rem; width: 10.62rem;}
.team-col1{ display: none; position: absolute; left: 0; top: 0; width: 2.45rem; height: 6.07rem;}
.team-col2{ display: none; position: absolute; left: 2.73rem; top: .32rem; width: 2.45rem; height: 5.54rem;}
.team-col3{ display: none; position: absolute; left: 5.43rem; top: 1.11rem; width: 2.45rem; height: 3.94rem;}
.team-col4{ display: none; position: absolute; left: 8.16rem; top: 2.67rem; width: 2.45rem; height: 3.2rem;}
.team-grop{ display: none; position: relative; width: 2.45rem; height: .65rem; background: url(https://mhxzx.wanmei.com/images/main260106/team-name-line.png) no-repeat 0 0; background-size: 100% auto;}
.team-grop::before{ position: absolute; left: 50%; top: -.05rem; transform: translate3d(-50%,0,0); z-index: 2; width: .43rem; height: .42rem; background: url(https://mhxzx.wanmei.com/images/main260106/icon-duizhan.png) no-repeat; background-size: 100% auto; content: '';}
.team-item{ width: 1.22rem; height: 100%;}
.team-grop .team-item:nth-child(1){ float: left;}
.team-grop .team-item:nth-child(2){ float: right;}
.team-item span{ display: block; width: 100%; font-size: .16rem; color: #d9cf9a; text-align: center;}
.team-name{ height: .31rem; line-height: .31rem;}
.team-server{ height: .34rem; line-height: .34rem;}
.team-grop .team-item:nth-child(1).on .team-name{ background: url(https://mhxzx.wanmei.com/images/main260106/team-v-l.png) no-repeat; background-size: 100% auto;}
.team-grop .team-item:nth-child(2).on .team-name{ background: url(https://mhxzx.wanmei.com/images/main260106/team-v-r.png) no-repeat; background-size: 100% auto;}
.mt26{ margin-top: .26rem;}
.mt38{ margin-top: .38rem;}
.mt91{ margin-top: .91rem;}
.mt104{ margin-top: 1.04rem;}
.mt259{ margin-top: 2.59rem;}
.mt181{ margin-top: 1.81rem;}

.btn-race-more{ position: absolute; left: 50%; top: 8.4rem; transform: translate3d(-50%,0,0); width: 2.44rem; height: .3rem; font-size: .22rem; line-height: 22px; color: #f8e9c6; text-align: center; border-bottom: .02rem solid #f8eac6;}
/* section-zq */
#section-zq{ background: url(https://mhxzx.wanmei.com/images/cover251230/section-welfare-bg.jpg) center center no-repeat; background-size: cover;}
#section-zq .center-wrap{ height: 13.1rem;}
.title-zq{ display: block; height: 3.94rem; margin-left: 3.6rem;}
.zq-wrap{ position: relative; z-index: 2; width: 100%; height: 7.2rem; margin-top: -.78rem;}
.zq-tab-box{ display: flex; width: 100%; height: 1rem; justify-content: center;}
.zq-tab-box div{ position: relative; width: 3.85rem; height: 1rem; margin: 0 .39rem; cursor: pointer;}
.zq-tab-box div img{ display: none; position: absolute; left: -.17rem; top: .03rem; width: 4.21rem;}
.zq-tab-box div.on img{ display: block;}
#zq-tab-nwes{ background: url(https://mhxzx.wanmei.com/images/main260106/zq-tab-nwes.png) no-repeat; background-size: 100% auto;}
#zq-tab-gl{ background: url(https://mhxzx.wanmei.com/images/main260106/zq-tab-gl.png) no-repeat; background-size: 100% auto;}
#zq-tab-media{ background: url(https://mhxzx.wanmei.com/images/main260106/zq-tab-media.png) no-repeat; background-size: 100% auto;}
#zq-tab-gc{ background: url(https://mhxzx.wanmei.com/images/main260106/zq-tab-gc.png) no-repeat; background-size: 100% auto;}
.zq-cont{ display: none;}
/* zq-news */
#zq-news{ display: block; position: relative; width: 21.88rem; height: 5.7rem; margin: 1rem auto 0;}
#btn-prev-zq-news,#btn-next-zq-news{ top: 1.68rem;}
#btn-prev-zq-news{ left: 0;}
#btn-next-zq-news{ right: 0;}
.zq-news-cont{ width: 17.82rem; height: 5.6rem; margin: 0 auto;}
.zq-news-text{ float: left; width: 8.18rem; height: 5.22rem; background: url(https://mhxzx.wanmei.com/images/main260106/zq-news-text-bg.png) no-repeat center bottom; background-size: 100% auto;}
.zq-news-text h3{ width: 7.22rem; height: .58rem; margin-left: .14rem; font-size: .48rem; font-weight: bold; line-height: .52rem; color: #ebcc89; text-align: center; background: url(https://mhxzx.wanmei.com/images/main260106/zq-news-t-bg.png) no-repeat center center; background-size: 100% auto;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.cus-scroll::-webkit-scrollbar{ width: .06rem; background: transparent;}
.cus-scroll::-webkit-scrollbar-thumb{ width: .06rem; background-color: #545461; border-radius: .03rem;}
.zq-news-scroll{ width: 7.63rem; height: 4.18rem; margin: .25rem 0 0 .31rem;}
.zq-news-scroll p{ width: 6.94rem; padding-bottom: .5rem; font-size: .24rem; line-height: .46rem; color: #fff;}
.zq-news-img-wrap{ float: right; width: 9.27rem; height: 5.7rem;}
.zq-news-img{ position: relative; width: 9.25rem; height: 5.2rem; background-color: #000; border: .01rem solid #4b453d;}
.zq-news-swiper{ width: 100%; height: 100%;}
.zq-news-swiper .swiper-slide,.zq-news-swiper .swiper-slide img{ width: 100%; height: 100%;}
.zq-news-page{ display: flex; width: 100%; height: .32rem; margin-top: .15rem; justify-content: center;}
.zq-news-page span{ display: block; width: .34rem; height: .32rem; background: url(https://mhxzx.wanmei.com/images/main260106/ifocus-page.png) no-repeat; background-size: 100% auto; opacity: 1; border-radius: 0;}
.zq-news-page span.swiper-pagination-bullet-active{background: url(https://mhxzx.wanmei.com/images/main260106/ifocus-page-on.png) no-repeat; background-size: 100% auto;}
#section-zq .point{ position: absolute; z-index: 5; width: .03rem; height: .03rem; font-size: 0; line-height: 0; background-color: #d5c298;}
#section-zq .point-lt{ left: 0; top: 0;}
#section-zq .point-lb{ left: 0; bottom: 0;}
#section-zq .point-rt{ right: 0; top: 0;}
#section-zq .point-rb{ right: 0; bottom: 0;}
/* zq-gl */
#zq-gl{ width: 18.52rem; height: 5.4rem; margin: .9rem 0 0 3.99rem;}
.zq-gl-link{ float: left; width: 7.2rem;}
.zq-gl-link a{ display: block; width: 7.2rem; height: 1.62rem; margin-bottom: .22rem;}
.zq-gl-link a:hover{ background-position: 0 100%;}
.gl-rm{ background: url(https://mhxzx.wanmei.com/images/main260106/gl-link-rm.png) no-repeat 0 0; background-size: 100% auto;}
.gl-mx{ background: url(https://mhxzx.wanmei.com/images/main260106/gl-link-mx.png) no-repeat 0 0; background-size: 100% auto;}
.gl-ds{ background: url(https://mhxzx.wanmei.com/images/main260106/gl-link-ds.png) no-repeat 0 0; background-size: 100% auto;}
.zq-gl-v-box{ float: right; position: relative; width: 10.75rem; height: 5.21rem; margin-top: .07rem;}
.btn-prev2,.btn-next2{ position: absolute; width: .6rem; height: .59rem; cursor: pointer;}
.btn-prev2{ background: url(https://mhxzx.wanmei.com/images/main260106/btn-prev2.png) no-repeat; background-size: 100% auto;}
.btn-next2{ background: url(https://mhxzx.wanmei.com/images/main260106/btn-next2.png) no-repeat; background-size: 100% auto;}
.btn-prev2:hover,.btn-next2:hover{ background-position: 0 100%;}
#btn-prev-gl,#btn-next-gl{ top: 2.46rem;}
#btn-prev-gl{ left: 0;}
#btn-next-gl{ right: 0;}
.zq-gl-v-cont{ position: relative; width: 9.25rem; height: 5.2rem; margin: 0 auto; background-color: #000; border: .01rem solid #4b453d;}
.zq-gl-swiper{ width: 100%; height: 100%;}
.zq-gl-swiper .swiper-slide,.zq-gl-swiper .swiper-slide img{ width: 100%; height: 100%;}
.zq-gl-swiper .swiper-slide span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(https://mhxzx.wanmei.com/images/main260106/btn-play2.png) no-repeat center center; background-size: .87rem .86rem; cursor: pointer;}
/* zq-media */
#zq-media{ margin-top: .32rem;}
.media-tab{ display: flex; width: 6.26rem; height: .46rem; margin: 0 auto; border-bottom: .01rem solid #a0a2bf;}
.media-tab span{ display: block; width: 50%; height: .44rem; font-size: .3rem; line-height: .32rem; color: #a0a2bf; text-align: center; cursor: pointer;}
.media-tab span.on{ color: #f1da7c; border-bottom: .04rem solid #f1da7c;}
.media-cont{ display: none; position: relative;}
#media-video{ display: block; width: 15.2rem; height: 5.9rem; margin: .5rem auto 0;}
#btn-prev-video,#btn-next-video{ top: 1.68rem;}
#btn-prev-video{ left: 0;}
#btn-next-video{ right: 0;}
.media-video-container{ position: relative; width: 9.56rem; height: 5.38rem; margin: 0 auto; background-color: #000; border: .01rem solid #58524f;}
.media-video-list{ position: relative; width: 100%; height: 100%;}
.media-video-list li{ display: none; position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%; cursor: pointer;}
.media-video-list li:nth-child(1){ display: block;}
.media-video-list li img{ display: block; width: 100%;}
.media-video-list li span{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(https://mhxzx.wanmei.com/images/main260106/media-play.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.media-video-list li:hover span{ display: block;}
.tag-video{ position: absolute; left: -.35rem; top: 0; width: .33rem; height: 1.9rem; background: url(https://mhxzx.wanmei.com/images/main260106/tag-video.png) no-repeat; background-size: 100% auto;}
.btn-link-video{ position: absolute; right: 0; bottom: -.5rem; width: 1.68rem; height: .32rem; font-size: .24rem; line-height: .24rem; color: #d1dcff; text-align: center; border-bottom: .01rem solid #d1dcff;}

#media-wallpaper{ width: 18.44rem; height: 5.94rem; margin: .5rem auto 0;}
#btn-prev-wallpaper,#btn-next-wallpaper{ top: 1.68rem;}
#btn-prev-wallpaper{ left: 0;}
#btn-next-wallpaper{ right: 0;}
.media-wallpaper-list{ overflow: hidden; width: 14.4rem; height: 5.4rem; margin: 0 auto;}
.media-wallpaper-list li{ float: left; position: relative; width: 4.5rem; height: 2.53rem; margin: 0 .12rem .3rem; border: .01rem solid #58524f; cursor: pointer;}
.media-wallpaper-list li img{ display: block; width: 100%; height: 100%;}
.media-wallpaper-list li a{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(https://mhxzx.wanmei.com/images/main260106/media-fd.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.media-wallpaper-list li:hover a{ display: block;}
.btn-link-wallpaper{ position: absolute; left: 50%; bottom: 0; transform: translate3d(-50%,0,0); width: 1.68rem; height: .32rem; font-size: .24rem; line-height: .24rem; color: #d1dcff; text-align: center; border-bottom: .01rem solid #d1dcff;}
/* zq-gc */
#zq-gc{ position: relative; width: 15.3rem; height: 7.84rem; margin: .1rem auto 0; background: url(https://mhxzx.wanmei.com/images/main260106/zq-gc-bg.png) no-repeat; background-size: 100% auto;}
.gc-item{ position: absolute; top: 1.57rem; width: 3.17rem; height: 4.67rem; background: url(https://mhxzx.wanmei.com/images/main260106/gc-ewm-bg.png) no-repeat; background-size: 100% auto;}
.gc-item1{ left: 2.87rem;}
.gc-item2{ left: 6.33rem;}
.gc-ewm{ position: absolute; left: .49rem; top: .51rem; width: 2.2rem; height: 2.2rem;}
.gc-item-name{ position: absolute; left: 0; top: 3.13rem; width: 100%; height: .45rem; font-size: .29rem; font-weight: bold; line-height: .45rem; color: #d7bc7b; text-align: center;}
/* section-role */
#section-role{ z-index: -1; background: url(https://mhxzx.wanmei.com/images/cover251230/section-role-bg.jpg) center center no-repeat; background-size: cover;}
/* nav */
.nav-container{ position: absolute; left: -5.8rem; top: 50%; z-index: 6; width: 8.5rem; height: 8.5rem; margin-top: -4.25rem;}
.circle-out{ position: absolute; left: -.25rem; top: -.25rem; width: 9.01rem; height: 9.01rem; background: url(https://mhxzx.wanmei.com/images/cover251230/quan-out.png) no-repeat; background-size: 100% auto;}
.nav-container .circle,.nav-items-container{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.nav-container .circle{ background: url(https://mhxzx.wanmei.com/images/cover251230/quan.png) no-repeat; background-size: 100% auto;}
.nav-item{ position: absolute; z-index: 10; width: 1.37rem; height: 1.37rem; border-radius: 50%; cursor: pointer; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: translate(-50%, -50%); opacity: 1; }
.nav-item.active{z-index: 20; width: 1.78rem; height: 1.78rem; transform: translate(-50%, -50%);}
.role-nav-tiandaofu{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-tiandaofu.png) no-repeat; background-size: 100% auto;}
.role-nav-tiandaofu.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-tiandaofu-on.png) no-repeat; background-size: 100% auto;}
.role-nav-wanlinggong{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-wanlinggong.png) no-repeat; background-size: 100% auto;}
.role-nav-wanlinggong.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-wanlinggong-on.png) no-repeat; background-size: 100% auto;}
.role-nav-qingyun{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-qingyun.png) no-repeat; background-size: 100% auto;}
.role-nav-qingyun.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-qingyun-on.png) no-repeat; background-size: 100% auto;}
.role-nav-longzu{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-longzu.png) no-repeat; background-size: 100% auto;}
.role-nav-longzu.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-longzu-on.png) no-repeat; background-size: 100% auto;}
.role-nav-guidao{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-guidao.png) no-repeat; background-size: 100% auto;}
.role-nav-guidao.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-guidao-on.png) no-repeat; background-size: 100% auto;}
.role-nav-fenxiang{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-fenxiang.png) no-repeat; background-size: 100% auto;}
.role-nav-fenxiang.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-fenxiang-on.png) no-repeat; background-size: 100% auto;}
.role-nav-guiwang{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-guiwang.png) no-repeat; background-size: 100% auto;}
.role-nav-guiwang.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-guiwang-on.png) no-repeat; background-size: 100% auto;}
.role-nav-tianyin{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-tianyin.png) no-repeat; background-size: 100% auto;}
.role-nav-tianyin.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-tianyin-on.png) no-repeat; background-size: 100% auto;}
.role-nav-hehuan{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-hehuan.png) no-repeat; background-size: 100% auto;}
.role-nav-hehuan.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-hehuan-on.png) no-repeat; background-size: 100% auto;}
.role-nav-nanjiang{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-nanjiang.png) no-repeat; background-size: 100% auto;}
.role-nav-nanjiang.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-nanjiang-on.png) no-repeat; background-size: 100% auto;}
.role-nav-changsheng{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-changsheng.png) no-repeat; background-size: 100% auto;}
.role-nav-changsheng.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-changsheng-on.png) no-repeat; background-size: 100% auto;}
.role-nav-wandu{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-wandu.png) no-repeat; background-size: 100% auto;}
.role-nav-wandu.active{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nav-wandu-on.png) no-repeat; background-size: 100% auto;}

.role-bg{ position: absolute; right: 3.42rem; top: 0; width: 11.47rem; height: 100%; background: url(https://mhxzx.wanmei.com/images/cover251230/role-bg.png) no-repeat 0 bottom; background-size: 100% auto ;}
.role-swiper,.role-swiper .swiper-slide{ position: relative; width: 100%; height: 100%;}
.role-swiper .swiper-slide img{ position: absolute;}
.role-jy,.role-img{ bottom: 0;}
.role-info{ left: 3.88rem; top: 1.51rem; width: 1.68rem;}
.role-title{ right: 3.42rem; top: 1.3rem; height: 3.81rem;}
.role-radar{ right: 4.07rem; top: 5.25rem; height: 3.86rem;}
.skill-list{ position: absolute; right: 3.66rem; bottom: 1.6rem; width: 8rem; height: 1.22rem;}
.skill-list li{ float: left; position: relative; width: .93rem; height: 1.23rem; margin: 0 .1rem; cursor: pointer;}
.skill1{ background-position: -.04rem 0!important;}
.skill2{ background-position: -1.23rem 0!important;}
.skill3{ background-position: -2.4rem 0!important;}
.skill4{ background-position: -3.56rem 0!important;}
.skill5{ background-position: -4.74rem 0!important;}
.skill6{ background-position: -5.9rem 0!important;}
.skill7{ background-position: -7.08rem 0!important;}
.skill-list li .cur{ display: none; position: absolute; left: -.02rem; top: -.06rem; width: .97rem; height: .98rem; background: url(https://mhxzx.wanmei.com/images/cover251230/skill-on.png) no-repeat; background-size: 100% auto;}
.skill-list li .text{ display: none; position: absolute; left: 50%; top: 1.2rem; transform: translate3d(-50%,0,0); width: 3.84rem; height: 1.47rem; color: #fff; text-align: center; background: url(https://mhxzx.wanmei.com/images/cover251230/skill-dec-bg.png) no-repeat; background-size: 100% auto;}
.skill-list li .text .tit{ height: .37rem; margin-top: .16rem; font-size: .24rem; font-weight: bold; line-height: .37rem;}
.skill-list li .text .txt{ width: 3.6rem; margin: .12rem auto 0; font-size: .18rem;line-height: .24rem;}
.skill-list li:hover .cur{ display: block;}
.skill-list li:hover .text{ display: block;}

.role-swiper .swiper-slide-active .role-img,.role-swiper .swiper-slide-active .role-info{ animation: fadeInL .5s;}
.role-swiper .swiper-slide-active .role-title,.role-swiper .swiper-slide-active .role-radar{ animation: fadeInT .5s;}
.role-swiper .swiper-slide-active .skill-list{ animation: fadeInD .5s;}
@keyframes fadeInL{
    0%{ opacity: 0.6; transform: translateX(-1.6rem)}
    100%{ opacity: 1; transform: translateX(0)}
}
@keyframes fadeInR{
    0%{ opacity: 0.6; transform: translateX(1.6rem)}
    100%{ opacity: 1; transform: translateX(0)}
}
@keyframes fadeInT{
    0%{ opacity: 0; transform: translateY(-1rem)}
    100%{ opacity: 1; transform: translateY(0)}
}
@keyframes fadeInD{
    0%{ opacity: 0; transform: translateY(1rem)}
    100%{ opacity: 1; transform: translateY(0)}
}

.tiandaofu-jy1{ left: 7.6rem; width: 14.86rem;}
.tiandaofu-jy2{ left: .4rem; width: 18.54rem;}
.tiandaofu-role1{ left: 0; width: 14.91rem;}
.tiandaofu-role2{ left: 1.1rem; width: 16.99rem;}
.tiandaofu-info1,.tiandaofu-info2{ width: 1.95rem;}
.tiandaofu-jy2,.tiandaofu-role2,.tiandaofu-info2,.tiandaofu-title2,#tiandaofu-skill2{ display: none;}
#tiandaofu-skill1 li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/tiandaofu-skill1.png) no-repeat; background-size: auto 100%;}
#tiandaofu-skill2 li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/tiandaofu-skill2.png) no-repeat; background-size: auto 100%;}

.wanlinggong-jy{ left: 8.32rem; width: 13.05rem;}
.wanlinggong-role{ left: 3.87rem; width: 15.61rem;}
#wanlinggong-skill li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/wanlinggong-skill.png) no-repeat; background-size: auto 100%;}

.qingyun-jy1{ left: 11.09rem; width: 13.16rem;}
.qingyun-jy2{ left: 5.3rem; width: 12.63rem;}
.qingyun-role1{ left: 0; width: 14.9rem;}
.qingyun-role2{ left: 3.56rem; width: 19.34rem;}
.qingyun-info1,.qingyun-info2{ width: 1.95rem;}
.qingyun-jy2,.qingyun-role2,.qingyun-info2,.qingyun-title2,#qingyun-skill2{ display: none;}
#qingyun-skill1 li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/qingyun-skill1.png) no-repeat; background-size: auto 100%;}
#qingyun-skill2 li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/qingyun-skill2.png) no-repeat; background-size: auto 100%;}

.longzu-jy{ left: 3.48rem; width: 16.84rem;}
.longzu-role{ left: 2.86rem; width: 19.73rem;}
#longzu-skill li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/longzu-skill.png) no-repeat; background-size: auto 100%;}

.guidao-jy{ left: 10.7rem; width: 14.96rem;}
.guidao-role{ left: 4.84rem; width: 19.58rem;}
#guidao-skill li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/guidao-skill.png) no-repeat; background-size: auto 100%;}

.fenxiang-jy{ left: 9.5rem; width: 10.83rem;}
.fenxiang-role{ left: 4.98rem; width: 11.75rem;}
#fenxiang-skill li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/fenxiang-skill.png) no-repeat; background-size: auto 100%;}

.guiwang-jy{ left: 5.68rem; width: 16.94rem;}
.guiwang-role{ left: .2rem; width: 21.69rem;}
#guiwang-skill li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/guiwang-skill.png) no-repeat; background-size: auto 100%;}

.tianyin-jy{ left: 5.95rem; width: 18.54rem;}
.tianyin-role{ left: 0; width: 20.56rem;}
#tianyin-skill li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/tianyin-skill.png) no-repeat; background-size: auto 100%;}

.hehuan-jy{ left: 10.75rem; width: 11.98rem;}
.hehuan-role{ left: 2.8rem; width: 12.54rem;}
#hehuan-skill li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/hehuan-skill.png) no-repeat; background-size: auto 100%;}

.nanjiang-jy{ left: 8.26rem; width: 14.07rem;}
.nanjiang-role{ left: 1.02rem; width: 18.38rem;}
#nanjiang-skill li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/nanjiang-skill.png) no-repeat; background-size: auto 100%;}

.changsheng-jy{ left: 5.86rem; width: 13.63rem;}
.changsheng-role{ left: 5.75rem; width: 13.28rem;}
#changsheng-skill li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/changsheng-skill.png) no-repeat; background-size: auto 100%;}

.wandu-jy{ left: 10.44rem; width: 14.41rem;}
.wandu-role{ left: .4rem; width: 16.29rem;}
#wandu-skill li{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/wandu-skill.png) no-repeat; background-size: auto 100%;}
/* tab */
.role-tab{ position: absolute; right: 2.95rem; top: 2.58rem; width: .57rem; height: 3.45rem;}
#tiandaofu-tab{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/tiandaofu-tab.png) no-repeat; background-size: auto 100%;}
#qingyun-tab{ background: url(https://mhxzx.wanmei.com/images/cover251230/role/qingyun-tab.png) no-repeat; background-size: auto 100%;}
.role-tab.tab-bg1{ background-position: 0 0!important;}
.role-tab.tab-bg2{ background-position: -.57rem 0!important;}
.role-tab span{ display: block; width: 100%; height: 50%; cursor: pointer;}
.role-tab span.on{ cursor: default;}
/* section-feature */
#section-feature{ background: url(https://mhxzx.wanmei.com/images/cover251230/section-welfare-bg.jpg) center center no-repeat; background-size: cover;}
#section-feature .center-wrap{ top: 45%; height: 11.6rem;}
.title-feature{ display: block; height: 3.94rem; margin-left: 3.6rem;}
.feature-cont{ position: relative; width: 17.88rem; height: 8.35rem; margin: -.6rem auto 0; background: url(https://mhxzx.wanmei.com/images/cover251230/feature-img-bg.png) no-repeat center center; background-size: auto 100%;}
.feature-swiper{ position: absolute; left: 50%; top: .52rem; width: 13.26rem; height: 7.45rem; margin-left: -6.63rem;}
.feature-swiper .swiper-slide,.feature-swiper .swiper-slide img,.img-line{ width: 100%; height: 100%;}
.img-line{ position: absolute; left: 0; top: 0; background: url(https://mhxzx.wanmei.com/images/cover251230/img-line.png) no-repeat; background-size: 100% auto;}
.btn-prev,.btn-next{ position: absolute; width: 1.71rem; height: 1.68rem; cursor: pointer;}
.btn-prev{ background: url(https://mhxzx.wanmei.com/images/cover251230/btn-prev.png) no-repeat; background-size: 100% auto;}
.btn-next{ background: url(https://mhxzx.wanmei.com/images/cover251230/btn-next.png) no-repeat; background-size: 100% auto;}
.btn-prev:hover,.btn-next:hover{ background-position: 0 100%;}
#btn-prev-feature,#btn-next-feature{ top: 3.13rem;}
#btn-prev-feature{ left: 0;}
#btn-next-feature{ right: 0;}

/* 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{ width: 100%; height: 100%;}
/* pop-star */
.pop-star-bg{ position: absolute; left: 50%; top: 45%; transform: translate3d(-50%,-50%,0); width: 17.98rem; height: 9.94rem; padding-top: 2.8rem; box-sizing: border-box; background: url(https://mhxzx.wanmei.com/images/main260106/pop-star-bg.png) no-repeat; background-size: 100% auto;}
.close-star{ position: absolute; right: 1.52rem; top: 1.52rem; width: 1.38rem; height: 1.38rem; background: url(https://mhxzx.wanmei.com/images/main260106/close-star.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.pop-t-star,.pop-t-constellation{ position: absolute; left: 50%; top: 1.1rem; transform: translate3d(-50%,0,0); height: .85rem;}
.pop-star-bg .btn-prev,.pop-star-bg .btn-next{ top: 4.82rem;}
.pop-star-bg .btn-prev{ left: 1.36rem; }
.pop-star-bg .btn-next{ right: 1.36rem;}
.star-swiper{ width: 9.85rem; height: 5.54rem; margin: 0 auto; border: .02rem solid #7179ac; background-color: #0a0a0a;}
.img-center-box{ display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
.img-center-box img{ max-width: 100%; max-height: 100%;}
.big-star-title-text{ width: 7.52rem; height: .71rem; margin: .26rem auto 0; font-size: .4rem; line-height: .71rem; color: #fff6e3; text-align: center; background: url(https://mhxzx.wanmei.com/images/main260106/pop-star-title-text.png) no-repeat; background-size: 100% auto;}

.pop-constellation-bg{ position: absolute; left: 50%; top: 45%; transform: translate3d(-50%,-50%,0); width: 17.98rem; height: 11.14rem; padding-top: 2.65rem; box-sizing: border-box; background: url(https://mhxzx.wanmei.com/images/main260106/pop-constellation-bg.png) no-repeat; background-size: 100% auto;}
.pop-t-constellation{ height: .75rem;}
.pop-constellation-bg .btn-prev,.pop-constellation-bg .btn-next{ top: 4.7rem;}
.pop-constellation-bg .btn-prev{ left: 1.36rem; }
.pop-constellation-bg .btn-next{ right: 1.36rem;}
.constellation-text-box{ width: 12.95rem; height: 2.14rem; margin: .2rem auto 0; padding-top: .05rem; box-sizing: border-box; background: url(https://mhxzx.wanmei.com/images/main260106/text-box-bg.png) no-repeat; background-size: 100% auto;}
.constellation-title-text{ display: flex; width: 11.56rem; height: .77rem; margin: 0 auto; justify-content: center; align-items: center; border-bottom: .01rem solid #202d67;}
.constellation-title-text span{ display: block; width: .14rem; height: .13rem; background: url(https://mhxzx.wanmei.com/images/main260106/icon-title.png) no-repeat; background-size: 100% auto;}
.constellation-title-text p{ margin: 0 .56rem; font-size: .4rem; color: #fff;}
.constellation-dec-text{ display: flex; width: 12rem; height: 1.26rem; margin: 0 auto; font-size: .24rem; line-height: .42rem; color: #b7c8ff; text-align: center; justify-content: center; align-items: center; }