#banner {
    background-image: url('../images/live/livePage/banner.jpg')
}
.swiper-button-next {
    background-image:url('../images/live/livePage/next.png')
}
.swiper-button-prev {
    background-image: url('../images/live/livePage/prev.png')
}
.swiper-button-next, .swiper-button-prev{width:45px;height:45px;background-size:cover;background-position:0 0}
.swiper-button-next:hover, .swiper-button-prev:hover{background-position:0 -45px}
.game-list {
    position: relative;
    width: 1000px;
    height: 750px;
    padding: 25px 70px 0 65px; background: url('../images/live/livePage/live_box.jpg') no-repeat left center
}
    .game-list li {
        position: relative;
        z-index: 2
    }

        .game-list li.slide {
            width: 101px;
            height: 564px;
            -webkit-transition: width .5s,background .3s;
            -moz-transition: width .5s,background .3s;
            -o-transition: width .5s,background .3s;
            transition: width .5s,background .3s;
            cursor:pointer;
        }

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

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