.gamefeature.navigator {
  position: relative;
  height: 86px;
  border-bottom: 1px solid lightgray;
}
.wrapper {
  position: relative;
  top: 103px;
}
.wrapper .grid-container {
  /* display: grid; */
  width: 100%;
  background: url('../image/home/page5/bg.jpg');

  /* grid-template-rows: 2fr 2fr; */
}
.grid-container .play-video {
  width: 90%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  padding-bottom: 35px;
}
.grid-container .play-video .video-wrapper {

}
.grid-container .play-video .video-wrapper .text>img{
  margin-top: 58px;
  object-fit: contain;
}
.grid-container .play-video .video-wrapper img{
  width: 38%;
}
.grid-container .play-video .video-wrapper video{
  position: relative;
  z-index: 1;
  width: 100%;
  display: none;
}
.grid-container .play-video .video-wrapper .one-second-frame {
  position: relative;
  margin-top: 44px;
  display: flex;
  justify-content: center;
}
.grid-container .play-video .video-wrapper .one-second-frame img{
  width: 690px;
  height: 382px;
  filter: brightness(0.5);
  /* display: none; */
}
.grid-container .play-video .video-wrapper .one-second-frame:after{
  content: '';
  background: left / cover url(../../../static/image/page2/play.png);
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.8);
}
.playfeature {
  background: center center / cover url(../image/home/page5/cup.jpg) no-repeat;
  width: 100%;
  /* height: 55%; */
}
.playfeature .feature-wrapper {
  width: 90%;
  margin: 0 auto;
  position: relative;
  padding-top: 60px;
  padding-bottom: 30px;
}
.grid-container .playfeature .feature-wrapper img {
  width: 70%;
  margin-top: 1.4rem;
}
.playfeature .feature-wrapper .swiper-container {
  width: 100%;
  height: 345px;
}
.playfeature .feature-wrapper .swiper-pagination-bullet {
  background: center/cover no-repeat url('../image/home/page2/deactive.png');
  width: 10px;
  height: 10px;
  margin-right: .5rem !important;
}
.playfeature .feature-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: center/cover no-repeat url('../image/home/page2/active.png');
  width: 10px;
  height: 10px;
}
footer {
  width: 100%;
  height: 8.2rem;
  /* height: 12.2rem; */
  background: #131313;
  position: absolute;
  bottom: 0;
  padding-bottom: 10px;
}
footer .terms {
  display: flex;
  color: #6d6d6d;
  font-size: 12px;
  height: 100%;
  width: 90%;
  margin: 0 auto;
  flex-direction: column;
}
footer .terms .logo {
  width: 15%;
  margin-top: 1rem;
}
footer .terms .logo img {
  width: 100%;
  height: 100%;
}
footer span {
  /* padding-top: .5rem; */
}
.gamefeature .navigator {
  position: absolute;
  top: 103px;
}