.main.Live #banner {
    display: block;
    height: 300px;
    background-image: url(../images/banner_zr.jpg)
}

.main.Live #content {
    background-color: #eff7fa;
    background-image: url(../images/bg.jpg)
}

.livePage .topGame {
    display: block;
    font-size: 0;
    margin-bottom: 30px
}

.livePage .topGame>li {
    position: relative;
    display: inline-block;
    width: 590px;
    height: 200px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    box-shadow: 0 3px 9px rgba(174, 195, 204, .5);
    cursor: pointer
}

.livePage .topGame>li+li {
    margin-left: 20px
}

.livePage .topGame>li>div {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    padding: 21px 42px 20px 43px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #35a8ff
}

.livePage .topGame>li>div .info {
    position: relative;
    margin-bottom: 21px
}

.livePage .topGame>li>div .info:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 69px;
    height: 62px;
    background: url(../images/btn_enter.png) no-repeat center
}

.livePage .topGame>li>div .info .title {
    margin-bottom: 14px;
    color: #343e46;
    font-size: 18px
}

.livePage .topGame>li>div .info .title img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.livePage .topGame>li>div .info p {
    margin: 0;
    color: #343e46;
    font-size: 12px;
    line-height: 1
}

.livePage .topGame>li>div>ul {
    display: block;
    margin: 0 -12px 0 -10px
}

.livePage .topGame>li>div>ul li {
    display: inline-block;
    width: 75px;
    height: 69px;
    vertical-align: top;
    color: #343e46;
    font-size: 12px;
    text-align: center
}

.livePage .topGame>li>div>ul li:before {
    content: "";
    display: block;
    height: 47px;
    width: 47px;
    margin: 0 auto 10px;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(50, 168, 255, .3);
    border-radius: 50%;
    box-sizing: border-box
}

.livePage .topGame>li>div>ul li.live01:before {
    background-image: url(../images/game/01.png)
}

.livePage .topGame>li>div>ul li.live02:before {
    background-image: url(../images/game/02.png)
}

.livePage .topGame>li>div>ul li.live03:before {
    background-image: url(../images/game/03.png)
}

.livePage .topGame>li>div>ul li.live04:before {
    background-image: url(../images/game/04.png)
}

.livePage .topGame>li>div>ul li.live05:before {
    background-image: url(../images/game/05.png)
}

.livePage .topGame>li>div>ul li.live06:before {
    background-image: url(../images/game/06.png)
}

.livePage .topGame>li>div>ul li.live07:before {
    background-image: url(../images/game/07.png)
}

.livePage .topGame>li.pa {
    background-image: url(../images/large_pa.png)
}

.livePage .topGame>li.tp {
    background-image: url(../images/large_tp.jpg)
}

.livePage .topGame>li:hover>div {
    display: block
}

.livePage .gameList {
    margin: 0 -12.5px
}

.livePage .gameList li {
    position: relative;
    display: inline-block;
    width: 220px;
    height: 320px;
    vertical-align: top;
    margin: 0 12.5px 30px;
    color: #343e46;
    font-size: 18px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    box-shadow: 0 3px 9px rgba(174, 195, 204, .5);
    cursor: pointer
}

.livePage .gameList li>div {
    position: absolute;
    left: 21px;
    bottom: 20px;
    text-align: left
}

.livePage .gameList li>div img {
    display: block;
    margin-bottom: 6px
}

.livePage .gameList li:not(.more):hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/btn_enter.png) no-repeat center 92px;
    border: 2px solid #32a8ff;
    border-radius: 5px;
    box-sizing: border-box
}

.livePage .gameList li:not(.more):hover>div {
    color: #32a8ff
}

.livePage .gameList li.BbLive {
    background-image: url(../images/bb.png)
}

.livePage .gameList li.BbLive:hover {
    background-image: url(../images/bb_h.png)
}

.livePage .gameList li.EvoLive {
    background-image: url(../images/evo.png)
}

.livePage .gameList li.EvoLive:hover {
    background-image: url(../images/evo_h.png)
}

.livePage .gameList li.MgDealer {
    background-image: url(../images/mg.png)
}

.livePage .gameList li.MgDealer:hover {
    background-image: url(../images/mg_h.png)
}

.livePage .gameList li.BgLive {
    background-image: url(../images/bgg.png)
}

.livePage .gameList li.BgLive:hover {
    background-image: url(../images/bgg_h.png)
}

.livePage .gameList li.OgLive {
    background-image: url(../images/og.png)
}

.livePage .gameList li.OgLive:hover {
    background-image: url(../images/og_h.png)
}

.livePage .gameList li.EbetLive {
    background-image: url(../images/we.png)
}

.livePage .gameList li.EbetLive:hover {
    background-image: url(../images/we_h.png)
}

.livePage .gameList li.Ibo2Live {
    background-image: url(../images/iba.png)
}

.livePage .gameList li.Ibo2Live:hover {
    background-image: url(../images/iba_h.png)
}

.livePage .gameList li.Cq9Live {
    background-image: url(../images/cq9l.png)
}

.livePage .gameList li.Cq9Live:hover {
    background-image: url(../images/cq9l_h.png)
}

.livePage .gameList li.XgLive {
    background-image: url(../images/xg.png)
}

.livePage .gameList li.XgLive:hover {
    background-image: url(../images/xg_h.png)
}

.livePage .gameList li.PpLive {
    background-image: url(../images/pp.png)
}

.livePage .gameList li.PpLive:hover {
    background-image: url(../images/pp_h.png)
}

.livePage .gameList li.WmLive {
    background-image: url(../images/wm.png)
}

.livePage .gameList li.WmLive:hover {
    background-image: url(../images/wm_h.png)
}

.livePage .gameList li.RgLive {
    background-image: url(../images/rg.png)
}

.livePage .gameList li.RgLive:hover {
    background-image: url(../images/rg_h.png)
}

.livePage .gameList li.PmLive {
    background-image: url(../images/pm.png)
}

.livePage .gameList li.PmLive:hover {
    background-image: url(../images/pm_h.png)
}

.livePage .gameList li.DgLive {
    background-image: url(../images/dg.png)
}

.livePage .gameList li.DgLive:hover {
    background-image: url(../images/dg_h.png)
}

.livePage .gameList li.more {
    background-image: url(../images/more.png)
}