.wrap-game-list { padding-top: .86rem; background: #a6e42e url(../images/bg2.png) no-repeat center center; background-size: cover; min-height: 9.8rem; }
.wrap-game-list .wrap-game-list-main { width: 100%; max-width: 1320px; min-height: 8rem;  margin: 0 auto; padding: .65rem .16rem; background-color: var(--innerWrapBgColor); margin-top: .2rem; }
.wrap-game-list .wrap-game-list-main li { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25%; padding: 0 .16rem .32rem .16rem; }
.wrap-game-list .wrap-game-list-main li a { display: block; width: 100%; height: auto; border-radius: .12rem; border: 1px solid #ddd; overflow: hidden; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%); background-color: #fff;}
.wrap-game-list .wrap-game-list-main li a:hover { box-shadow: 0 5px 15px 0 rgb(0 0 0 / 30%); }

.wrap-game-list .wrap-game-list-main li a img { width: 100%; display: block; }
.wrap-game-list .wrap-game-list-main li a .game-txt { padding: .12rem .08rem;  }
.wrap-game-list .wrap-game-list-main li a .game-txt h3 { line-height: .4rem; height: .4rem; font-weight: 500; color: var(--innerWrapHColor); font-size: .2rem; width: 100%; overflow: hidden; text-overflow: ellipsis; }

.wrap-game-list .wrap-game-list-main li a .game-txt p { font-size: .14rem; line-height: .24rem; font-weight: 500; color: var(--innerWrapPColor); height: .24rem; width: 100%; overflow: hidden; text-overflow: ellipsis; }

@media screen and (max-width: 980px) {
  .wrap-game-list .wrap-game-list-main li { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; max-width: 33.33%; }
}

@media screen and (max-width: 640px) {
  .wrap-game-list .wrap-game-list-main li { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; }
}