.wraper-games { width: 100%; margin-top: 1.1rem; }
.wraper-games .games-item { width: 100%; padding: .8rem 0 3rem 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%, -15%, 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 .2rem; margin: 0 auto; position: relative; z-index: 2; }
.games-item-con .games-item-icon { width: 3rem; height: 3rem; flex: 1; margin-left: .3rem; }
.games-item-con .games-item-icon img { display: block; width: 3rem;  }
.games-item-con .games-item-info { flex: auto; min-width: 320px; }
.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) {
  
}