#banner {
    background-image: url('../images/game/gamePage/banner.webp')
}

#content {
    padding: 0;
    background-image: url('../images/game/gamePage/bg2.webp')
}

#lobby {
    padding: 0 10px
}

    #lobby iframe {
        width: 100%;
        height: 900px;
        background: #fff;
        -moz-transition: all linear .2s;
        -o-transition: all linear .2s;
        -webkit-transition: all linear .2s;
        transition: all linear .2s
    }

    #lobby .slider-left {
        position: relative;
        height: 62px;
        margin: 0 auto;
        overflow: hidden;
        background: #b5121b url('../images/game/gamePage/shadow_pepeat.webp') repeat-x left top;
        border: 1px solid #b5121b
    }

        #lobby .slider-left > span {
            position: absolute;
            top: 0;
            z-index: 1;
            display: inline-block;
            width: 35px;
            height: 60px;
            cursor: pointer;
            vertical-align: top
        }

            #lobby .slider-left > span:before {
                content: '';
                display: block;
                height: 100%;
                background: no-repeat center
            }

            #lobby .slider-left > span:hover {
                background-color: #b50f1a;
                background-position: center;
                background-repeat: no-repeat;
                background: -moz-linear-gradient(to bottom,#b50f1a 0%,#78040b 100%);
                background: -webkit-linear-gradient(to bottom,#b50f1a 0%,#78040b 100%);
                background: linear-gradient(to bottom,#b50f1a 0%,#78040b 100%)
            }

            #lobby .slider-left > span.prev {
                left: 0
            }

                #lobby .slider-left > span.prev:before {
                    background-image: url('../images/game/gamePage/prev.webp')
                }

            #lobby .slider-left > span.next {
                right: 0
            }

                #lobby .slider-left > span.next:before {
                    background-image: url('../images/game/gamePage/next.webp')
                }

    #lobby .main-cell {
        margin: 0 35px
    }

    #lobby ul.game-list > li {
        position: relative;
        width: 178px;
        height: 60px;
        color: #f0d0d1;
        font-size: 16px;
        line-height: 60px;
        text-align: center;
        white-space: nowrap;
        float: left;
    }

        #lobby ul.game-list > li:before {
            content: '';
            display: inline-block;
            height: 38px;
            margin-right: 12px;
            vertical-align: middle;
            background: no-repeat center top
        }

        #lobby ul.game-list > li.active {
            background-color: #b50f1a;
            background: -moz-linear-gradient(to bottom,#b50f1a 0%,#78040b 100%);
            background: -webkit-linear-gradient(to bottom,#b50f1a 0%,#78040b 100%);
            background: linear-gradient(to bottom,#b50f1a 0%,#78040b 100%);
            border: 1px solid;
            border-left: none;
            border-right: none;
            border-color: #d72c47;
            border-color: rgba(230,55,90,.7)
        }

            #lobby ul.game-list > li:hover:before, #lobby ul.game-list > li.active:before {
                background-position: center bottom
            }

        #lobby ul.game-list > li + li:after {
            content: '';
            position: absolute;
            left: 0;
            top: 3px;
            bottom: 3px;
            height: 54px;
            border-left: 1px solid rgba(230,55,90,.7)
        }

        #lobby ul.game-list > li:hover {
            color: #ffd234
        }