body { background-color: var(--bodyBgColor); }
.game-wraper { width: 100%; background-color: var(--gameBgColor); }
.game-wraper .game-wraper-main { width: 100%; max-width: 768px; margin: 0 auto; padding: .2rem .3rem; background-color: var(--gameMainBgColor); }
.game-wraper .game-wraper-main li { width: calc(50% - 12px); border: 3px solid var(--gameLiBorderColor); background-color: var(--gameLiBgColor); border-radius: 8px; overflow: hidden; margin-bottom: .24rem; padding: 0 0 .12rem 0; }
.game-wraper .game-wraper-main li .game-img { display: block; width: 100%; }
.game-wraper .game-wraper-main li .game-img img { display: block; width: 100%; height: auto;}
.game-wraper .game-wraper-main li .game-txt { margin-top: 5px; height: .52rem; line-height: .52rem; text-align: center; font-size: .22rem; color: var(--gameLiColor); font-weight: 900; font-family: poppins, sans-serif; }
.game-wraper .game-wraper-main li .game-btn { padding: 0.05rem .1rem; }
.game-wraper .game-wraper-main li .game-btn a { width: 1.52rem; height: .5rem; display: inline-block; }
.game-wraper .game-wraper-main li .game-btn a img { display: block; width: 100%; height: 100%;}

.game-wraper .game-wraper-main  .all-game { width: 100%; text-align: center; }
.game-wraper .game-wraper-main  .all-game .all-game-btn { line-height: .35rem; font-size: .28rem; font-family: 'poppins', sans-serif; font-weight: 500; text-decoration: underline; color: var(--gameAllBtnColor); }