#banner {
    background-image: url('../images/live/livePage/banner.webp')
}
#content {
    background-image: url('../images/live/livePage/bg2.webp')
}
.swiper-button-next {
    background-image: url('../images/live/livePage/next.webp');
    position: relative;
    left: 530px;
    bottom: 100px;
}
.swiper-button-prev {
    background-image: url('../images/live/livePage/prev.webp');
    position: relative;
    left: 380px;
    bottom: 134px;
    margin-top: 0
}
.swiper-button-next, .swiper-button-prev {
    width: 120px;
    height: 35px;
    background-size: cover;
    background-position: 0 0;
    margin-top:0
    
}
.swiper-button-next:hover, .swiper-button-prev:hover{background-position:0 -38px}
.game-list {
    position: relative;
    width: 1100px;
    height: 750px;
}
    .game-list li {
        position: relative;
        z-index: 2;
        cursor:pointer;
    }

        .game-list li.slide {
            width: 119px;
            height: 606px;
            -webkit-transition: width .5s,background .3s;
            -moz-transition: width .5s,background .3s;
            -o-transition: width .5s,background .3s;
            transition: width .5s,background .3s
        }

            .game-list li.slide.active {
                width: 228px
            }

            .game-list li.slide.unactive {
                width: 0
            }