#banner {
    height: 471px;
    margin-top: 0;
    background: none;
    /*background-image: url('https://cdn2.igsttech.com/Web.Portal/BS005-01.Portal/Upload/Slider/03.png')*/
}

#content {
    margin: 0;
    padding-top: 0;
    background-image: url('/web/mb27/images/bg.jpg');
    background-color: #272727
}

#slide-banner {
    position: relative;
    height: 471px;
    min-width: 1040px;
    overflow: hidden
}

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

#imgNames a {
    display: inline-block;
    width: 1920px;
    height: 471px
}

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

#slide-banner .slide-pager li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 4px;
    font-size: 0;
    background-color: #000;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

#slide-banner .slide-pager li.on {
    background-color: #ffde00
}

.account-wrap.home {
    position: absolute;
    top: 104px;
    left: 50%;
    width: 277px;
    height: 317px;
    margin-left: 244px;
    padding: 0 5px;
    background: #222223
}

.account-wrap.home .language {
    top: -11px
}

.account-wrap.home>.wrapper {
    width: auto
}

.account-wrap.home #account-box {
    height: auto;
    padding: 27px 14px 0
}

.account-wrap.home #account-box:before {
    width: 100%;
    margin-bottom: 10px
}

.account-wrap.home #account-box>form input {
    width: 100%;
    height: 36px;
    margin-bottom: 7px;
    line-height: 36px
}

.account-wrap.home #account-box #check-code-wrapper {
    display: block
}

.account-wrap.home *.login-btn {
    width: 100%;
    height: 38px;
    line-height: 38px
}

.account-wrap.home #login-box {
    margin-bottom: 8px
}

.account-wrap.home #login-box:after {
    content: 'LOGIN';
    display: inline-block;
    font-size: 14px;
    vertical-align: middle
}

.account-wrap.home #reg-box:after {
    content: 'REGISTERED';
    display: inline-block;
    font-size: 14px;
    vertical-align: middle
}

.account-wrap.home #agree {
    right: 39px
}

.account-wrap.home .forget-btn {
    top: 52px;
    right: 15px;
    color: #424141;
    color: rgba(255,255,255,.35)
}

.account-wrap.home .forget-btn:hover {
    color: #fff
}

.account-wrap.home #captcha {
    height: 29px
}

.account-wrap.home #account-box.is-login:before {
    content: '';
    display: block;
    height: 45px;
    margin-bottom: 5px;
    background: url('/web/mb27/images/account_title02.png') no-repeat center
}

.account-wrap.home #account-nav>ul {
    padding: 6px 60px 0 5px
}

.account-wrap.home #account-nav>ul li.deposit:before,.account-wrap.home #account-nav>ul li.change-pw:before {
    content: none
}

.account-wrap.home #action-box {
    display: block;
    margin: 18px 0 0
}

#news {
    position: absolute;
    top: 435px;
    left: 50%;
    width: 277px;
    height: 132px;
    margin-left: 244px;
    background: #212121;
    background: rgba(33,33,33,.8)
}

#news>.wrapper {
    width: 100%;
    padding: 38px 15px 8px
}

#news>.wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 37px;
    background: url('/web/mb27/images/news_title.png') no-repeat left center
}

#hot-news {
    height: 86px;
    white-space: normal
}

#hot-news div.main-cell {
    width: 247px;
    height: 86px;
    margin: 0 auto;
    overflow: hidden
}

#hot-news li {
    display: block;
    margin: 0;
    font-size: 12px;
    line-height: 26px
}

.slot-game {
    padding-top: 15px;
    background: #353535
}

.slot-tab {
    display: inline-block;
    width: 257px;
    margin-top: -39px;
    vertical-align: top
}

.slot-tab .tab-list {
    display: block;
    height: 390px
}

.slot-tab .tab-list li {
    position: relative!important;
    display: block;
    width: 257px;
    height: 78px!important;
    padding: 15px 0 0 117px;
    color: #fff;
    font-size: 16px;
    background-color: #424141;
    border-bottom: 1px solid #515050
}

.slot-tab .tab-list li.active {
    color: #2a2a2a;
    background-image: -webkit-linear-gradient(106deg,#d3a852,#fefb85 53%,#ddbb62);
    background-image: -moz-linear-gradient(106deg,#d3a852,#fefb85 53%,#ddbb62);
    background-image: -o-linear-gradient(106deg,#d3a852,#fefb85 53%,#ddbb62);
    background-image: linear-gradient(106deg,#d3a852,#fefb85 53%,#ddbb62)
}

.slot-tab .tab-list li:before {
    content: '';
    position: absolute;
    top: 17px;
    left: 2px;
    width: 101px;
    height: 40px;
    background: no-repeat center;
    background-size: contain
}

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

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

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

.slot-tab .tab-list li[game-box="bb"]:before {
    background-image: url('/web/mb27/images/bb.png');
    background-size: unset
}

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

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

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

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

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

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

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

.slot-tab .tab-list li[game-box="pp"]:before {
    background-image: url('/web/mb27/images/pp.png')
}

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

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

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

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

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

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

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

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

.slot-tab .tab-list li div {
    position: absolute;
    top: 10px;
    left: 117px
}

.slot-tab .tab-list li span {
    display: block;
    font-size: 12px;
    line-height: 20px
}

.slot-tab .slide-click {
    display: block;
    height: 16px;
    background: #424141 no-repeat center;
    border: 1px solid #515050;
    cursor: pointer
}

.slot-tab .slide-click.prev {
    background-image: url('/web/mb27/images/upbtn.png')
}

.slot-tab .slide-click.next {
    background-image: url('/web/mb27/images/downbtn.png')
}

.slot-wrapper {
    display: inline-block;
    width: 504px;
    margin: 0 2px 0 10px;
    padding: 10px 0 0 10px;
    vertical-align: top;
    background-color: #2a2a2a
}

.slot-content {
    display: block;
    font-size: 0
}

.slot-content.ng-hide-add.ng-hide-add-active,.slot-content.ng-hide-remove {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.slot-content.ng-hide-add,.slot-content.ng-hide-remove.ng-hide-remove-active {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.slot-content li {
    position: relative;
    display: inline-block;
    width: 153px;
    height: 164px;
    margin: 0 11px 12px 0;
    padding-top: 120px;
    vertical-align: top;
    overflow: hidden
}

.slot-content li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 153px;
    height: 120px;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

.slot-content 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)
}

.slot-content li .text {
    position: relative;
    z-index: 1;
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    background: #3e3d3d
}

.slot-content li:hover .text {
    color: #000;
    background-image: -webkit-linear-gradient(16deg,#d3a852,#fefb85 53%,#ddbb62);
    background-image: -moz-linear-gradient(16deg,#d3a852,#fefb85 53%,#ddbb62);
    background-image: -o-linear-gradient(16deg,#d3a852,#fefb85 53%,#ddbb62);
    background-image: linear-gradient(16deg,#d3a852,#fefb85 53%,#ddbb62)
}

.slot-content li[data-img="kg01"]:before {
    background-image: url('/web/mb27/images/kg01.png')
}

.slot-content li[data-img="kg02"]:before {
    background-image: url('/web/mb27/images/kg02.png')
}

.slot-content li[data-img="kg03"]:before {
    background-image: url('/web/mb27/images/kg03.png')
}

.slot-content li[data-img="kg04"]:before {
    background-image: url('/web/mb27/images/kg04.png')
}

.slot-content li[data-img="kg05"]:before {
    background-image: url('/web/mb27/images/kg05.png')
}

.slot-content li[data-img="kg06"]:before {
    background-image: url('/web/mb27/images/kg06.png')
}

.slot-content li[data-img="mg01"]:before {
    background-image: url('/web/mb27/images/mg01.png')
}

.slot-content li[data-img="mg02"]:before {
    background-image: url('/web/mb27/images/mg02.png')
}

.slot-content li[data-img="mg03"]:before {
    background-image: url('/web/mb27/images/mg03.png')
}

.slot-content li[data-img="mg04"]:before {
    background-image: url('/web/mb27/images/mg04.png')
}

.slot-content li[data-img="mg05"]:before {
    background-image: url('/web/mb27/images/mg05.png')
}

.slot-content li[data-img="mg06"]:before {
    background-image: url('/web/mb27/images/mg06.png')
}

.slot-content li[data-img="pt01"]:before {
    background-image: url('/web/mb27/images/pt01.png')
}

.slot-content li[data-img="pt02"]:before {
    background-image: url('/web/mb27/images/pt02.png')
}

.slot-content li[data-img="pt03"]:before {
    background-image: url('/web/mb27/images/pt03.png')
}

.slot-content li[data-img="pt04"]:before {
    background-image: url('/web/mb27/images/pt04.png')
}

.slot-content li[data-img="pt05"]:before {
    background-image: url('/web/mb27/images/pt05.png')
}

.slot-content li[data-img="pt06"]:before {
    background-image: url('/web/mb27/images/pt06.png')
}

.slot-content li[data-img="bb01"]:before {
    background-image: url('/web/mb27/images/bb01.png')
}

.slot-content li[data-img="bb02"]:before {
    background-image: url('/web/mb27/images/bb02.png')
}

.slot-content li[data-img="bb03"]:before {
    background-image: url('/web/mb27/images/bb03.png')
}

.slot-content li[data-img="bb04"]:before {
    background-image: url('/web/mb27/images/bb04.png')
}

.slot-content li[data-img="bb05"]:before {
    background-image: url('/web/mb27/images/bb05.png')
}

.slot-content li[data-img="bb06"]:before {
    background-image: url('/web/mb27/images/bb06.png')
}

.slot-content li[data-img="cq901"]:before {
    background-image: url('/web/mb27/images/cq901.png')
}

.slot-content li[data-img="cq902"]:before {
    background-image: url('/web/mb27/images/cq902.png')
}

.slot-content li[data-img="cq903"]:before {
    background-image: url('/web/mb27/images/cq903.png')
}

.slot-content li[data-img="cq904"]:before {
    background-image: url('/web/mb27/images/cq904.png')
}

.slot-content li[data-img="cq905"]:before {
    background-image: url('/web/mb27/images/cq905.png')
}

.slot-content li[data-img="cq906"]:before {
    background-image: url('/web/mb27/images/cq906.png')
}

.slot-content li[data-img="sg01"]:before {
    background-image: url('/web/mb27/images/sg01.png')
}

.slot-content li[data-img="sg02"]:before {
    background-image: url('/web/mb27/images/sg02.png')
}

.slot-content li[data-img="sg03"]:before {
    background-image: url('/web/mb27/images/sg03.png')
}

.slot-content li[data-img="sg04"]:before {
    background-image: url('/web/mb27/images/sg04.png')
}

.slot-content li[data-img="sg05"]:before {
    background-image: url('/web/mb27/images/sg05.png')
}

.slot-content li[data-img="sg06"]:before {
    background-image: url('/web/mb27/images/sg06.png')
}

.slot-content li[data-img="ga01"]:before {
    background-image: url('/web/mb27/images/ga01.png')
}

.slot-content li[data-img="ga02"]:before {
    background-image: url('/web/mb27/images/ga02.png')
}

.slot-content li[data-img="ga03"]:before {
    background-image: url('/web/mb27/images/ga03.png')
}

.slot-content li[data-img="ga04"]:before {
    background-image: url('/web/mb27/images/ga04.png')
}

.slot-content li[data-img="ga05"]:before {
    background-image: url('/web/mb27/images/ga05.png')
}

.slot-content li[data-img="ga06"]:before {
    background-image: url('/web/mb27/images/ga06.png')
}

.slot-content li[data-img="hb01"]:before {
    background-image: url('/web/mb27/images/hb01.png')
}

.slot-content li[data-img="hb02"]:before {
    background-image: url('/web/mb27/images/hb02.png')
}

.slot-content li[data-img="hb03"]:before {
    background-image: url('/web/mb27/images/hb03.png')
}

.slot-content li[data-img="hb04"]:before {
    background-image: url('/web/mb27/images/hb04.png')
}

.slot-content li[data-img="hb05"]:before {
    background-image: url('/web/mb27/images/hb05.png')
}

.slot-content li[data-img="hb06"]:before {
    background-image: url('/web/mb27/images/hb06.png')
}

.slot-content li[data-img="mw01"]:before {
    background-image: url('/web/mb27/images/mw01.png')
}

.slot-content li[data-img="mw02"]:before {
    background-image: url('/web/mb27/images/mw02.png')
}

.slot-content li[data-img="mw03"]:before {
    background-image: url('/web/mb27/images/mw03.png')
}

.slot-content li[data-img="mw04"]:before {
    background-image: url('/web/mb27/images/mw04.png')
}

.slot-content li[data-img="mw05"]:before {
    background-image: url('/web/mb27/images/mw05.png')
}

.slot-content li[data-img="mw06"]:before {
    background-image: url('/web/mb27/images/mw06.png')
}

.slot-content li[data-img="jdb01"]:before {
    background-image: url('/web/mb27/images/jdb01.png')
}

.slot-content li[data-img="jdb02"]:before {
    background-image: url('/web/mb27/images/jdb02.png')
}

.slot-content li[data-img="jdb03"]:before {
    background-image: url('/web/mb27/images/jdb03.png')
}

.slot-content li[data-img="jdb04"]:before {
    background-image: url('/web/mb27/images/jdb04.png')
}

.slot-content li[data-img="jdb05"]:before {
    background-image: url('/web/mb27/images/jdb05.png')
}

.slot-content li[data-img="jdb06"]:before {
    background-image: url('/web/mb27/images/jdb06.png')
}

.slot-content li[data-img="gns01"]:before {
    background-image: url('/web/mb27/images/gns01.png')
}

.slot-content li[data-img="gns02"]:before {
    background-image: url('/web/mb27/images/gns02.png')
}

.slot-content li[data-img="gns03"]:before {
    background-image: url('/web/mb27/images/gns03.png')
}

.slot-content li[data-img="gns04"]:before {
    background-image: url('/web/mb27/images/gns04.png')
}

.slot-content li[data-img="gns05"]:before {
    background-image: url('/web/mb27/images/gns05.png')
}

.slot-content li[data-img="gns06"]:before {
    background-image: url('/web/mb27/images/gns06.png')
}

.slot-content li[data-img="pp01"]:before {
    background-image: url('/web/mb27/images/pp01.png')
}

.slot-content li[data-img="pp02"]:before {
    background-image: url('/web/mb27/images/pp02.png')
}

.slot-content li[data-img="pp03"]:before {
    background-image: url('/web/mb27/images/pp03.png')
}

.slot-content li[data-img="pp04"]:before {
    background-image: url('/web/mb27/images/pp04.png')
}

.slot-content li[data-img="pp05"]:before {
    background-image: url('/web/mb27/images/pp05.png')
}

.slot-content li[data-img="pp06"]:before {
    background-image: url('/web/mb27/images/pp06.png')
}

.slot-content li[data-img="ag01"]:before {
    background-image: url('/web/mb27/images/ag01.png')
}

.slot-content li[data-img="ag02"]:before {
    background-image: url('/web/mb27/images/ag02.png')
}

.slot-content li[data-img="ag03"]:before {
    background-image: url('/web/mb27/images/ag03.png')
}

.slot-content li[data-img="ag04"]:before {
    background-image: url('/web/mb27/images/ag04.png')
}

.slot-content li[data-img="ag05"]:before {
    background-image: url('/web/mb27/images/ag05.png')
}

.slot-content li[data-img="ag06"]:before {
    background-image: url('/web/mb27/images/ag06.png')
}

.slot-content li[data-img="gpi01"]:before {
    background-image: url('/web/mb27/images/gpi01.png')
}

.slot-content li[data-img="gpi02"]:before {
    background-image: url('/web/mb27/images/gpi02.png')
}

.slot-content li[data-img="gpi03"]:before {
    background-image: url('/web/mb27/images/gpi03.png')
}

.slot-content li[data-img="gpi04"]:before {
    background-image: url('/web/mb27/images/gpi04.png')
}

.slot-content li[data-img="gpi05"]:before {
    background-image: url('/web/mb27/images/gpi05.png')
}

.slot-content li[data-img="gpi06"]:before {
    background-image: url('/web/mb27/images/gpi06.png')
}

.slot-content li[data-img="ne01"]:before {
    background-image: url('/web/mb27/images/ne01.png')
}

.slot-content li[data-img="ne02"]:before {
    background-image: url('/web/mb27/images/ne02.png')
}

.slot-content li[data-img="ne03"]:before {
    background-image: url('/web/mb27/images/ne03.png')
}

.slot-content li[data-img="ne04"]:before {
    background-image: url('/web/mb27/images/ne04.png')
}

.slot-content li[data-img="ne05"]:before {
    background-image: url('/web/mb27/images/ne05.png')
}

.slot-content li[data-img="ne06"]:before {
    background-image: url('/web/mb27/images/ne06.png')
}

.slot-content li[data-img="rt01"]:before {
    background-image: url('/web/mb27/images/rt01.png')
}

.slot-content li[data-img="rt02"]:before {
    background-image: url('/web/mb27/images/rt02.png')
}

.slot-content li[data-img="rt03"]:before {
    background-image: url('/web/mb27/images/rt03.png')
}

.slot-content li[data-img="rt04"]:before {
    background-image: url('/web/mb27/images/rt04.png')
}

.slot-content li[data-img="rt05"]:before {
    background-image: url('/web/mb27/images/rt05.png')
}

.slot-content li[data-img="rt06"]:before {
    background-image: url('/web/mb27/images/rt06.png')
}

.slot-content li[data-img="pg01"]:before {
    background-image: url('/web/mb27/images/pg01.png')
}

.slot-content li[data-img="pg02"]:before {
    background-image: url('/web/mb27/images/pg02.png')
}

.slot-content li[data-img="pg03"]:before {
    background-image: url('/web/mb27/images/pg03.png')
}

.slot-content li[data-img="pg04"]:before {
    background-image: url('/web/mb27/images/pg04.png')
}

.slot-content li[data-img="pg05"]:before {
    background-image: url('/web/mb27/images/pg05.png')
}

.slot-content li[data-img="pg06"]:before {
    background-image: url('/web/mb27/images/pg06.png')
}

.slot-content li[data-img="lg01"]:before {
    background-image: url('/web/mb27/images/lg01.png')
}

.slot-content li[data-img="lg02"]:before {
    background-image: url('/web/mb27/images/lg02.png')
}

.slot-content li[data-img="lg03"]:before {
    background-image: url('/web/mb27/images/lg03.png')
}

.slot-content li[data-img="lg04"]:before {
    background-image: url('/web/mb27/images/lg04.png')
}

.slot-content li[data-img="lg05"]:before {
    background-image: url('/web/mb27/images/lg05.png')
}

.slot-content li[data-img="lg06"]:before {
    background-image: url('/web/mb27/images/lg06.png')
}

.slot-content li[data-img="isb01"]:before {
    background-image: url('/web/mb27/images/isb01.png')
}

.slot-content li[data-img="isb02"]:before {
    background-image: url('/web/mb27/images/isb02.png')
}

.slot-content li[data-img="isb03"]:before {
    background-image: url('/web/mb27/images/isb03.png')
}

.slot-content li[data-img="isb04"]:before {
    background-image: url('/web/mb27/images/isb04.png')
}

.slot-content li[data-img="isb05"]:before {
    background-image: url('/web/mb27/images/isb05.png')
}

.slot-content li[data-img="isb06"]:before {
    background-image: url('/web/mb27/images/isb06.png')
}

.slot-content li[data-img="fish01"]:before {
    background-image: url('/web/mb27/images/fish01.png')
}

.slot-content li[data-img="fish02"]:before {
    background-image: url('/web/mb27/images/fish02.png')
}

.slot-content li[data-img="fish03"]:before {
    background-image: url('/web/mb27/images/fish03.png')
}

.slot-content li[data-img="fish04"]:before {
    background-image: url('/web/mb27/images/fish04.png')
}

.slot-content li[data-img="fish05"]:before {
    background-image: url('/web/mb27/images/fish05.png')
}

.slot-content li[data-img="fish06"]:before {
    background-image: url('/web/mb27/images/fish06.png')
}

.slot-right {
    display: inline-block;
    width: 253px;
    height: 362px;
    padding-top: 43px;
    vertical-align: top;
    background: url('/web/mb27/images/winner_bg.png') no-repeat center top
}

.slot-right .jackpot {
    display: block;
    margin-bottom: 107px;
    color: #fefb85;
    font-size: 17px;
    text-align: center
}

.slot-right .winner {
    display: block
}

.slot-right .winner li {
    height: 24px;
    padding-left: 20px;
    color: #868686;
    font-size: 12px;
    line-height: 24px
}

.slot-right .winner li div {
    display: inline-block;
    width: 60px;
    margin-right: 10px;
    vertical-align: top
}

#game-box {
    margin: 50px auto;
    font-size: 0;
    text-align: center
}

#game-box li {
    display: inline-block;
    width: 201px;
    height: 274px;
    margin: 0 3px;
    background: no-repeat center top
}

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

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

#game-box li[data-img="slot"] {
    background-image: url('/web/mb27/images/home_slot.jpg')
}

#game-box li[data-img="fish"] {
    background-image: url('/web/mb27/images/home_fish.jpg')
}

#game-box li[data-img="live"] {
    background-image: url('/web/mb27/images/home_live.jpg')
}

#game-box li[data-img="sport"] {
    background-image: url('/web/mb27/images/home_sport.jpg')
}

#game-box li[data-img="lottery"] {
    background-image: url('/web/mb27/images/home_lottery.jpg')
}

.home-info {
    display: block;
    font-size: 0
}

.home-info>li {
    display: inline-block;
    width: 259px;
    padding-top: 40px;
    vertical-align: top;
    background: no-repeat left top
}

.home-info>li.advantage {
    width: 425px;
    background-image: url('/web/mb27/images/advantage.png')
}

.home-info>li.advantage h4 {
    margin: 13px 0 2px;
    color: #d4aa53;
    font-size: 14px;
    font-weight: normal
}

.home-info>li.advantage p {
    margin: 0;
    color: #5f5f5f;
    font-size: 12px;
    line-height: 20px
}

.home-info>li.process {
    margin: 0 36px 0 45px;
    padding-top: 57px;
    background-image: url('/web/mb27/images/process.png')
}

.home-info>li.process:before {
    content: '';
    display: block;
    height: 276px;
    background: url('/web/mb27/images/process_step.png') no-repeat left center
}

.home-info>li.other {
    padding: 0
}

.home-info>li.other ul {
    display: block;
    padding-top: 49px
}

.home-info>li.other ul.data {
    background: url('/web/mb27/images/data.png') no-repeat
}

.home-info>li.other ul.data>li {
    position: relative;
    display: block;
    margin-bottom: 14px;
    color: #5f5f5f;
    font-size: 14px
}

.home-info>li.other ul.data>li:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 80px;
    width: 160px;
    height: 17px;
    margin-left: 12px;
    background: #3f3f3f;
    border-radius: 14px
}

.home-info>li.other ul.data>li:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 80px;
    z-index: 1;
    height: 17px;
    color: #3f3f3f;
    background: #d4aa53;
    border-radius: 14px
}

.home-info>li.other ul.data>li.member:after {
    width: 107px
}

.home-info>li.other ul.data>li.bet:after {
    width: 103px
}

.home-info>li.other ul.data>li.deposit:after {
    width: 157px
}

.home-info>li.other ul.data>li.money:after {
    width: 129px
}

.home-info>li.other ul.data>li span.word {
    position: relative;
    z-index: 2;
    margin-left: 15px;
    color: #3f3f3f;
    font-size: 12px;
    line-height: 17px
}

.home-info>li.other ul.contact {
    background: url('/web/mb27/images/contact.png') no-repeat
}

.home-info>li.other ul.contact>li {
    display: block;
    height: 26px;
    margin-bottom: 11px;
    padding-left: 34px;
    color: #5a5a5a;
    font-size: 13px;
    line-height: 26px;
    background: no-repeat left center
}

.home-info>li.other ul.contact>li.wechat {
    background-image: url('/web/mb27/images/icon_wechat.png')
}

.home-info>li.other ul.contact>li.qq {
    background-image: url('/web/mb27/images/icon_qq.png')
}

.home-info>li.other ul.contact>li.mail {
    background-image: url('/web/mb27/images/icon_mail.png')
}

.home-info>li.other ul.contact>li span {
    color: #d4aa53
}

@-webkit-keyframes bounceinT {
    0% {
        opacity: 0;
        transform: translateY(-100px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes bounceinT {
    0% {
        opacity: 0;
        transform: translateY(-100px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.bounceinT {
    -webkit-animation-name: bounceinT;
    animation-name: bounceinT
}

@-webkit-keyframes bouncein {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes bouncein {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

.bouncein {
    -webkit-animation-name: bouncein;
    animation-name: bouncein
}

@-webkit-keyframes fadeinB {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeinB {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeinB {
    -webkit-animation-name: fadeinB;
    animation-name: fadeinB
}