#banner {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/banner.jpg');
    background-size: cover;
}

#banner {
    width: 100%;
    position: relative;
    height: 250px;
    margin-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000;
}


#content {
    position: relative;
    z-index: 0;
    padding: 10px 0;
    padding-top: 10px;
    background-color: #17171b;

}

.main {
    margin-top: 10px;
    padding-bottom: 15px;
    background-color: #e8e8e8;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JI001-01.Portal/Content/Views/Lobby/Live/bg.jpg')
}

.wrapper {
    position: relative;
    width: 1013px;
    margin: 0 auto
}


#lobby {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 0;
}

#lobby ul.game-list {
    content ul {
    margin: 0px 0px 17px 0px;}
    background-color: #17171b;
}

#lobby>ul.game-list>li {
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
}
ul.game-list>li {
    position: relative;
    width: 242px;
    height: 308px;
    margin-bottom: 10px;
    background-color: #18181b;

}

ul.game-list>li+li {
    margin-left: 10px
}
#lobby>ul.game-list>li.no-margin {
    margin-left: 0;
}
ul.game-list>li:before {
    content: '';
    display: none;
    width: 242px;
    height: 308px;
    background: url('../images/hover.png') no-repeat;
    background: rgba(0, 0, 0, 0.7);
}

ul.game-list>li span {
    position: absolute;
    top: 276px;
    left: 17px;
    color: #fff;
    font-size: 13px;
    font-weight: bold
}
ul.game-list>li:hover > .game-btn {
    display: block;

}
/*ul.game-list>li:after {*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: 250px;*/
    /*right: 15px;*/
    /*display: inline-block;*/
    /*width: 50px;*/
    /*height: 50px;*/
    /*background: url('../images/enter.png') no-repeat center top*/
/*}*/

ul.game-list>li:hover:before {
    display: inline-block
}

ul.game-list>li:hover span {
    color: #302012
}

ul.game-list>li:hover:after {
    background-position: center bottom
}
/** 新增游戏按钮 **/
.game-btn {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 10%;
    width: 80%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    color: #2B2B2B;
    font-size: 16px;
    text-decoration: none;
}
.try-btn:hover {
    color: rgb(238,119,52);
    background: rgb(255,255,255);
    border: 1px solid rgb(255,255,255);
}
.play-btn:hover {
    color: rgb(202,2,50);
    background: rgb(255,255,255);
    border: 1px solid rgb(255,255,255);
}
.try-btn{
    border: 1px solid rgb(238,119,52);
    background: rgb(238,119,52);
    top: 55%;
    color: #FFFFFF;
}
.play-btn {
    border: 1px solid rgb(202,2,50);
    background: rgb(202,43,57);
    top: 25%;
    color: #FFFFFF;
}
ul.game-list>li[game-box="bb"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/bb.jpg')
}

ul.game-list>li[game-box="ag"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/ag.jpg')
}

ul.game-list>li[game-box="evo"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/evo.jpg')
}

ul.game-list>li[game-box="pt"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/pt.jpg')
}

ul.game-list>li[game-box="mg"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/mg.jpg')
}

ul.game-list>li[game-box="ab"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/ab.jpg')
}

ul.game-list>li[game-box="gd"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/gd.jpg')
}

ul.game-list>li[game-box="sb"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/sb.jpg')
}

ul.game-list>li[game-box="bg"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/bgg.jpg')
}

ul.game-list>li[game-box="ebet"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/ebet.jpg')
}

ul.game-list>li[game-box="og"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/og.jpg')
}

ul.game-list>li[game-box="sa"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/sa.jpg')
}

ul.game-list>li[game-box="gpi"] {
    background-image: url('../images/zhenren/gpi.png')
}

ul.game-list>li[game-box="dg"] {
    background-image: url('../images/zhenren/dg.jpg')
}

ul.game-list>li[game-box="sexy"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/se.jpg')
}

ul.game-list>li[game-box="bg"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JM001-01.Portal/Content/Views/Lobby/Live/bg.png')
}

ul.game-list>li[game-box="more"] {
    background-image: url('../../../../../../cdn.igsttech.com/Web.Portal/JH001-01.Portal/Content/Views/Lobby/Live/more.jpg')
}



ul.game-list>li[game-box="more"]:hover:before {
    display: none
}

ul.game-list>li[game-box="more"]:after {
    display: none
}