body { position: fixed; width: 100%; height: 100%;}
.footer { position: absolute; bottom: 0; height: .6rem; line-height: .6rem; }
.footer .footer-main { padding: 0 .12rem; }
.wrap-games { width: 100%; position: absolute; width: 100%; height: calc(100% - 1.88rem); }
.wrap-games .wrap-games-main { width: 100%; height: 100%;  margin: 0 auto; overflow: hidden; }
.wrap-games .wrap-games-main .swiper-button-next, .wrap-games .wrap-games-main .swiper-button-prev { 
  background-color: rgba(255, 255, 255, 0.3);
  height: 72px;
  width: 52px;
}
.wrap-games .wrap-games-main .swiper-button-next:hover, .wrap-games .wrap-games-main .swiper-button-prev:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.wrap-games .wrap-games-main li { width: 100%; position: relative; background-position: bottom center; background-repeat: no-repeat; background-size: cover; text-align: center; }

.wrap-games .wrap-games-main li .game-des { width: 100%; height: 4rem; background: url(../images/banner-bg.png) no-repeat bottom center; background-size: cover; }

.wrap-games .wrap-games-main li .game-des h3 { height: 1rem; line-height: 1rem; margin-bottom: .3rem; }
.wrap-games .wrap-games-main li .game-des h3 img { width: 1rem; height: 1rem; display: inline-block; margin-right: .2rem;}
.wrap-games .wrap-games-main li .game-des h3 p { font-size: .5rem; font-weight: 700; color: #2e2f30; }
.wrap-games .wrap-games-main li .game-des p { font-size: .24rem; max-width: 7.2rem; color: #444; line-height: 1.5; }

@media screen and (max-width: 768px) {
  .wrap-games .wrap-games-main li .game-des .download-btn { display: none;}
}