@charset "utf-8";
html, body{ width: 100%; height: 100%;}
body{ position: relative; margin: 0; padding: 0; font-size: 14px; font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; background:#212933; overflow-x: hidden;}
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;}

::-webkit-scrollbar{ width: 0.1rem; height: 0.06rem; background-color:#c4c4ca; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; }
::-webkit-scrollbar-track{ background-color: #c4c4ca; border-radius: 0.05rem; -webkit-border-radius: 0.05rem;opacity: 0.5;}
::-webkit-scrollbar-thumb{ background-color: #343756; border-radius: 0.05rem; -webkit-border-radius: 0.05rem;}
/* wrap */
.wrap{ position: relative; overflow: hidden; width: 38.4rem;}
/* section-head */
.section-box{ position: relative; overflow: hidden; width: 38.4rem;}
#section-head{ height: 26.7rem; background: url(https://zxsjvmg.wmupd.com/webops/zxsj/section-head-bg.jpg) no-repeat; background-size: 100% auto;}
.logo{ position: absolute; left: .8rem; top: .63rem; width: 1.69rem; height: 1.52rem; background: url(https://zxsj.wanmei.com/images/cover250630/logo.png) no-repeat; background-size: 100% auto;}
.lianhe-logo{ position: absolute; left: 2.72rem; top: .51rem; width: 2.3rem; height: 1.83rem; background: url(https://zxsj.wanmei.com/images/cover250630/logo-lianhe.png) no-repeat; background-size: 100% auto;}
.slogan{ position: absolute; left: 9.7rem; top: 3.24rem; width: 13.94rem; height: 3.21rem; background: url(https://zxsj.wanmei.com/images/cover250630/slogan0711.png) no-repeat; background-size: 100% auto;}
.head-btn-box{ display: flex; position: absolute; left: 9.86rem; top: 6.4rem; width: 13.68rem; height: 1.12rem; justify-content: center;}
.head-btn-box a{ display: block; width: 4.14rem; height: 1.12rem; margin: 0 .34rem; cursor: pointer;}
.btn-download{ background: url(https://zxsj.wanmei.com/images/cover250630/btn-download.png) no-repeat; background-size: 100% auto;}
.btn-main{ background: url(https://zxsj.wanmei.com/images/cover250630/btn-main.png) no-repeat; background-size: 100% auto;}
.head-event-box{ display: flex; position: absolute; left: 0; top: 18.1rem; width: 100%; height: 6.87rem; justify-content: center;}
.head-event-box li{ width: 7.69rem; height: 6.87rem; margin: 0 .38rem;}
.head-event-box li img{ display: block; width: 100%;}
/* section-lh */
#section-lh{ height: 21.7rem; background: url(https://zxsj.wanmei.com/images/cover250630/section-lh-bg.jpg) no-repeat; background-size: 100% auto;}
.banner-swiper{ position: absolute; left: 9.71rem; top: 3.82rem; width: 21.59rem; height: 12.15rem;}
.banner-swiper .swiper-slide,.banner-swiper img{ width: 100%; height: 100%;}
.role-lh{ position: absolute; left: 0; top: -5.38rem; z-index: 5; width: 25.75rem;}
.lh-front{ position: absolute; left: 0; top: 0; z-index: 6; width: 100%; height: 100%; background: url(https://zxsjvmg.wmupd.com/webops/zxsj/section-lh-front.png) no-repeat; background-size: 100% auto;}
.swiper-page{ display: flex; position: absolute; left: 9.71rem!important; top: 16.5rem; z-index: 7; width: 21.59rem!important; height: .74rem; justify-content: center;}
.swiper-page span{ display: block; width: .74rem; height: .74rem; margin: 0 .45rem!important; background: url(https://zxsj.wanmei.com/images/cover250630/icon-page.png) no-repeat; background-size: 100% auto; opacity: 1; border-radius: 0;}
.swiper-page span.swiper-pagination-bullet-active{ background: url(https://zxsj.wanmei.com/images/cover250630/icon-page-on.png) no-repeat; background-size: 100% auto;}
/* section-pve */
#section-pve{ height: 24rem; background: url(https://zxsjvmg.wmupd.com/webops/zxsj/section-pve-bg.jpg) no-repeat; background-size: 100% auto;}
#section-pve .banner-swiper{ top: 5.59rem;}
#section-pve .swiper-page{ top: 18.27rem;}
.role-pve{ position: absolute; left: 0; top: 4.88rem; z-index: 5; width: 16.39rem;}
.pve-front{ position: absolute; left: 0; bottom: 0; z-index: 6; width: 100%; height: 3.88rem; background: url(https://zxsjvmg.wmupd.com/webops/zxsj/section-pve-front.png) no-repeat; background-size: 100% auto;}
/* section-pet */
#section-pet{ height: 23.5rem; background: url(https://zxsj.wanmei.com/images/cover250630/section-pet-bg.jpg) no-repeat; background-size: 100% auto;}
#section-pet .banner-swiper{ top: 4.69rem;}
.pet-banner1-title{ position: absolute; left: 21.72rem; top: 14.97rem; height: 3.15rem;}
.role-pet{ position: absolute; left: 0; top: 8.1rem; z-index: 5; width: 16.91rem;}
/* section-pve */
#section-pvp{ height: 24.39rem; background: url(https://zxsjvmg.wmupd.com/webops/zxsj/section-pvp-bg.jpg) no-repeat; background-size: 100% auto;}
#section-pvp .banner-swiper{ top: 5.01rem;}
#section-pvp .swiper-page{ top: 17.69rem;}
.role-pvp{ position: absolute; left: 0; top: 3.54rem; z-index: 5; width: 25.81rem;}
.pvp-front{ position: absolute; left: 0; bottom: 0; z-index: 6; width: 100%; height: 3.19rem; background: url(https://zxsjvmg.wmupd.com/webops/zxsj/section-pvp-front.png) no-repeat; background-size: 100% auto;}
/* section-pvx */
#section-pvx{ height: 27.64rem; background: url(https://zxsjvmg.wmupd.com/webops/zxsj/section-pvx-bg.jpg) no-repeat; background-size: 100% auto;}
#section-pvx .banner-swiper{ top: 5.6rem;}
#section-pvx .swiper-page{ top: 18.36rem;}
.role-pvx{ position: absolute; left: 0; top: 6.05rem; z-index: 5; width: 16.46rem;}
.float_rightBar{
    display: block;
    width: 3.6rem;
    height: 4.8rem;
    background: url(https://zxsj.wanmei.com/images/cover250708/float_rightBar.png) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 65%;
    right: 0.35rem;
    z-index: 20;
}