* {
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
  display: block;
}

div:focus {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

body,
html {
  position: relative;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial,
    sans-serif;
  font-size: 10px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0;
}

.game-box {
  position: absolute;
  top: 27.25%;
  width: 100%;
}

.game-title {
  width: 52.1%;
  margin-left: 26.7%;
  margin-bottom: 4%;
}

.game-box img:last-child {
  margin: 0 auto;
  width: 79.7%;
}

.game-info-box {
  top: 43.76%;
}

.game-info-box img.game-info {
  width: 80.525%;
}

/* 游戏视频 */
.game-video {
  top: 59.22%;
}

.game-video .game-title {
  margin-bottom: 8%;
}

.video-container {
  width: 83.4%;
  margin: 0 auto;
  position: relative;
}

.video-container video {
  width: 100%;
  display: block;
  border: 1px solid #f8b624;
}

.video-container span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18.54%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

/* 游戏轮播 */
.game-feature {
  position: absolute;
  top: 76.34%;
  width: 100%;
}

.game-feature .game-title {
  margin-bottom: 9.4%;
  width: 50%;
  margin-left: 27.7%;
}

/* 轮播图 */
.swiper-container {
  width: 84.5%;
}

.swiper-slide {
  box-sizing: border-box;
}

.swiper-slide.swiper-slide-active {
  border: 2px solid #f8b624;
  box-sizing: border-box;
  transform: translate3d(-8.2%, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important;
  width: 60.5% !important;
}

.swiper-slide img {
  width: 120%;
}

.swiper-slide.swiper-slide-active img {
  width: 100%;
}

div.swiper-button-next,
div.swiper-button-prev {
  width: 14%;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  display: none;
}