* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  height: 100%;
}
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
@font-face {
  font-family: "FZLanTYK_Zhong";
  src: url('../../fonts/FZLanTYK_Zhong.TTF') format("opentype");
}
a {
  text-decoration: none;
}
.footer {
  width: 100%;
  height: 4.53rem;
  background-color: #fff;
  padding-top: 0.35rem;
}
.footer .main {
  padding-top: 0.35rem;
  width: 6.8rem;
  margin: 0 auto;
  font-size: 0.16rem;
  color: #565656;
  text-align: center;
  border-top: 1px solid #f3f3f3;
}
.footer .main p {
  line-height: 0.3rem;
}
.footer .main p span {
  margin: 0 0.1rem;
  color: #cacaca;
}
.footer .main .top {
  margin-bottom: 0.5rem;
}
.footer .main a {
  color: #565656;
}
.nav_box {
  width: 7.5rem;
  box-sizing: border-box;
  height: 1.24rem;
  position: fixed;
  top: 0.5rem;
  z-index: 8;
  padding: 0 0.3rem;
}
.nav_box.fixedNav {
  width: 7.5rem;
  height: 1.27rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 208;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/nav_bg.png);
  background-size: 100% 100%;
}
.nav_box.fixedNav .logo {
  width: 0.79rem;
  height: 0.68rem;
  background: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/logo2.png) no-repeat center center;
  background-size: 100% 100%;
  margin: 0.04rem;
  display: block;
}
.nav_box.fixedNav .top_res_btn {
  width: 1.65rem;
  height: 0.38rem;
  background: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/res_btn.png) no-repeat center center;
  background-size: 100% 100%;
}
.nav_box.fixedNav .bgm,
.nav_box.fixedNav .menu {
  top: 0.2rem;
  transform: scale(0.8);
}
.nav_box.nobg .top_res_btn {
  display: none;
}
.nav_box .logo {
  width: 1.35rem;
  height: 1.17rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/logo.png);
  background-size: 100% 100%;
}
.nav_box .top_res_btn {
  width: 1.7rem;
  height: 0.5rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/m/img/res_btn.png);
  background-size: 100% 100%;
  position: absolute;
  right: 2.9rem;
  top: 0.2rem;
}
.nav_box .top_res_btn.nobg {
  display: none;
}
.nav_box .menu {
  width: 0.38rem;
  height: 0.36rem;
  background: url("https://media.zlongame.com/media/pictures/cn/klsp/m/img/menu.png");
  background-size: 100% 100%;
  position: absolute;
  right: 0.36rem;
}
.nav_box .menu.close {
  width: 0.45rem;
  height: 0.45rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/close.png);
}
.nav_box .bgm {
  width: 0.49rem;
  height: 0.49rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/bgm.png);
  background-size: 100% 100%;
  position: absolute;
  right: 1.2rem;
  top: 0.4rem;
}
.nav_box .bgm.off {
  opacity: 0.6;
}
.nav_box .menu {
  width: 0.44rem;
  height: 0.42rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/menu.png);
  background-size: 100% 100%;
  position: absolute;
  right: 0.4rem;
  top: 0.4rem;
}
.nav_box .user_box {
  width: 2.6rem;
  display: none;
  justify-content: space-between;
  position: absolute;
  top: 1rem;
  right: 0rem;
  z-index: 3;
}
.nav_box .user_box span {
  font-size: 0.24rem;
  color: #000;
}
.nav_box .user_box .quit {
  cursor: pointer;
}
.nav_slide_box {
  width: 100%;
  height: 100vh;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
}
.nav_slide_box .nav_slide {
  width: 100%;
  height: 100%;
  background-color: rgba(231, 224, 224, 0.94);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav_slide_box .nav_slide .nav_list {
  height: 60%;
  justify-content: space-around;
  margin-top: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav_slide_box .nav_slide .nav_list .nav_item {
  width: 3rem;
  height: 1.04rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: relative;
  filter: brightness(0.4);
}
.nav_slide_box .nav_slide .nav_list .nav_item.on {
  filter: none;
}
.nav_slide_box .nav_slide .nav_list .nav_item.n1 {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/nav1_g.png);
}
.nav_slide_box .nav_slide .nav_list .nav_item.n1.on {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/nav1.png);
}
.nav_slide_box .nav_slide .nav_list .nav_item.n2 {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/nav2_g.png);
}
.nav_slide_box .nav_slide .nav_list .nav_item.n2.on {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/nav2.png);
}
.nav_slide_box .nav_slide .nav_list .nav_item.n3 {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/nav3_g.png);
}
.nav_slide_box .nav_slide .nav_list .nav_item.n3.on {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/nav3.png);
}
.nav_slide_box .nav_slide .nav_list .nav_item.n4 {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/nav4_g.png);
}
.nav_slide_box .nav_slide .nav_list .nav_item.n4.on {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/nav4.png);
}
.nav_slide_box .nav_slide .nav_list .nav_item.n5 {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/nav5_g.png);
}
.nav_slide_box .nav_slide .nav_list .nav_item.n5.on {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/nav5.png);
}
.nav_slide_box .nav_slide .bottom_links {
  position: absolute;
  bottom: 10%;
}
.nav_slide_box .nav_slide .divider {
  width: 6.96rem;
  height: 0.49rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/sp.png);
  background-size: 100% 100%;
}
.nav_slide_box .nav_slide .menu_close {
  width: 0.6rem;
  height: 0.6rem;
  background: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/close.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0.6rem;
  right: 0.4rem;
  cursor: pointer;
}
.nav_slide_box .nav_slide .nav_box_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(1.1);
  margin-top: 0.4rem;
}
.nav_slide_box .nav_slide .nav_box_1 .line {
  border: 0.01rem solid #96969b;
  height: 0.28rem;
  margin: 0 0.2rem;
  display: block;
}
.nav_slide_box .nav_slide .nav_box_1 .icon {
  margin: 0 0.2rem;
  position: relative;
  display: flex;
  align-items: center;
}
.nav_slide_box .nav_slide .nav_box_1 .icon a {
  display: block;
  width: 100%;
  height: 100%;
}
.nav_slide_box .nav_slide .nav_box_1 .wx {
  width: 0.48rem;
  height: 0.38rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/wx.png);
  background-size: 100% 100%;
}
.nav_slide_box .nav_slide .nav_box_1 .wx_qy {
  width: 0.46rem;
  height: 0.38rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/qw.png);
  background-size: 100% 100%;
}
.nav_slide_box .nav_slide .nav_box_1 .titok {
  width: 0.32rem;
  height: 0.38rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/dy.png);
  background-size: 100% 100%;
}
.nav_slide_box .nav_slide .nav_box_1 .qq {
  width: 0.32rem;
  height: 0.38rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/qq1.png);
  background-size: 100% 100%;
}
.nav_slide_box .nav_slide .nav_box_1 .tap {
  width: 0.38rem;
  height: 0.38rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/tap.png);
  background-size: 100% 100%;
}
.nav_slide_box .nav_slide .nav_box_1 .bili {
  width: 0.4rem;
  height: 0.38rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/bili.png);
  background-size: 100% 100%;
}
.nav_slide_box .nav_slide .nav_box_1 .wb {
  width: 0.46rem;
  height: 0.38rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/nav/wb.png);
  background-size: 100% 100%;
}
.icon_wrap {
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  display: flex;
  align-items: center;
  height: 0.71rem;
  justify-content: space-evenly;
  width: 84%;
  z-index: 2;
  position: relative;
}
.icon_wrap .line {
  width: 0.01rem;
  height: 0.21rem;
  display: block;
  background: #9dd4f3;
}
.icon_wrap .icon {
  position: relative;
  display: flex;
  align-items: center;
}
.icon_wrap .icon a {
  display: block;
  width: 100%;
  height: 100%;
}
.icon_wrap .wx {
  width: 0.31rem;
  height: 0.24rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/footer/wx.png);
  background-size: 100% 100%;
}
.icon_wrap .wx_qy {
  width: 0.3rem;
  height: 0.24rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/footer/qw.png);
  background-size: 100% 100%;
}
.icon_wrap .titok {
  width: 0.21rem;
  height: 0.24rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/footer/dy.png);
  background-size: 100% 100%;
}
.icon_wrap .qq {
  width: 0.21rem;
  height: 0.24rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/footer/qq.png);
  background-size: 100% 100%;
}
.icon_wrap .tap {
  width: 0.24rem;
  height: 0.24rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/footer/tap.png);
  background-size: 100% 100%;
}
.icon_wrap .bili {
  width: 0.26rem;
  height: 0.24rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/footer/bili.png);
  background-size: 100% 100%;
}
.icon_wrap .wb {
  width: 0.3rem;
  height: 0.24rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/footer/wb.png);
  background-size: 100% 100%;
}
.footer_box {
  width: 7.5rem;
  height: 3.97rem;
  background: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/footer/footer_bg.png);
  background-size: 100% 100%;
  position: relative;
  z-index: 2;
}
.footer_box .copyRight {
  display: flex;
  justify-content: center;
  /* 水平居中子元素 */
  align-items: center;
  /* 垂直居中（如果需要） */
  width: 100%;
  gap: 0.18rem;
  /* 子元素间距，可按需调整 */
}
.footer_box .copyRight .logo {
  position: absolute;
  left: 50%;
  bottom: 2.75rem;
  transform: translateX(-50%);
  width: 1.74rem;
  height: 0.78rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/m/img/page4/logo.png);
  background-size: 100% 100%;
}
.footer_box .copyRight .btn {
  width: 6.9rem;
  height: 0.61rem;
  position: absolute;
  bottom: 2rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.footer_box .copyRight .btn span {
  font-weight: 326;
  color: #000000;
  font-size: 0.23rem;
}
.footer_box .copyRight .btn .line {
  position: relative;
  width: 0.005rem;
  height: 0.21rem;
  margin: 0 0.1rem;
  display: block;
  background: #000;
}
.footer_box .copyRight .webInform {
  display: flex;
  position: absolute;
  left: 50%;
  bottom: 0.52rem;
  transform: translateX(-50%);
  width: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.05rem;
  margin-top: 0.3rem;
}
.footer_box .copyRight .webInform .webi {
  font-weight: 326;
  color: #596267;
  font-size: 0.2rem;
}
.pop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.pop .mask {
  width: 100%;
  height: 100%;
  background-color: rgba(63, 66, 77, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.pop .pop_book {
  width: 6.72rem;
  height: 10.26rem;
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/pop/res_pop.png);
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
}
.pop .pop_book .code_img {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 19%;
  left: 2%;
  right: 0;
  margin: auto;
  border-radius: 0.2rem;
}
.pop .pop_book .close {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
}
.pop .pop_wx,
.pop .pop_qw {
  width: 3.69rem;
  height: 6.57rem;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
}
.pop .pop_wx .code_img,
.pop .pop_qw .code_img {
  width: 2.1rem;
  height: 2.1rem;
  position: absolute;
  top: 12%;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 0.2rem;
}
.pop .pop_wx .close,
.pop .pop_qw .close {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
}
.pop .pop_qw {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/pop/qw_pop.png);
}
.pop .pop_wx {
  background-image: url(https://media.zlongame.com/media/pictures/cn/klsp/static/m/img/pop/wx_pop.png);
}
.pop .pop_video {
  z-index: 101;
  width: 6.9rem;
  height: 4.02rem;
  background: url(https://media.zlongame.com/media/pictures/cn/klsp/m/img/pop/video_pop.png);
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pop .pop_video video {
  width: 100%;
  object-fit: contain;
}
.pop .pop_video .close {
  width: 0.6rem;
  height: 0.6rem;
  background: url(https://media.zlongame.com/media/pictures/cn/klsp/m/img/pop/close.png);
  background-size: 100% 100%;
  position: absolute;
  bottom: -1rem;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
}