@charset "utf-8";
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;}
.mhxzxTopbar{ left: 50%!important; margin-left: -375px;}
.wmgameFooter{ width: 750px; margin: 0 auto;}

.wrap{ position: relative; overflow: hidden; width: 750px; height: 9000px; margin: 0 auto; background: url(https://mhxzx.wanmei.com/m/images/main260130/bg.jpg) no-repeat center top;}
.section-box{ position: relative; width: 750px;}

/* section-home */
#section-home{ height: 1272px;}
.time-info{ position: absolute; left: 0; top: 101px;}
.logo{ position: absolute; right: 7px; top: 108px; width: 292px; height: 53px; background: url(https://mhxzx.wanmei.com/m/images/cover251230/logo.png) no-repeat;}
/* login */
.login-box{ position: absolute; right: 8px; top: 176px; width: 480px; height: 32px; font-size: 26px; line-height: 32px; color: #fff; text-align: right;}
.btn-login,.btn-logout{ cursor: pointer;}
.logout{ display: none;}
.btn-play{ position: absolute; left: 50%; top: 660px; transform: translate3d(-50%,0,0); width: 141px; height: 123px; background: url(https://mhxzx.wanmei.com/images/cover260130/btn-play.png) no-repeat; cursor: pointer;}
.age-tip{ position: absolute; left: 30px; top: 136px; width: 96px;}
.btn-download-home{ position: absolute; left: 49%; top: 1096px; transform: translate3d(-50%,0,0); width: 525px; height: 110px; background: url(https://mhxzx.wanmei.com/m/images/cover260130/btn-download.png) no-repeat;}
/* float-yy-head */
.float-yy-head{ display: none; position: absolute; left: 6px; top: 420px; width: 198px; height: 303px; background: url(https://mhxzx.wanmei.com/m/images/cover260130/float-yy-head.png) no-repeat;}
.float-yy-head .new-sv-name,.float-yy-head .new-sv-time{ position: absolute; left: 22px; width: 132px; height: 30px; line-height: 30px; color: transparent; text-align: center;  background: linear-gradient(to bottom, #f4e1c6, #ffffff); background-clip: text; -webkit-background-clip: text;}
.float-yy-head .new-sv-name{ top: 178px; font-size: 21px; font-weight: bold;}
.float-yy-head .new-sv-time{ top: 238px; font-size: 19px;}
.float-yy-head .btn-yy-link{ position: absolute; left: 4px; bottom: -14px; width: 169px; height: 44px; background: url(https://mhxzx.wanmei.com/m/images/cover260130/btn-yy-float.png) no-repeat;}
/* section-news */
#section-news{ z-index: 3; height: 1360px;}
.title-img{ display: block; width: 750px;}
.ifous-box{ position: relative; z-index: 2; width: 665px; height: 494px; margin: -53px auto 0;}
.ifocus-swiper,.ifocus-swiper .swiper-slide,.ifocus-swiper .swiper-slide img{ position: relative; width: 655px; height: 368px;}
.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 center center; background-size: 100% auto;}
.ifocus-page{ display: flex; width: 100%; height: 32px; margin-top: 30px; justify-content: center;}
.ifocus-page span{ display: block; width: 34px; height: 32px; background: url(https://mhxzx.wanmei.com/images/main260106/ifocus-page.png) no-repeat; 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;}

.news-nav-box{ width: 668px; height: 54px; margin: 0 auto; padding: 4px 5px 0; box-sizing: border-box; background: url(https://mhxzx.wanmei.com/m/images/main260106/news-tab-bg.png) no-repeat;}
.news-tab{ width: 100%; height: .56px;}
.news-tab li{ float: left; width: 126px; height: 51px; margin-right: 5px; font-size: 28px; line-height: 44px; color: #e7d7b6; text-align: center; cursor: pointer;}
.news-tab li.on{ color: #fff; background: url(https://mhxzx.wanmei.com/m/images/main260106/news-tab-on.png) no-repeat;}
.news-cont{ display: none; position: relative; width: 668px; height: 508px; margin: 8px auto 0;}
.news-more{ position: absolute; right: 0; bottom: 0; width: 165px; height: 63px; font-size: 24px; line-height: 63px; color: #fff; text-align: center; background: url(https://mhxzx.wanmei.com/m/images/main260106/btn-bg.png) no-repeat;}
.news-list{ overflow: hidden; width: 668px; height: 410px;}
.news-list li{ position: relative; width: 100%; height: 97px; padding: 0 22px 0 20px; box-sizing: border-box; margin-bottom: 9px; background: url(https://mhxzx.wanmei.com/m/images/main260106/news-line.png) no-repeat 0 0;}

.news-tag{ float: left; width: 108px; height: 42px; margin-top: 27px; font-size: 22px; line-height: 42px; color: #fff; text-align: center; border-radius: 21px;}
.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: 350px; height: 97px; margin-left: 16px; text-overflow: ellipsis; white-space: nowrap;}
.news-text a{ font-size: 26px; line-height: 97px; color: #fff;}
.news-time{ float: right; width: 130px; font-size: 20px; line-height: 97px;  color: #9ba0f6; text-align: right;}
/* section-star */
#section-star{ height: 1338px; padding-top: 1px; box-sizing: border-box;}
#section-star .title-img{ position: relative; z-index: 2; margin-top: -113px;}
.star-ani-bg{ position: absolute; left: 0; top: 87px; width: 750px; height: 1334px;}
.star-ani-bg img{ display: none; position: absolute; left: 0; top: 0; width: 100%;}
#section-star .front{ position: absolute; left: 0; top: 1025px; width: 750px; height: 1227px; background: url(https://mhxzx.wanmei.com/m/images/main260106/front.png) no-repeat;}
.star-big-wrap{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 980px; width: 461px; height: 286px;}
.btn-star-big{ display: block; width: 142px; height: 138px; 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: 25px; height: 25px; margin: 78px 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,-20px,0);}
}
.star-text{ position: relative; overflow: hidden; width: 100%; height: 40px; margin-top: 20px;}
.star-text img{ position: absolute; left: 50%; top: 0; transform: translate3d(-50%,0,0);}

#constellation-beidou{ position: absolute; left: 3px; top: 398px; z-index: 5; width: 690px; height: 533px; background: url(https://mhxzx.wanmei.com/m/images/main260106/constellation-beidou.png) no-repeat;}
.clt-item{ position: absolute; width: 50px; height: 50px; cursor: pointer;}
#beidou1{ left: 58px; top: 58px; width: 80px; height: 80px;}
#beidou2{ left: 222px; top: 119px;}
#beidou3{ left: 280px; top: 201px;}
#beidou4{ left: 370px; top: 280px;}
#beidou5{ left: 361px; top: 383px;}
#beidou6{ left: 549px; top: 447px;}
#beidou7{ left: 613px; top: 331px;}
#constellation-xianhou{ display: none; position: absolute; left: 23px; top: 319px; z-index: 5; width: 693px; height: 539px; background: url(https://mhxzx.wanmei.com/m/images/main260106/constellation-xianhou.png) no-repeat;}
#xianhou1{ left: 58px; top: 57px; width: 80px; height: 80px;}
#xianhou2{ left: 195px; top: 232px;}
#xianhou3{ left: 354px; top: 232px;}
#xianhou4{ left: 452px; top: 398px;}
#xianhou5{ left: 614px; top: 258px;}

.danmu{ position: absolute; transform: translate(-50%, -50%); z-index: 5; font-size: .20px; 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{ z-index: 3; height: 1019px;}
.race-cont{ position: relative; z-index: 2; width: 559px; height: 705px; margin: -106px auto 0; background: url(https://mhxzx.wanmei.com/m/images/main260106/race-qizhi.png) no-repeat;}
.race-cont a{ position: absolute; width: 230px; height: 262px; text-indent: -999px;}
.race-cont a.race-l1{ left: 18px; top: 79px}
.race-cont a.race-l2{ left: 320px; top: 79px}
.race-cont a.race-l3{ left: 18px; top: 434px}
.race-cont a.race-l4{ left: 320px; top: 434px}
/* section-zq */
#section-zq{ height: 1196px;}
.zq-tab-box{ display: flex;position: relative; z-index: 2; width: 100%; height: 53px; margin-top: -54px; justify-content: center;}
.zq-tab-box div{ position: relative; width: 164px; height: 53px; margin: 0 2px; cursor: pointer;}
.zq-tab-box div img{ display: none; position: absolute; left: 0; top: 0; }
.zq-tab-box div.on img{ display: block;}
#zq-tab-nwes{ background: url(https://mhxzx.wanmei.com/m/images/main260106/zq-tab-nwes.png) no-repeat;}
#zq-tab-gl{ background: url(https://mhxzx.wanmei.com/m/images/main260106/zq-tab-gl.png) no-repeat;}
#zq-tab-media{ background: url(https://mhxzx.wanmei.com/m/images/main260106/zq-tab-media.png) no-repeat;}
#zq-tab-gc{ background: url(https://mhxzx.wanmei.com/m/images/main260106/zq-tab-gc.png) no-repeat;}
.zq-cont{ display: none;}
/* zq-news */
#zq-news{ display: block; position: relative; width: 750px; height: 763px; margin-top: 45px;}
#btn-prev-zq-news,#btn-next-zq-news{ position: absolute; top: 153px; z-index: 5; width: 89px; height: 48px; cursor: pointer;}
#btn-prev-zq-news{ left: 7px; background: url(https://mhxzx.wanmei.com/m/images/main260106/btn-prev.png) no-repeat;}
#btn-next-zq-news{ right: 7px; background: url(https://mhxzx.wanmei.com/m/images/main260106/btn-next.png) no-repeat;}

.zq-news-img-wrap{ width: 667px; height: 425px; margin: 0 auto;}
.zq-news-img{ position: relative; width: 665px; height: 374px; background-color: #000; border: 1px 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: 32px; margin-top: 5px; justify-content: center;}
.zq-news-page span{ display: block; width: 34px; height: 32px; background: url(https://mhxzx.wanmei.com/images/main260106/ifocus-page.png) no-repeat; 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;}
#section-zq .point{ position: absolute; z-index: 5; width: 2px; height: 2px; 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-news-text{ width: 666px; height: 340px; margin: 0 auto; background: url(https://mhxzx.wanmei.com/m/images/main260106/zq-news-text-bg.png) no-repeat center bottom;}
.zq-news-text h3{ width: 640px; height: 46px; margin: 0 auto; font-size: 43px; font-weight: bold; line-height: 46px; color: #ebcc89; text-align: center; background: url(https://mhxzx.wanmei.com/m/images/main260106/zq-news-t-bg.png) no-repeat center center;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.cus-scroll::-webkit-scrollbar{ width: 6px; background: transparent;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 6px; background-color: #545461; border-radius: 3px;}
.zq-news-scroll{ width: 630px; height: 230px; margin: 28px 0 0 23px;}
.zq-news-scroll p{ width: 610px; max-height: 1000px; padding-bottom: 20px; font-size: 23px; line-height: 40px; color: #fff;}
/* zq-gl */
#zq-gl{ position: relative; width: 750px; height: 747px; margin-top: 80px; background: url(https://mhxzx.wanmei.com/m/images/main260106/zq-gl.png) no-repeat;}
#zq-gl a{ position: absolute; width: 200px; height: 200px;}
.gl-rm{ left: 388px; top: 92px;}
.gl-mx{ left: 506px; top: 312px;}
.gl-ds{ left: 418px; top: 530px;}
/* zq-media */
#zq-media{ margin-top: 128px;}
.media-tab{ display: flex; width: 626px; height: 46px; margin: 0 auto; border-bottom: 1px solid #a0a2bf;}
.media-tab span{ display: block; width: 50%; height: 44px; font-size: 30px; line-height: 32px; color: #a0a2bf; text-align: center; cursor: pointer;}
.media-tab span.on{ color: #f1da7c; border-bottom: 4px solid #f1da7c;}
.media-cont{ display: none; position: relative; width: 664px; height: 540px; margin: 94px auto 0;}
#media-video{ display: block;}
.media-cont .btn-prev,.media-cont .btn-next{ bottom: 0; width: 96px; height: 94px;}
.media-cont .btn-prev{ left: 202px;}
.media-cont .btn-next{ right: 202px;}
.media-video-container{ position: relative; width: 662px; height: 372px; margin: 0 auto; background-color: #000; border: 1px solid #58524f;}
.media-video-list,.media-wallpaper-list{ position: relative; width: 100%; height: 100%;}
.media-video-list li,.media-wallpaper-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),.media-wallpaper-list li:nth-child(1){ display: block;}
.media-video-list li img,.media-wallpaper-list li img{ display: block; width: 100%;}
.media-video-list li span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(https://mhxzx.wanmei.com/m/images/main260106/media-play.png) no-repeat; background-size: 100% auto; cursor: pointer;}
.tag-video{ position: absolute; left: 0; top: -35px; width: 189px; height: 33px; background: url(https://mhxzx.wanmei.com/m/images/main260106/tag-video.png) no-repeat;}
.btn-link-video,.btn-link-wallpaper{ position: absolute; right: 0; bottom: -50px; width: 168px; height: 32px; font-size: 24px; line-height: 24px; color: #d1dcff; text-align: center; border-bottom: 1px solid #d1dcff;}

.media-wallpaper-list li a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/* zq-gc */
#zq-gc{ position: relative; width: 731px; height: 546px; margin-top: 105px; background: url(https://mhxzx.wanmei.com/m/images/main260106/zq-gc-bg.png) no-repeat;}
.gc-item{ position: absolute; top: 100px; width: 246px; height: 362px; background: url(https://mhxzx.wanmei.com/m/images/main260106/gc-ewm-bg.png) no-repeat;}
.gc-item1{ left: 178px;}
.gc-item2{ left: 448px;}
.gc-ewm{ position: absolute; left: 38px; top: 39px; width: 170px; height: 170px;}
.gc-item-name{ position: absolute; left: 0; top: 244px; width: 100%; height: 28px; font-size: 25px; font-weight: bold; line-height: 25px; color: #d7bc7b; text-align: center;}
/* section-role */
#section-role{ height: 1526px;}
#section-role .title-img{ position: relative; z-index: 7;}
/* nav */
.role-nav-hide{ position: absolute; left: -20px; top: 180px; z-index: 6; overflow: hidden; width: 790px; height: 347px;}
.nav-container{ position: absolute; left: 0; bottom: 0; width: 790px; height: 790px;}
.circle-out{ position: absolute; left: -4px; bottom: 76px; width: 838px; height: 838px; 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; bottom: 80px; 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: 111px; height: 111px; 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: 166px; height: 166px; 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-swiper{ position: absolute; left: 0; top: 200px; width: 750px; height: 1334px;}
.role-swiper .swiper-slide{ position: relative; width: 100%; height: 100%;}
.role-swiper .swiper-slide img{ position: absolute;}
.role-img{ right: 0; bottom: 0;}
.role-info{ left: 46px; top: 356px;}
.role-radar{ left: 12px; top: 840px; height: 295px;}

.role-swiper .swiper-slide-active .role-info,.role-swiper .swiper-slide-active .role-radar{ animation: fadeInL .5s;}
.role-swiper .swiper-slide-active .role-img{animation: fadeInR .5s;}
@keyframes fadeInL{
    0%{ opacity: 0; transform: translateX(-160px)}
    100%{ opacity: 1; transform: translateX(0)}
}
@keyframes fadeInR{
    0%{ opacity: 0.6; transform: translateX(100px)}
    100%{ opacity: 1; transform: translateX(0)}
}
.tiandaofu-role2,.tiandaofu-info2,.tiandaofu-title2,#tiandaofu-skill2{ display: none;}
.qingyun-role2,.qingyun-info2,.qingyun-title2,#qingyun-skill2{ display: none;}
/* tab */
.role-tab{ position: absolute; right: 0; top: 834px; width: 83px; height: 344px;}
#tiandaofu-tab{ background: url(https://mhxzx.wanmei.com/m/images/cover251230/role/tiandaofu-tab.png) no-repeat;}
#qingyun-tab{ background: url(https://mhxzx.wanmei.com/m/images/cover251230/role/qingyun-tab.png) no-repeat; ;}
.role-tab.tab-bg1{ background-position: 0 0!important;}
.role-tab.tab-bg2{ background-position: -83px 0!important;}
.role-tab span{ display: block; width: 100%; height: 50%; cursor: pointer;}
.role-tab span.on{ cursor: default;}

.role-bot-gai{ position: absolute; left: 0; top: 1390px; z-index: 6; width: 750px; height: 144px; background: url(https://mhxzx.wanmei.com/m/images/cover251230/role-bot-gai.png) no-repeat;}
/* section-feature */
#section-feature{ height: 1260px; }
.feature-cont{ position: relative; z-index: 2; width: 719px; height: 851px; margin: -70px auto 0; background: url(https://mhxzx.wanmei.com/m/images/cover251230/feature-img-bg.png) no-repeat center top;}
.feature-swiper{ position: absolute; left: 50%; top: 23px; width: 449px; height: 800px; margin-left: -225px;}
.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/m/images/cover251230/img-line.png) no-repeat;}
.btn-prev,.btn-next{ position: absolute; width: 111px; height: 109px; cursor: pointer;}
.btn-prev{ background: url(https://mhxzx.wanmei.com/m/images/cover251230/btn-prev.png) no-repeat; background-size: 100% auto;}
.btn-next{ right: 0; background: url(https://mhxzx.wanmei.com/m/images/cover251230/btn-next.png) no-repeat; background-size: 100% auto;}
#btn-prev-feature,#btn-next-feature{ top: 360px;}
#btn-prev-feature{ left: 0;}
#btn-next-feature{ right: 0;}
/* pop */
.pop-fixed{ display: none; position: fixed; left: 50%; transform: translate3d(-50%,0,0); top: 0; z-index: 101; width: 750px; height: 100%; background-color: rgba(0,0,0,.8);}
/* pop-video */
.pop-v-cont{ position: absolute; left: 0; top: 50%; width: 750px; height: 422px; margin-top: -211px;}
.close-video{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 406px; z-index: 5; width: 88px; height: 88px; background: url(https://mhxzx.wanmei.com/m/images/cover250125/close.png) no-repeat;}
.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: 750px; height: 490px; padding-top: 136px; box-sizing: border-box; background: url(https://mhxzx.wanmei.com/m/images/main260106/pop-star-bg.png) no-repeat;}
.close-star{ position: absolute; right: 10px; top: 72px; width: 60px; height: 60px; 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: 50px; transform: translate3d(-50%,0,0); height: 47px;}
.pop-star-bg .btn-prev,.pop-star-bg .btn-next{ top: 240px; width: 83px; height: 81px;}
.pop-star-bg .btn-prev{ left: 10px; }
.pop-star-bg .btn-next{ right: 10px;}
.star-swiper{ width: 474px; height: 267px; margin: 0 auto; border: 2px 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: 363px; height: 34px; margin: 13px auto 0; font-size: 22px; line-height: 34px; color: #fff6e3; text-align: center; background: url(https://mhxzx.wanmei.com/m/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: 750px; height: 601px; padding-top: 127px; box-sizing: border-box; background: url(https://mhxzx.wanmei.com/m/images/main260106/pop-constellation-bg.png) no-repeat; }
.pop-t-constellation{ height: 36px;}
.pop-constellation-bg .btn-prev,.pop-constellation-bg .btn-next{ top: 234px; width: 83px; height: 81px;}
.pop-constellation-bg .btn-prev{ left: 10px; }
.pop-constellation-bg .btn-next{ right: 10px;}
.constellation-text-box{ width: 626px; height: 158px; margin: 10px auto 0; background: url(https://mhxzx.wanmei.com/m/images/main260106/text-box-bg.png) no-repeat; background-size: 100% auto;}
.constellation-title-text{ display: flex; width: 560px; height: 40px; margin: 0 auto; justify-content: center; align-items: center; border-bottom: 1px solid #202d67;}
.constellation-title-text span{ display: block; width: 14px; height: 13px; background: url(https://mhxzx.wanmei.com/images/main260106/icon-title.png) no-repeat;}
.constellation-title-text p{ margin: 0 25px; font-size: 22px; color: #fff;}
.constellation-dec-text{ display: flex; width: 546px; height: 106px; margin: 0 auto; font-size: 18px; line-height: 26px; color: #b7c8ff; text-align: center; justify-content: center; align-items: center; }