@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.48rem; height: 1.56rem; background: url(https://mhxzx.wanmei.com/images/cover251230/logo.png) no-repeat; background-size: 100% auto;}
.btn-main{ display: none; position: absolute; right: .3rem; top: .18rem; z-index: 50; width: 2.54rem; height: .7rem; background: url(https://mhxzx.wanmei.com/images/cover251230/btn-main.png) no-repeat; background-size: 100% auto;}
/* login */
.login-box{ display: none; position: absolute; right: 3rem; top: .3rem; 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{ display: none; 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: 0; 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: absolute; left: 0; top: 50%; transform: translate3d(0,-50%,0); z-index: 6; width: 1.92rem; height: 3.31rem; background: url(https://mhxzx.wanmei.com/images/cover251230/float-yy-body.png) no-repeat; background-size: 100% auto;}
.float-yy-body .btn-yy-link{ display: block; position: relative; width: 100%; height: 100%;}
.float-yy-body .btn-yy-link span{ position: absolute; left: 0; bottom: -.1rem; width: 1.47rem; height: .38rem; background: url(https://mhxzx.wanmei.com/images/cover251230/btn-cj-body.png) no-repeat; background-size: 100% auto;}
.float-yy-body .btn-yy-link:hover span{ 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/cover251230/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;}
.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/cover251230/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.33rem; margin: 0 .05rem; background: url(https://mhxzx.wanmei.com/images/cover251230/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/cover251230/btn-dl-pc.png) no-repeat; background-size: 100% auto;}
.btn-dl-ios{ background: url(https://mhxzx.wanmei.com/images/cover251230/btn-dl-ios.png) no-repeat; background-size: 100% auto;}
.btn-dl-android{ background: url(https://mhxzx.wanmei.com/images/cover251230/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/cover251230/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/cover251230/new-server-head.png) no-repeat; background-size: 100% auto;}
.download-box .new-sv-name{ overflow: hidden; width: 100%; height: .63rem; font-size: .38rem; font-weight: bold; line-height: .63rem; color: #332d5d; 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/cover251230/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/cover251230/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/cover251230/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: .79rem; bottom: 1.93rem;z-index: 6; width: 4.5rem; height: 2.86rem; background: url(https://mhxzx.wanmei.com/images/cover251230/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: -.16rem; bottom: .2rem; width: 2.9rem; height: .7rem; background: url(https://mhxzx.wanmei.com/images/cover251230/btn-cj-head.png) no-repeat; background-size: 100% auto;}
.float-yy-head .btn-yy-link:hover span{ background-position: 0 100%;}
/* section-welfare */
#section-welfare{ 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-welfare .center-wrap{ top: 45%; height: 9.9rem;}
.title-welfare{ display: block; height: 4.97rem; margin-left: 3.74rem;}
.welfare-cont{ display: flex; position: relative; z-index: 2; width: 100%; height: 6.37rem; margin-top: -.82rem; justify-content: center;}
.welfare-item{ position: relative; width: 4.77rem; height: 6.37rem; margin: 0 .06rem;}

.welfare-yy{ z-index: 4; background: url(https://mhxzx.wanmei.com/images/cover251230/welfare-yy.png) no-repeat; background-size: 100% auto;}
.icon-star{ position: absolute; background: url(https://mhxzx.wanmei.com/images/cover251230/icon-star.png) no-repeat; background-size: 100% auto;}
.icon-star1{ right: -.22rem; top: -.22rem; width: .63rem; height: .63rem;}
.icon-star2{ left: -.05rem; top: .66rem; width: .28rem; height: .28rem;}
.icon-star3{ left: .3rem; bottom: -0.07rem; width: .36rem; height: .36rem;}
.icon-star4{ right: -.02rem; top: 2rem; width: .22rem; height: .22rem;}
.welfare-yy .new-sv-name,.welfare-yy .new-sv-time{ position: absolute; left: 0; overflow: hidden; width: 100%; text-align: center;}
.welfare-yy .new-sv-name{ top: 1.04rem; height: .96rem; font-size: .73rem; font-weight: bold; line-height: .96rem; color: #fff;}
.welfare-yy .new-sv-time{ top: 2.11rem; height: 40px; font-size: .28rem; line-height: .4rem; color: #e1c382;}
.new-server-gift{ position: absolute; left: 0; bottom: 1.85rem; width: 4.77rem;}
.welfare-yy .btn-yy-do{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: .5rem; width: 3.38rem; height: .87rem; background: url(https://mhxzx.wanmei.com/images/cover251230/btn-yy-welfare.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.welfare-yy .btn-yy-do:hover{ background-position: 0 100%;}

.welfare-event1{ z-index: 3; background: url(https://mhxzx.wanmei.com/images/cover251230/welfare-event1.png) no-repeat; background-size: 100% auto;}
.welfare-event1 a,.welfare-event2 a{ display: block; position: relative; width: 100%; height: 100%;}
.welfare-item-t{ position: absolute; left: 1.5rem; top: .27rem; overflow: hidden; width: 1.78rem; height: .4rem; font-size: .33rem; line-height: .4rem; color: #a3bdfc; text-align: center;}
.welfare-item-info1,.welfare-item-info2{ position: absolute; left: 0; width: 100%; text-align: center;}
.welfare-item-info1{ top: 4.68rem; font-size: .5rem; line-height: .54rem; font-weight: bold; color: #fff;}
.welfare-item-info2{ top: 5.46rem; font-size: .31rem; line-height: .34rem; color: #e1c382;}

.welfare-event2{ z-index: 2; background: url(https://mhxzx.wanmei.com/images/cover251230/welfare-event2.png) no-repeat; background-size: 100% auto;}
.welfare-event2 .welfare-item-t{ color: #b1afff;}

.welfare-shequn{ z-index: 3; background: url(https://mhxzx.wanmei.com/images/cover251230/welfare-shequn.png) no-repeat; background-size: 100% auto;}
.welfare-shequn .welfare-item-t{ color: #b6b6dc;}
.welfare-sq-list{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 1.1rem; width: 4.5rem; height: 5rem;}
.welfare-sq-list li{ position: relative; float: left; width: 1.84rem; height: 2.48rem; margin: 0 .2rem;}
.welfare-sq-list li a{ display: block; width: 1.69rem; height: 1.69rem; margin: 0 auto;}
.welfare-sq-weixin{ background: url(https://mhxzx.wanmei.com/images/cover251230/welfare-sq-weixin.png) no-repeat; background-size: 100% auto;}
.welfare-sq-gonglue{ background: url(https://mhxzx.wanmei.com/images/cover251230/welfare-sq-gonglue.png) no-repeat; background-size: 100% auto;}
.welfare-sq-zhendi{ background: url(https://mhxzx.wanmei.com/images/cover251230/welfare-sq-zhendi.png) no-repeat; background-size: 100% auto;}
.welfare-sq-more{ background: url(https://mhxzx.wanmei.com/images/cover251230/welfare-sq-more.png) no-repeat; background-size: 100% auto;}
.welfare-sq-list li a:hover{ background-position: 0 100%;}
.sq-title{ width: 1.84rem; height: .34rem; margin-top: .2rem; font-size: .26rem; line-height: .34rem; color: #c5c7ff; text-align: center; background: url(https://mhxzx.wanmei.com/images/cover251230/sq-title-point1.png) no-repeat center center; background-size: 100% auto;}
.welfare-sq-list li:nth-child(2) .sq-title{ background: url(https://mhxzx.wanmei.com/images/cover251230/sq-title-point2.png) no-repeat center center; background-size: 100% auto;}

.welfare-sq-list li .guanzhu-pop{ left: -4.8rem; top: -.5rem;}
.welfare-sq-list li:hover .guanzhu-pop{ display: block;}
/* 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-feature,.btn-next-feature{ position: absolute; top: 3.13rem; width: 1.71rem; height: 1.68rem; cursor: pointer;}
.btn-prev-feature{ left: 0; background: url(https://mhxzx.wanmei.com/images/cover251230/btn-prev.png) no-repeat; background-size: 100% auto;}
.btn-next-feature{ right: 0; background: url(https://mhxzx.wanmei.com/images/cover251230/btn-next.png) no-repeat; background-size: 100% auto;}
.btn-prev-feature:hover,.btn-next-feature:hover{ background-position: 0 100%;}
/* 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%;}