@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-box{position: relative; overflow: hidden; width: 38.4rem;}


.section-head{height: 25.50rem; 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: 5.37rem;}
.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: 2.4rem; top: 2.4rem; width: 7.12rem; height: 12.56rem; background: url(https://zxsj.wanmei.com/images/cover251205/slogan.png) no-repeat; background-size: 100% auto;}
.head-btn-box{display: flex; position: absolute; left: 0; top: 15.80rem; width: 100%; height: 1rem; justify-content: center;}
.head-btn-box a{display: block; width: 3.84rem; height: .84rem; margin: 0 .34rem; cursor: pointer;}
.btn-download{background: url(https://zxsj.wanmei.com/images/cover260624/btn-download.png) no-repeat; background-size: 100% auto;}
.btn-main{background: url(https://zxsj.wanmei.com/images/cover260624/btn-main.png) no-repeat; background-size: 100% auto;}
.head-event-box{display: flex; position: absolute; left: 0; top: 18.1rem; width: 100%; justify-content: center;}
.head-event-box li{width: 9.4rem; height: 6.24rem; background: url(https://zxsj.wanmei.com/images/cover260624/li.png) no-repeat center 0; background-size: auto 100%; position:relative;}
.head-event-box li img{display: block; width: 8.82rem; height: 4.96rem; position: absolute; left: .28rem; top: .58rem;}
.head_time{width: 100%; height: 1rem; background: url(https://zxsj.wanmei.com/images/cover260624/time.png) no-repeat center 0; background-size: 14.34rem auto; position: absolute; left: 0; top: 16.92rem;}

.section-vs{height: 42.20rem; background: url(https://zxsjvmg.wmupd.com/webops/zxsj/section-vs-bg.jpg) no-repeat; background-size: 100% auto;}
.vsTitle{height: 7.3rem;}
.vsCont{width: 100%; display: flex; justify-content: center;}
.vsli{width: 9.37rem; height: 15.6rem; position: relative; background: url(https://zxsj.wanmei.com/images/cover260624/li2.png) no-repeat center 0; background-size: auto 100%; margin: 0 -.4rem;}
.vsli img{display: block; width: 7.5rem; height: 13.33rem; position: absolute; left: 1rem; top: 1.2rem;}

/* section-lh */
#section-lh{height: 25.40rem; background: url(https://zxsjvmg.wmupd.com/webops/zxsj/section-lh-bg.jpg) no-repeat; background-size: 100% auto;}
.banner-swiper{position: absolute; left: 8.75rem; top: 7.35rem; width: 21.59rem; height: 12.15rem;}
.banner-swiper .swiper-slide,.banner-swiper img{width: 100%; height: 100%;}
.role-lh{position: absolute; left: 0; bottom: 0; z-index: 5; width: 12.23rem;}

.swiper-page{display: flex; position: absolute; left: 0; top: 21rem; z-index: 7; width:100%; 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-lh .swiper-page span{background: url(https://zxsj.wanmei.com/images/cover260624/icon-page.png) no-repeat; background-size: 100% auto;}
#section-lh .swiper-page span.swiper-pagination-bullet-active{background: url(https://zxsj.wanmei.com/images/cover260624/icon-page-on.png) no-repeat; background-size: 100% auto;}


/* section-pve */
#section-pve{height: 27.20rem; background: url(https://zxsjvmg.wmupd.com/webops/zxsj/section-pve-bg.jpg) no-repeat; background-size: 100% auto;}

#section-pve .banner-swiper{top: 8.8rem;}
#section-pve .swiper-page{top: 22.8rem;}
.role-pve{position: absolute; left: 0; bottom: 0; z-index: 5; width: 13.73rem;}
.role-pve-bottom{width: 38.4rem; height: 5.44rem; background: url(https://zxsj.wanmei.com/images/cover260624/bom.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 0; bottom: 0; z-index: 6;}

/* section-pet */
#section-pet{ height: 27.64rem; background: url(https://zxsjvmg.wmupd.com/webops/zxsj/section-pet-bg.jpg) no-repeat; background-size: 100% auto;}
#section-pet .banner-swiper{top: 7.5rem;}
#section-pet .swiper-page{top: 21.5rem;}
.role-pet{ position: absolute; left: 0; top: 8rem; z-index: 5; width: 11.75rem;}

#section-pet .swiper-page span{background: url(https://zxsj.wanmei.com/images/cover260624/icon-page.png) no-repeat; background-size: 100% auto;}
#section-pet .swiper-page span.swiper-pagination-bullet-active{background: url(https://zxsj.wanmei.com/images/cover260624/icon-page-on.png) no-repeat; background-size: 100% auto;}