#banner {
    position: relative;
    z-index: 0;
    height: 450px;
    background: none;
    background-image: url('/images/002.jpg')
}

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

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

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

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

#slide-banner .slide-pager li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    font-size: 0;
    background-color: #f3eedb;
    cursor: pointer
}

#slide-banner .slide-pager li.on,#slide-banner .slide-pager li:hover {
    background-color: red
}

#header-bot.home {
    position: relative;
    z-index: 1;
    height: 0;
    background-color: transparent
}

#header-bot.home #account-box {
    position: absolute;
    top: 56px;
    right: 0;
    padding: 19px;
    display: inline-block;
    width: 245px;
    height: 296px;
    text-align: left;
    background: url('/web/mb26/images/login_bg.png') no-repeat center top
}

#header-bot.home #account-box:before {
    position: static;
    display: block;
    width: 100%;
    height: 21px;
    margin-bottom: 13px;
    background: url('/web/mb26/images/title01.png') no-repeat center center
}

#header-bot.home #account-box>form input {
    display: block;
    width: 207px;
    height: 36px;
    margin: 0 auto 10px;
    padding-left: 30px;
    color: #925315;
    font-size: 12px;
    line-height: 34px;
    background-color: transparent;
    border: 1px solid #925315;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#header-bot.home #account-box>form input#login_account {
    background-image: url('/web/mb26/images/input_account.png')
}

#header-bot.home #account-box>form input#login_password {
    background-image: url('/web/mb26/images/input_pwd.png')
}

#header-bot.home #account-box>form #check-code-wrapper input {
    display: inline-block;
    width: 137px;
    background-image: url('/web/mb26/images/input_code.png')
}

#header-bot.home #account-box>form button {
    width: 100px;
    height: 40px
}

#header-bot.home #account-box>form button.login-btn {
    background-image: url('/web/mb26/images/btn01.png')
}

#header-bot.home #account-box>form button.join-btn {
    margin-left: 5px;
    background-image: url('/web/mb26/images/btn02.png')
}

#header-bot.home #account-box>form .freeplay-btn {
    float: right;
    display: inline-block;
    margin: 10px 20px 0 0;
    color: #5e3b1a;
    font-size: 16px;
    text-decoration: none;
    vertical-align: top;
    text-transform: uppercase
}

#header-bot.home #account-box>form .forget-btn {
    top: 194px;
    left: 15px;
    color: #5e3b1a;
    font-size: 0
}

#header-bot.home #account-box>form .forget-btn:before {
    content: '忘记密码?';
    font-size: 16px
}

#header-bot.home #captcha {
    top: 0px;
    right: -72px;
    height: 33px;
    width: 65px
}

#header-bot.home #agree {
    top: 85%;
    right: 25px
}

#header-bot.home #agree a {
    color: red
}

#header-bot.home #account-box.is-login:before {
    margin-bottom: 11px;
    background-image: url('/web/mb26/images/title03.png')
}

#header-bot.home ul#account-info {
    height: auto;
    margin: 0;
    background-color: transparent;
    border: none
}

#header-bot.home ul#account-info>li {
    display: block;
    height: 35px;
    padding-left: 25px;
    color: #925315;
    line-height: 35px
}

#header-bot.home ul#account-info>li.user {
    background-image: url('/web/mb26/images/icon_user.png')
}

#header-bot.home ul#account-info>li.money {
    margin: 0;
    background-image: url('/web/mb26/images/icon_money.png')
}

#header-bot.home ul#account-info>li>span.account,#header-bot.home ul#account-info>li a:hover {
    color: red
}

#header-bot.home #mailbox {
    vertical-align: middle
}

#header-bot.home #account-nav {
    margin: 0;
    padding-left: 1px;
    height: auto;
    line-height: 35px
}

#header-bot.home #account-nav>li {
    display: inline-block;
    width: 101px;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#header-bot.home #account-nav>li+li:before {
    display: none
}

#header-bot.home #account-nav>li>a {
    display: inline-block;
    color: #925315;
    line-height: 35px;
    vertical-align: top
}

#header-bot.home #account-nav>li>a:hover {
    color: red
}

#header-bot.home #account-nav>li>a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    vertical-align: top;
    margin: 8px 1px 0 0;
    background-repeat: no-repeat;
    background-position: center center
}

#header-bot.home #account-nav>li.betrecord>a:before {
    background-image: url('/web/mb26/images/icon_betrecord.png')
}

#header-bot.home #account-nav>li.withdraw>a:before {
    background-image: url('/web/mb26/images/icon_withdraw.png')
}

#header-bot.home #account-nav>li.deposit>a {
    color: red;
    font-weight: bold
}

#header-bot.home #account-nav>li.deposit>a:before {
    background-image: url('/web/mb26/images/icon_deposit.png')
}

#header-bot.home #account-nav>li.transaction>a:before {
    background-image: url('/web/mb26/images/icon_transaction.png')
}

#header-bot.home #account-nav>li.changepw>a:before {
    background-image: url('/web/mb26/images/icon_changepw.png')
}

#header-bot.home #action-box {
    display: block;
    padding-top: 15px;
    text-align: center
}

#header-bot.home #action-box>a {
    display: inline-block;
    width: 190px;
    height: 34px;
    font-size: 0;
    line-height: 34px;
    background: url('/web/mb26/images/btn05.png') no-repeat center top
}

#header-bot.home #action-box>a:before {
    content: '退出账户';
    font-size: 13px
}

#header-bot.home #action-box>a:hover {
    opacity: .9
}

#news {
    position: relative;
    z-index: 1;
    margin-top: -40px;
    background: url('/web/mb26/images/new_bg.png')
}

#news .wrapper:before {
    color: #f6c655;
    background-image: url('/web/mb26/images/new_img.png')
}

#hot-news li {
    color: #e8e0c3
}

#news .domain {
    color: #ffdb1e;
    background-image: url('/web/mb26/images/web.png')
}

#content {
    font-size: 0;
    padding: 23px 0 26px;
    background-image: url('/web/mb26/images/bg.jpg')
}

#home>div {
    display: inline-block;
    vertical-align: top
}

.popular-game {
    width: 670px
}

.popular-game:before {
    content: '';
    display: block;
    height: 51px;
    margin-bottom: 17px;
    background: url('/web/mb26/images/imgtext01.png') no-repeat left center
}

.popular-game .game-box {
    height: 424px;
    border: 3px solid #eae0c0;
    border-top: 5px solid #d4c28d
}

.popular-game .hot-game {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 87px;
    height: 93px;
    margin: -5px 1px 0 0;
    border-top: 5px solid #d4c28d;
    background: #eae0c0 url('/web/mb26/images/hotgame.png') no-repeat center center
}

.popular-game .hot-game:hover,.popular-game .hot-game.active {
    border-top: 5px solid #dc4900;
    background-color: #f3eedb
}

.popular-game .slot-list {
    position: relative;
    display: inline-block;
    width: 576px;
    vertical-align: top;
    margin-top: -5px
}

.popular-game .slot-list>span {
    position: absolute;
    top: -60px;
    z-index: 1;
    width: 41px;
    height: 41px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center top
}

.popular-game .slot-list>span.prev {
    right: 38px;
    background-image: url('/web/mb26/images/prev.png')
}

.popular-game .slot-list>span.next {
    right: -3px;
    background-image: url('/web/mb26/images/next.png')
}

.popular-game .slot-list .main-cell {
    margin: 0;
    overflow: hidden;
    white-space: nowrap
}

.popular-game .slot-list ul.game-list>li {
    position: relative;
    display: inline-block;
    width: 96px;
    height: 93px;
    padding-top: 10px;
    color: #684a12;
    font-size: 16px;
    text-align: center;
    background-color: #eae0c0;
    border-top: 5px solid #d4c28d
}

.popular-game .slot-list ul.game-list>li:hover,.popular-game .slot-list ul.game-list>li.active {
    border-top: 5px solid #dc4900;
    background-color: #f3eedb
}

.popular-game .slot-list ul.game-list>li:before {
    content: '';
    display: block;
    height: 38px;
    background-repeat: no-repeat;
    background-position: center center
}

.popular-game .slot-list ul.game-list>li[game-box="bb"]:before {
    background-image: url('/web/mb26/images/bb.png')
}

.popular-game .slot-list ul.game-list>li[game-box="mg"]:before {
    background-image: url('/web/mb26/images/mg.png')
}

.popular-game .slot-list ul.game-list>li[game-box="fish"]:before {
    background-image: url('/web/mb26/images/fish.png')
}

.popular-game .slot-list ul.game-list>li[game-box="pt"]:before {
    background-image: url('/web/mb26/images/pt.png')
}

.popular-game .slot-list ul.game-list>li[game-box="ag"]:before {
    background-image: url('/web/mb26/images/ag.png')
}

.popular-game .slot-list ul.game-list>li[game-box="cq9"]:before {
    background-image: url('/web/mb26/images/cq9.png')
}

.popular-game .slot-list ul.game-list>li[game-box="sg"]:before {
    background-image: url('/web/mb26/images/sg.png')
}

.popular-game .slot-list ul.game-list>li[game-box="jdb"]:before {
    background-image: url('/web/mb26/images/jdb.png')
}

.popular-game .slot-list ul.game-list>li[game-box="mw"]:before {
    background-image: url('/web/mb26/images/mw.png')
}

.popular-game .slot-list ul.game-list>li[game-box="hb"]:before {
    background-image: url('/web/mb26/images/hb.png')
}

.popular-game .slot-list ul.game-list>li[game-box="prg"]:before {
    background-image: url('/web/mb26/images/pp.png')
}

.popular-game .slot-list ul.game-list>li[game-box="ga"]:before {
    background-image: url('/web/mb26/images/ga.png')
}

.popular-game .slot-list ul.game-list>li[game-box="gns"]:before {
    background-image: url('/web/mb26/images/gns.png')
}

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

.popular-game .slot-list ul.game-list>li[game-box="rt"]:before {
    background-image: url('/web/mb26/images/rt.png')
}

.popular-game .slot-list ul.game-list>li[game-box="ne"]:before {
    background-image: url('/web/mb26/images/ne.png')
}

.popular-game .slot-list ul.game-list>li[game-box="pg"]:before {
    background-image: url('/web/mb26/images/pg.png')
}

.popular-game .slot-list ul.game-list>li[game-box="isb"]:before {
    background-image: url('/web/mb26/images/isb.png')
}

.popular-game .slot-list ul.game-list>li[game-box="lg"]:before {
    background-image: url('/web/mb26/images/lg.png')
}

.popular-game .slot-list ul.game-list>li[game-box="kg"]:before {
    background-image: url('/web/mb26/images/kg.png')
}

.popular-game div.slot-panel {
    display: block;
    height: 300px;
    margin-top: 20px;
    padding-left: 10px
}

.popular-game div.slot-panel ul {
    display: block;
    text-align: center
}

.popular-game div.slot-panel li {
    display: inline-block;
    width: 150px;
    height: 140px;
    vertical-align: top;
    margin: 0 10px 10px 0;
    text-align: left
}

.popular-game div.slot-panel li a {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none
}

.popular-game div.slot-panel li div.img {
    position: relative;
    height: 100px;
    overflow: hidden
}

.popular-game div.slot-panel li div.img:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-transition: transform ease .4s;
    -o-transition: transform ease .4s;
    -webkit-transition: transform ease .4s;
    transition: transform ease .4s
}

.popular-game div.slot-panel li div.img:after {
    content: '进入游戏';
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 146px;
    height: 96px;
    color: #dc4900;
    font-size: 14px;
    text-align: center;
    line-height: 96px;
    background: url('/web/mb26/images/hov_bg.png') repeat;
    border: 2px solid #dc4900
}

.popular-game div.slot-panel li:hover div.img:before {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.popular-game div.slot-panel li:hover div.img:after {
    display: inline-block
}

.popular-game div.slot-panel li p {
    position: relative;
    margin: 0;
    height: 40px;
    padding-left: 10px;
    color: #684a12;
    font-size: 14px;
    line-height: 40px;
    background-color: #eae0c0
}

.popular-game div.slot-panel li p span {
    position: relative;
    z-index: 1
}

.popular-game div.slot-panel li p:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: inline-block;
    width: 0;
    height: 40px;
    background-color: #dc4900;
    -moz-transition: width ease .4s;
    -o-transition: width ease .4s;
    -webkit-transition: width ease .4s;
    transition: width ease .4s
}

.popular-game div.slot-panel li p:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 8px;
    display: inline-block;
    width: 55px;
    height: 10px;
    background: url('/web/mb26/images/star.png') no-repeat center top
}

.popular-game div.slot-panel li:hover p {
    color: #fff
}

.popular-game div.slot-panel li:hover p:before {
    width: 100%
}

.popular-game div.slot-panel li:hover p:after {
    background-position: center bottom
}

.popular-game div.slot-panel ul.fish li p {
    font-size: 12px
}

.popular-game div.slot-panel li.hot01 div.img:before {
    background-image: url('/web/mb26/images/h01.jpg')
}

.popular-game div.slot-panel li.hot02 div.img:before {
    background-image: url('/web/mb26/images/h02.jpg')
}

.popular-game div.slot-panel li.hot03 div.img:before {
    background-image: url('/web/mb26/images/h03.jpg')
}

.popular-game div.slot-panel li.hot04 div.img:before {
    background-image: url('/web/mb26/images/h04.jpg')
}

.popular-game div.slot-panel li.hot05 div.img:before {
    background-image: url('/web/mb26/images/h05.jpg')
}

.popular-game div.slot-panel li.hot06 div.img:before {
    background-image: url('/web/mb26/images/h06.jpg')
}

.popular-game div.slot-panel li.hot07 div.img:before {
    background-image: url('/web/mb26/images/h07.jpg')
}

.popular-game div.slot-panel li.hot08 div.img:before {
    background-image: url('/web/mb26/images/h08.jpg')
}

.popular-game div.slot-panel li.mg01 div.img:before {
    background-image: url('/web/mb26/images/h01.jpg')
}

.popular-game div.slot-panel li.mg02 div.img:before {
    background-image: url('/web/mb26/images/h02.jpg')
}

.popular-game div.slot-panel li.mg03 div.img:before {
    background-image: url('/web/mb26/images/h03.jpg')
}

.popular-game div.slot-panel li.mg04 div.img:before {
    background-image: url('/web/mb26/images/h04.jpg')
}

.popular-game div.slot-panel li.mg05 div.img:before {
    background-image: url('/web/mb26/images/h05.jpg')
}

.popular-game div.slot-panel li.mg06 div.img:before {
    background-image: url('/web/mb26/images/h06.jpg')
}

.popular-game div.slot-panel li.mg07 div.img:before {
    background-image: url('/web/mb26/images/h07.jpg')
}

.popular-game div.slot-panel li.mg08 div.img:before {
    background-image: url('/web/mb26/images/h08.jpg')
}

.popular-game div.slot-panel li.ag01 div.img:before {
    background-image: url('/web/mb26/images/h01.jpg')
}

.popular-game div.slot-panel li.ag02 div.img:before {
    background-image: url('/web/mb26/images/h02.jpg')
}

.popular-game div.slot-panel li.ag03 div.img:before {
    background-image: url('/web/mb26/images/h03.jpg')
}

.popular-game div.slot-panel li.ag04 div.img:before {
    background-image: url('/web/mb26/images/h04.jpg')
}

.popular-game div.slot-panel li.ag05 div.img:before {
    background-image: url('/web/mb26/images/h05.jpg')
}

.popular-game div.slot-panel li.ag06 div.img:before {
    background-image: url('/web/mb26/images/h06.jpg')
}

.popular-game div.slot-panel li.ag07 div.img:before {
    background-image: url('/web/mb26/images/h07.jpg')
}

.popular-game div.slot-panel li.ag08 div.img:before {
    background-image: url('/web/mb26/images/h08.jpg')
}

.popular-game div.slot-panel li.pt01 div.img:before {
    background-image: url('/web/mb26/images/h01.jpg')
}

.popular-game div.slot-panel li.pt02 div.img:before {
    background-image: url('/web/mb26/images/h02.jpg')
}

.popular-game div.slot-panel li.pt03 div.img:before {
    background-image: url('/web/mb26/images/h03.jpg')
}

.popular-game div.slot-panel li.pt04 div.img:before {
    background-image: url('/web/mb26/images/h04.jpg')
}

.popular-game div.slot-panel li.pt05 div.img:before {
    background-image: url('/web/mb26/images/h05.jpg')
}

.popular-game div.slot-panel li.pt06 div.img:before {
    background-image: url('/web/mb26/images/h06.jpg')
}

.popular-game div.slot-panel li.pt07 div.img:before {
    background-image: url('/web/mb26/images/h07.jpg')
}

.popular-game div.slot-panel li.pt08 div.img:before {
    background-image: url('/web/mb26/images/h08.jpg')
}

.popular-game div.slot-panel li.bb01 div.img:before {
    background-image: url('/web/mb26/images/h01.jpg')
}

.popular-game div.slot-panel li.bb02 div.img:before {
    background-image: url('/web/mb26/images/h02.jpg')
}

.popular-game div.slot-panel li.bb03 div.img:before {
    background-image: url('/web/mb26/images/h03.jpg')
}

.popular-game div.slot-panel li.bb04 div.img:before {
    background-image: url('/web/mb26/images/h04.jpg')
}

.popular-game div.slot-panel li.bb05 div.img:before {
    background-image: url('/web/mb26/images/h05.jpg')
}

.popular-game div.slot-panel li.bb06 div.img:before {
    background-image: url('/web/mb26/images/h06.jpg')
}

.popular-game div.slot-panel li.bb07 div.img:before {
    background-image: url('/web/mb26/images/h07.jpg')
}

.popular-game div.slot-panel li.bb08 div.img:before {
    background-image: url('/web/mb26/images/h08.jpg')
}

.popular-game div.slot-panel li.mw01 div.img:before {
    background-image: url('/web/mb26/images/h01.jpg')
}

.popular-game div.slot-panel li.mw02 div.img:before {
    background-image: url('/web/mb26/images/h02.jpg')
}

.popular-game div.slot-panel li.mw03 div.img:before {
    background-image: url('/web/mb26/images/h03.jpg')
}

.popular-game div.slot-panel li.mw04 div.img:before {
    background-image: url('/web/mb26/images/h04.jpg')
}

.popular-game div.slot-panel li.mw05 div.img:before {
    background-image: url('/web/mb26/images/h05.jpg')
}

.popular-game div.slot-panel li.mw06 div.img:before {
    background-image: url('/web/mb26/images/h06.jpg')
}

.popular-game div.slot-panel li.mw07 div.img:before {
    background-image: url('/web/mb26/images/h07.jpg')
}

.popular-game div.slot-panel li.mw08 div.img:before {
    background-image: url('/web/mb26/images/h08.jpg')
}

.popular-game div.slot-panel li.cq901 div.img:before {
    background-image: url('/web/mb26/images/h01.jpg')
}

.popular-game div.slot-panel li.cq902 div.img:before {
    background-image: url('/web/mb26/images/h02.jpg')
}

.popular-game div.slot-panel li.cq903 div.img:before {
    background-image: url('/web/mb26/images/h03.jpg')
}

.popular-game div.slot-panel li.cq904 div.img:before {
    background-image: url('/web/mb26/images/h04.jpg')
}

.popular-game div.slot-panel li.cq905 div.img:before {
    background-image: url('/web/mb26/images/h05.jpg')
}

.popular-game div.slot-panel li.cq906 div.img:before {
    background-image: url('/web/mb26/images/h06.jpg')
}

.popular-game div.slot-panel li.cq907 div.img:before {
    background-image: url('/web/mb26/images/h07.jpg')
}

.popular-game div.slot-panel li.cq908 div.img:before {
    background-image: url('/web/mb26/images/h08.jpg')
}

.popular-game div.slot-panel li.jdb01 div.img:before {
    background-image: url('/web/mb26/images/h01.jpg')
}

.popular-game div.slot-panel li.jdb02 div.img:before {
    background-image: url('/web/mb26/images/h02.jpg')
}

.popular-game div.slot-panel li.jdb03 div.img:before {
    background-image: url('/web/mb26/images/h03.jpg')
}

.popular-game div.slot-panel li.jdb04 div.img:before {
    background-image: url('/web/mb26/images/h04.jpg')
}

.popular-game div.slot-panel li.jdb05 div.img:before {
    background-image: url('/web/mb26/images/h05.jpg')
}

.popular-game div.slot-panel li.jdb06 div.img:before {
    background-image: url('/web/mb26/images/h06.jpg')
}

.popular-game div.slot-panel li.jdb07 div.img:before {
    background-image: url('/web/mb26/images/h07.jpg')
}

.popular-game div.slot-panel li.jdb08 div.img:before {
    background-image: url('/web/mb26/images/h08.jpg')
}

.popular-game div.slot-panel li.fish-bb01 div.img:before {
    background-image: url('/web/mb26/images/h01.jpg')
}

.popular-game div.slot-panel li.fish-bb02 div.img:before {
    background-image: url('/web/mb26/images/h02.jpg')
}

.popular-game div.slot-panel li.fish-ag div.img:before {
    background-image: url('/web/mb26/images/h03.jpg')
}

.popular-game div.slot-panel li.fish-mw div.img:before {
    background-image: url('/web/mb26/images/h04.jpg')
}

.popular-game div.slot-panel li.fish-jdb div.img:before {
    background-image: url('/web/mb26/images/h05.jpg')
}

.popular-game div.slot-panel li.fish-pt div.img:before {
    background-image: url('/web/mb26/images/h06.jpg')
}

.popular-game div.slot-panel li.fish-pg div.img:before {
    background-image: url('/web/mb26/images/h07.jpg')
}

.popular-game div.slot-panel li.fish-gns div.img:before {
    background-image: url('/web/mb26/images/h08.jpg')
}

.popular-game div.slot-panel li.sg01 div.img:before {
    background-image: url('/web/mb26/images/h01.jpg')
}

.popular-game div.slot-panel li.sg02 div.img:before {
    background-image: url('/web/mb26/images/h02.jpg')
}

.popular-game div.slot-panel li.sg03 div.img:before {
    background-image: url('/web/mb26/images/h03.jpg')
}

.popular-game div.slot-panel li.sg04 div.img:before {
    background-image: url('/web/mb26/images/h04.jpg')
}

.popular-game div.slot-panel li.sg05 div.img:before {
    background-image: url('/web/mb26/images/h05.jpg')
}

.popular-game div.slot-panel li.sg06 div.img:before {
    background-image: url('/web/mb26/images/h06.jpg')
}

.popular-game div.slot-panel li.sg07 div.img:before {
    background-image: url('/web/mb26/images/h07.jpg')
}

.popular-game div.slot-panel li.sg08 div.img:before {
    background-image: url('/web/mb26/images/h08.jpg')
}

.popular-game .aboutus {
    position: relative;
    padding: 30px 0 0 290px
}

.popular-game .aboutus:before {
    content: '';
    position: absolute;
    top: 19px;
    left: -25px;
    width: 291px;
    height: 186px;
    background: url('/web/mb26/images/about.1.png') no-repeat center center
}

.popular-game .aboutus p.text {
    position: relative;
    margin: 0;
    color: #715219;
    font-size: 12px;
    line-height: 2
}

.popular-game .aboutus p.text:before {
    content: '';
    display: block;
    height: 62px;
    margin-bottom: 15px;
    background: url('/web/mb26/images/imgtext04.png') no-repeat left center
}

.lobby-box {
    width: 310px;
    float: right
}

.lobby-box:before {
    content: '';
    display: block;
    height: 51px;
    margin-bottom: 17px;
    background: url('/web/mb26/images/imgtext02.png') no-repeat left center
}

.lobby-box .lobby-list li {
    display: inline-block;
    width: 77.5px;
    height: 93px;
    color: #684a12;
    text-align: center;
    background-color: #eae0c0
}

.lobby-box .lobby-list li a {
    display: block;
    height: 100%;
    padding-top: 15px;
    color: inherit;
    font-size: 14px;
    text-decoration: none;
    border-top: 5px solid #d4c28d
}

.lobby-box .lobby-list li a:before {
    content: '';
    display: block;
    height: 36px;
    margin-bottom: 6px;
    background-position: center top;
    background-repeat: no-repeat;
    -moz-transition: background-position .4s;
    -o-transition: background-position .4s;
    -webkit-transition: background-position .4s;
    transition: background-position .4s
}

.lobby-box .lobby-list li:hover a,.lobby-box .lobby-list li.active a {
    color: #dc4900;
    border-top: 5px solid #dc4900
}

.lobby-box .lobby-list li:hover a:before,.lobby-box .lobby-list li.active a:before {
    background-position: center bottom
}

.lobby-box .lobby-list li[data-img="live"] a:before {
    background-image: url('/web/mb26/images/live.png')
}

.lobby-box .lobby-list li[data-img="lottery"] a:before {
    background-image: url('/web/mb26/images/lottery.png')
}

.lobby-box .lobby-list li[data-img="sport"] a:before {
    background-image: url('/web/mb26/images/sport.png')
}

.lobby-box .lobby-list li[data-img="mobile"] a:before {
    background-image: url('/web/mb26/images/mobile.png')
}

.lobby-box .lobby-img {
    display: block;
    height: 330px
}

.lobby-box .lobby-img li {
    position: relative;
    height: 100%;
    overflow: hidden
}

.lobby-box .lobby-img li:before {
    content: '';
    display: block;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

.lobby-box .lobby-img li:hover:before {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.lobby-box .lobby-img li[data-img="live"]:before {
    background-image: url('/web/mb26/images/live.jpg')
}

.lobby-box .lobby-img li[data-img="lottery"]:before {
    background-image: url('/web/mb26/images/lottery.jpg')
}

.lobby-box .lobby-img li[data-img="sport"]:before {
    background-image: url('/web/mb26/images/sport.jpg')
}

.lobby-box .lobby-img li[data-img="mobile"]:before {
    background-image: url('/web/mb26/images/mobile.jpg')
}

.lobby-box .lobby-img li a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.lobby-box .lobby-img li a p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 46px;
    background: #000\9;
    background: rgba(0,0,0,.6)
}

.lobby-box .lobby-img li:hover a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('/web/mb26/images/hov_bg.png');
    border: 2px solid #ffd053;
    z-index: 1
}

.lobby-box .lobby-img li:hover a:after {
    content: '进入游戏';
    position: absolute;
    top: 152PX;
    left: 93px;
    display: block;
    font-size: 14px;
    color: #ffd053;
    line-height: 30px;
    border: 2px solid #ffd053;
    width: 120px;
    margin: 0 auto 0;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    z-index: 1;
    text-align: center
}

.lobby-box .other {
    display: block;
    height: 155px;
    margin-top: 20px;
    background: url('/web/mb26/images/text_bg.png') no-repeat center center
}

.lobby-box .other li {
    display: inline-block;
    width: 50%;
    height: 100%;
    vertical-align: top
}

.lobby-box .other li a {
    display: block;
    height: 100%;
    padding: 38px 0 0;
    color: #f2eedd;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

.lobby-box .other li a:before {
    content: '';
    display: block;
    height: 50px;
    margin-bottom: 9px;
    background-position: center center;
    background-repeat: no-repeat
}

.lobby-box .other li[data-img="board"] a:before {
    background-image: url('/web/mb26/images/board.png')
}

.lobby-box .other li[data-img="game"] a:before {
    background-image: url('/web/mb26/images/game.png')
}

.lobby-box .other li:hover a {
    padding: 28px 0 0
}