#slide-banner {
    position: relative;
    height: 488px;
    overflow: hidden
}

    #slide-banner .slide {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px
    }

        #slide-banner .slide a {
            display: inline-block;
            width: 1920px;
            height: 488px;
            cursor: default
        }

    #slide-banner .slide-pager {
        position: absolute;
        bottom: 73px;
        left: 0;
        width: 100%;
        text-align: center
    }

        #slide-banner .slide-pager li {
            display: inline-block;
            width: 19px;
            height: 19px;
            margin: 0 4px;
            font-size: 0;
            background-color: #fff\9;
            background-color: rgba(255,255,255,.44);
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            cursor: pointer
        }

            #slide-banner .slide-pager li.on {
                background-color: #8b7502\9;
                background-color: rgba(255,240,0,.44)
            }

    #slide-banner .slide-click {
        position: absolute;
        top: 150px;
        left: 50%;
        width: 40px;
        height: 40px;
        color: gray;
        font-size: 25px;
        line-height: 35px;
        text-align: center;
        border: 2px solid gray;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        cursor: pointer
    }

        #slide-banner .slide-click:hover {
            color: #b6b6b6;
            border-color: #b6b6b6
        }

        #slide-banner .slide-click.prev {
            margin-left: -519px
        }

        #slide-banner .slide-click.next {
            margin-left: 515px
        }

#banner {
    height: 488px;
    background: #000
}

#content {
    margin-top: -65px;
    padding-bottom: 0;
    background: url('../images/gamethree/bg_01.1.webp') no-repeat center top
}

#hot-game {
    height: 870px
}

    #hot-game > .wrapper {
        padding: 248px 120px 0
    }

        #hot-game > .wrapper .jackpot {
            position: absolute;
            top: 175px;
            left: 370px;
            color: #d8be04;
            font-size: 28px;
            font-weight: bold
        }

            #hot-game > .wrapper .jackpot:before {
                content: 'CNY';
                margin-right: 50px;
                padding-left: 125px;
                background: url('../images/gamethree_super.webp') no-repeat left 5px
            }

            #hot-game > .wrapper .jackpot.bb:before {
                background-image: url('../images/gamethree_bb.webp')
            }

            #hot-game > .wrapper .jackpot.ag:before {
                background-image: url('../images/gamethree_ag.webp')
            }

            #hot-game > .wrapper .jackpot.mg:before {
                background-image: url('../images/gamethree_mg.webp')
            }

.slide-game {
    position: relative;
    height: 86px;
    width: 100%;
    font-size: 0
}

    .slide-game > span {
        position: absolute;
        top: 12px;
        width: 40px;
        height: 55px;
        z-index: 1;
        background-position: center top;
        background-repeat: no-repeat;
        cursor: pointer
    }
        .slide-game > span:hover {
            background-position: center bottom
        }

        .slide-game > span.prev {
            left: 10px;
            background-image: url('../images/gamethree/prev.webp')
        }

        .slide-game > span.next {
            right: 10px;
            background-image: url('../images/gamethree/next.webp')
        }

    .slide-game .main-cell {
        margin: 0 50px 0 63px;
        overflow: hidden;
        white-space: nowrap
    }

    .slide-game ul.game-list > li {
        display: inline-block;
        width: 107px;
        height: 79px;
        margin: 0 5px;
        color: #fff;
        font-size: 14px;
        text-align: center
    }

        .slide-game ul.game-list > li:hover, .slide-game ul.game-list > li.active {
            background: url('../images/gamethree/hover.webp')
        }

        .slide-game ul.game-list > li:before {
            content: '';
            display: block;
            height: 50px;
            margin: 2px auto 0;
            background-position: center center;
            background-repeat: no-repeat
        }

       


.game-item {
    position: absolute;
    top: 350px;
    right: 125px;
    width: 545px;
    font-size: 0;
    text-align: center
}

    .game-item > ul > li {
        position: relative;
        display: inline-block;
        width: 124px;
        height: 152px;
        margin: 0 4px 15px;
        padding-top: 98px;
        background-repeat: no-repeat;
        background-position: center top
    }

        .game-item > ul > li p {
            margin: 0;
            height: 54px;
            padding-top: 7px;
            color: #fff;
            font-size: 14px;
            background-color: #bc9090;
            background-color: rgba(188,114,114,.4)
        }

            .game-item > ul > li p:after {
                content: '';
                display: block;
                height: 12px;
                margin-top: 3px;
                background: url('../images/gamethree/star.webp') no-repeat center top
            }

        .game-item > ul > li:hover p {
            color: #5e3600;
            background-color: #fce902
        }

            .game-item > ul > li:hover p:after {
                background-position: center bottom
            }

        .game-item > ul > li.img1:after, .game-item > ul > li.img2:after, .game-item > ul > li.img3:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 37px;
            height: 17px;
            background: url('../images/gamethree/hotgame/hot.webp') no-repeat center center
        }

    
.slide-img {
    position: absolute;
    top: 350px;
    left: 140px;
    font-size: 0;
    width: 366px;
    height: 149px;
    overflow: hidden;
    border: 1px solid #423211
}

    .slide-img ul.slide li {
        width: 366px;
        height: 149px
    }

    .slide-img ul.pager {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
        text-align: center
    }

        .slide-img ul.pager li {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin: 0 3px;
            font-size: 0;
            background: #fff;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }

            .slide-img ul.pager li:hover, .slide-img ul.pager li.on {
                background: #fce902
            }

.game-info {
    position: absolute;
    top: 515px;
    left: 140px;
    width: 366px;
    height: 151px;
    padding: 0 13px;
    color: #b79393;
    font-size: 12px;
    text-align: center;
    font-family: SimSun;
    line-height: 23px;
    border: 1px solid #423211
}

    .game-info h4 {
        color: #fff;
        margin: 10px 0;
        font-size: 14px;
        font-weight: normal
    }

.winner {
    position: absolute;
    top: 749px;
    left: 306px;
    width: 565px;
    height: 70px;
    overflow: hidden;
    font-size: 0
}

    .winner > span {
        line-height: 19px
    }

    .winner span {
        display: inline-block;
        width: 94px;
        color: #c3c3c3;
        font-family: SimSun;
        font-size: 12px;
        text-align: center
    }

    .winner ul li span {
        color: #7c7c7c
    }

#game-box {
    display: block;
    height: 751px;
    padding: 55px 0;
    font-size: 0;
    text-align: center;
    background: url('../images/gamethree/bg_02.webp') no-repeat center center
}

    #game-box li {
        display: inline-block;
        width: 371px;
        height: 605px;
        background-position: center top;
        background-repeat: no-repeat
    }

        #game-box li:hover {
            background-position: center bottom
        }

        #game-box li a {
            display: block;
            height: 100%
        }


.about-area {
    height: 471px;
    background: url('../images/gamethree/about.1.webp') no-repeat center center
}

.mobile-area {
    position: relative;
    height: 350px;
    margin-top: -52px;
    background: url('../images/gamethree/mobile.webp') no-repeat center center
}

    .mobile-area > a {
        position: absolute;
        bottom: 85px;
        right: 50%;
        margin-right: -575px;
        width: 113px;
        height: 31px;
        background: url('../images/gamethree/btn03.webp') no-repeat center center
    }