html, body {
  width: 100%;
  height: 100%;
  background-color: #000;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}

img {
  -webkit-user-drag: none;
  max-width: 100%;
  height: auto;
  display: block;
}

.h5 {
  margin: 0 auto;
  width: 100%;
  max-width: 750px;
  min-height: 100vh;
  background: url(../images/bg.jpg) no-repeat top;
  background-size: cover;
  position: relative;
  padding-bottom: 18vw;
  overflow-x: hidden; /* 防止部分机型横向滑动 */
}

.h5 .logo img {
  width: 88vw;
  max-width: 700px;
  margin: 4vw auto 0;
}

/* 📌轮播自适应 */
.lunbo {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0 2vw;
}

.lunbo img {
  width: 100%;
  border-radius: 1vw;
  transition: opacity .4s;
}

/* 📌Banner模块结构规则化 */
.h5 .banner img {
  width: 95%;
  display: block;
  margin: 0 auto;
}

.h5 .banner .bannergif img {
  width: 90%;
  margin-top: 2vw;
}

.h5 .banner .bannergif .zhuce_btn {
  width: 50vw;
  margin: 3vw auto 0;
}

.h5 .slogan {
  width: 100%;
  text-align: center;
  padding: 3vw 0;
}

.link {
  width: 94%;
  margin: 3vw auto;
  background: url(../images/linksbg.png) no-repeat center;
  background-size: 100% 100%;
  padding-bottom: 3vw;
}

.link a img {
  width: 90%;
  margin: 3vw auto 0;
}

/* 根据父级宽度自动缩放 */
.x_1 img, .x_2 img, .x_3 img {
  width: 40vw;
}

/* 游戏宣传图 */
.pic {
  text-align: center;
}

.pic img {
  width: 94%;
  margin: 5vw auto;
}

/* 底部悬浮条 */
.h5 .bottom {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 750px;
  z-index: 1000;
}

.h5 .bottom > img {
  width: 100%;
}

.h5 .bottom > a.download {
  width: 32vw;
  right: 3vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* 悬浮客服按钮 */
.h5 .kf {
  position: fixed;
  top: 45%;
  right: 0;
  width: 15vw;
  z-index: 9999;
}

.h5 .kf img {
  width: 100%;
}

.h5 .kf:active {
  opacity: 0.85;
}

/* 🔥适配全面屏 & iPhone底部小黑条 */
@supports(padding: env(safe-area-inset-bottom)) {
  .h5 {
    padding-bottom: calc(18vw + env(safe-area-inset-bottom));
  }
  .bottom {
    padding-bottom: env(safe-area-inset-bottom);
  }
}
