.wraper-games { width: 100%; margin-top: 1.1rem; min-width: 1180px; overflow: hidden; }
.wraper-games .games-item { width: 100%; padding: 1rem 0 2rem 0; position: relative;; }
.wraper-games .games-item .games-item-bg { 
   width: 100%; position: absolute; bottom: 0; z-index: -1; height: 100%;
   inset: 0px;
   width: 100%;
   height: 100%;
   background-position: 50% 50%;
   pointer-events: none;
   background: var(--gameLiBgColor);
   position: absolute !important;
}
.wraper-games .games-item .games-item-bg::before {
   content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: var(--gameLiBeforeBeColor);
    /* background-color: rgba(255, 255, 255, .15); */
}
.wraper-games .games-item .games-item-bg::after {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 1;
   width: 100%;
   height: 100%;
   background: var(--gameLiAfterBeColor);
}

.wraper-games .games-item .games-item-bg img { 
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate3d(-50%, -20%, 0px);
   transform-style: preserve-3d;
   backface-visibility: hidden;
   height: auto;
   width: 100%;
   min-height: 280px;
   filter: none;
   z-index: -1;
   /* filter:url(#change); */
}
/* .wraper-games .games-item .games-item-bg img { width: 100%; height: 100%; display: block; } */

.wraper-games .games-item .games-item-con { max-width: 1060px; padding: 0; margin: 0 auto; position: relative; z-index: 2;  }
.wraper-games .games-item .games-item-con.right { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.games-item-con .games-item-icon { width: 6.8rem; height: 6rem; padding: .3rem; background-color: rgba(255, 255, 255, 0.4); border-radius: .16rem; }
.games-item-con .games-item-icon img { display: block; height: 100%; width: 100%; border-radius: .14rem;  }
.games-item-con .games-item-info { width: 4.2rem; height: 4.2rem; background-color: rgba(255, 255, 255, 0.8); position: absolute; left: 6.3rem; top: 50%; margin-top: -2rem; padding: .3rem; border-radius: .2rem; }
.games-item-con.right .games-item-info { right: 6.6rem; left: 0; }
.games-item-con .games-item-info h2 { font-size: .6rem; line-height: .65rem; font-weight: 700; color: var(--gameTitleColor); margin-bottom: .24rem; }
.games-item-con .games-item-info p { font-size: .18rem; line-height: .32rem; color: var(--gameDesColor); }

@media screen and (max-width: 768px) {
  .wraper-games .games-item .games-item-con { display: block; }
}