.u-asyncGameList-list[data-v-c35c3d30] {
    background: #1a1a1a url(../images/slotMachine_bg.png) no-repeat bottom;
    background-size: 100%;
    border: 1px solid #e0c165;
    min-height: 864px;
    height: 100%
}

.u-asyncGameList-list header[data-v-c35c3d30] {
    font-size: 0
}

.u-asyncGameList-list .wrapper[data-v-c35c3d30] {
    position: relative;
    width: 850px;
    margin: 0 auto
}

.u-asyncGameList-list #logo[data-v-c35c3d30] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    font-size: 18px;
    color: #60bb00;
    font-weight: 700;
    font-family: Arial, Microsoft JhengHei, "\5FAE\8EDF\6B63\9ED1\9AD4", "\5FAE\8F6F\6B63\9ED1\4F53"
}

.u-asyncGameList-list #logo img[data-v-c35c3d30] {
    max-width: 100px;
    max-height: 50px
}

.u-asyncGameList-list #search[data-v-c35c3d30] {
    background-color: #60bb00;
    position: absolute;
    top: 20px;
    right: 0;
    width: 200px;
    height: 40px;
    padding: 5px;
    background-color: #333;
    border-radius: 3px
}

.u-asyncGameList-list #search input[data-v-c35c3d30] {
    width: 150px;
    margin-right: 5px;
    padding: 0 5px;
    color: #000;
    font-size: 12px;
    font-family: Arial, Microsoft JhengHei, "\5FAE\8EDF\6B63\9ED1\9AD4", "\5FAE\8F6F\6B63\9ED1\4F53";
    line-height: 30px;
    background-color: #fff;
    border: none
}

.u-asyncGameList-list #search button[data-v-c35c3d30] {
    width: 30px;
    color: #fff;
    font-size: 20px;
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: none
}

.u-asyncGameList-list #search>[data-v-c35c3d30] {
    display: inline-block;
    height: 30px;
    vertical-align: top;
    border: none
}

.u-asyncGameList-list nav[data-v-c35c3d30] {
    margin-bottom: 15px;
    padding: 10px 0 0;
    min-height: 50px;
    background-color: #474747
}

.u-asyncGameList-list #game-nav[data-v-c35c3d30] {
    display: block;
    font-size: 0
}

.u-asyncGameList-list #game-nav>li[data-v-c35c3d30] {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px 0;
    vertical-align: top;
    cursor: pointer
}

.u-asyncGameList-list #game-nav>li>span[data-v-c35c3d30] {
    display: inline-block;
    padding: 0 15px;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    color: #60bb00
}

.u-asyncGameList-list #game-nav>li.active>span[data-v-c35c3d30],
.u-asyncGameList-list #game-nav>li:hover>span[data-v-c35c3d30] {
    font-weight: 700;
    background-color: #60bb00;
    color: #fff;
    border-radius: 15px
}

.u-asyncGameList-list .slotMachine-game-list[data-v-c35c3d30] {
    position: relative;
    margin: 0 auto;
    display: block;
    padding: 0;
    font-size: 0;
    text-align: left
}

.u-asyncGameList-list .slotMachine-game-list li[data-v-c35c3d30] {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 180px;
    margin: 5px;
    vertical-align: top;
    z-index: 0;
    border: 1px solid #ccc;
    border-radius: 10px
}

.u-asyncGameList-list .slotMachine-game-list li[data-v-c35c3d30]:hover {
    background-color: #60bb00;
    border-color: #60bb00
}

.u-asyncGameList-list .slotMachine-game-list li:hover .game-logo[data-v-c35c3d30]:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 9px;
    width: 140px;
    height: 140px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../images/hover.png)
}

.u-asyncGameList-list .slotMachine-game-list li:hover .transition-item[data-v-c35c3d30] {
    opacity: 1
}

.u-asyncGameList-list .slotMachine-game-list li img.icon[data-v-c35c3d30] {
    position: absolute;
    z-index: 2
}

.u-asyncGameList-list .slotMachine-game-list li .game-logo[data-v-c35c3d30] {
    position: relative;
    height: 100%;
    padding-top: 9px;
    text-align: center
}

.u-asyncGameList-list .slotMachine-game-list li .game-logo img[data-v-c35c3d30] {
    position: relative;
    display: inline-block;
    width: 140px;
    height: 140px
}

.u-asyncGameList-list .slotMachine-game-list li .game-text[data-v-c35c3d30] {
    position: absolute;
    bottom: 5px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.u-asyncGameList-list .slotMachine-game-list li .transition-item[data-v-c35c3d30] {
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
    width: 140px;
    height: 140px;
    top: 0;
    left: 0;
    margin: 9px 9px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0
}

.u-asyncGameList-list .slotMachine-game-list li .transition-item button[data-v-c35c3d30] {
    background: #60bb00;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 10px 0;
    color: #fff
}

.u-asyncGameList-list .u-pagination[data-v-c35c3d30] {
    display: block;
    margin: 20px auto 15px;
    text-align: center;
    font-size: 0
}

.u-asyncGameList-list.u-asyncGameList-10002 #logo {
    color: #32b5e9
}

.u-asyncGameList-list.u-asyncGameList-10002 #game-nav>li.active>span,
.u-asyncGameList-list.u-asyncGameList-10002 #game-nav>li:hover>span,
.u-asyncGameList-list.u-asyncGameList-10002 #search {
    background-color: #32b5e9
}

.u-asyncGameList-list.u-asyncGameList-10002 .slotMachine-game-list li:hover {
    background-color: #32b5e9;
    border-color: #32b5e9
}

.u-asyncGameList-list.u-asyncGameList-10002 .slotMachine-game-list li .transition-item button {
    background: #32b5e9;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 10px 0;
    color: #fff
}

.u-asyncGameList-list.u-asyncGameList-10004 #logo {
    color: #0092be
}

.u-asyncGameList-list.u-asyncGameList-10004 #game-nav>li.active>span,
.u-asyncGameList-list.u-asyncGameList-10004 #game-nav>li:hover>span,
.u-asyncGameList-list.u-asyncGameList-10004 #search {
    background-color: #0092be
}

.u-asyncGameList-list.u-asyncGameList-10004 .slotMachine-game-list li:hover {
    background-color: #0092be;
    border-color: #0092be
}

.u-asyncGameList-list.u-asyncGameList-10004 .slotMachine-game-list li .transition-item button {
    background: #0092be;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 10px 0;
    color: #fff
}

.u-asyncGameList-list.u-asyncGameList-10007 #logo {
    color: #fe2949
}

.u-asyncGameList-list.u-asyncGameList-10007 #game-nav>li.active>span,
.u-asyncGameList-list.u-asyncGameList-10007 #game-nav>li:hover>span,
.u-asyncGameList-list.u-asyncGameList-10007 #search {
    background-color: #fe2949
}

.u-asyncGameList-list.u-asyncGameList-10007 .slotMachine-game-list li:hover {
    background-color: #fe2949;
    border-color: #fe2949
}

.u-asyncGameList-list.u-asyncGameList-10007 .slotMachine-game-list li .transition-item button {
    background: #fe2949;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 10px 0;
    color: #fff
}

.u-asyncGameList-list.u-asyncGameList-10009 #logo {
    color: #312f6e
}

.u-asyncGameList-list.u-asyncGameList-10009 #game-nav>li.active>span,
.u-asyncGameList-list.u-asyncGameList-10009 #game-nav>li:hover>span,
.u-asyncGameList-list.u-asyncGameList-10009 #search {
    background-color: #312f6e
}

.u-asyncGameList-list.u-asyncGameList-10009 .slotMachine-game-list li:hover {
    background-color: #312f6e;
    border-color: #312f6e
}

.u-asyncGameList-list.u-asyncGameList-10009 .slotMachine-game-list li .transition-item button {
    background: #312f6e;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 10px 0;
    color: #fff
}

.u-asyncGameList-list.u-asyncGameList-10016 #logo {
    color: #bd0000
}

.u-asyncGameList-list.u-asyncGameList-10016 #game-nav>li.active>span,
.u-asyncGameList-list.u-asyncGameList-10016 #game-nav>li:hover>span,
.u-asyncGameList-list.u-asyncGameList-10016 #search {
    background-color: #bd0000
}

.u-asyncGameList-list.u-asyncGameList-10016 .slotMachine-game-list li:hover {
    background-color: #bd0000;
    border-color: #bd0000
}

.u-asyncGameList-list.u-asyncGameList-10016 .slotMachine-game-list li .transition-item button {
    background: #bd0000;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 10px 0;
    color: #fff
}

.u-asyncGameList-list.u-asyncGameList-10020 #logo {
    color: #eeaf45
}

.u-asyncGameList-list.u-asyncGameList-10020 #game-nav>li.active>span,
.u-asyncGameList-list.u-asyncGameList-10020 #game-nav>li:hover>span,
.u-asyncGameList-list.u-asyncGameList-10020 #search {
    background-color: #eeaf45
}

.u-asyncGameList-list.u-asyncGameList-10020 .slotMachine-game-list li:hover {
    background-color: #eeaf45;
    border-color: #eeaf45
}

.u-asyncGameList-list.u-asyncGameList-10020 .slotMachine-game-list li .transition-item button {
    background: #eeaf45;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 10px 0;
    color: #fff
}

.u-asyncGameList-list.u-asyncGameList-10021 #logo {
    color: #60bb00
}

.u-asyncGameList-list.u-asyncGameList-10021 #game-nav>li.active>span,
.u-asyncGameList-list.u-asyncGameList-10021 #game-nav>li:hover>span,
.u-asyncGameList-list.u-asyncGameList-10021 #search {
    background-color: #60bb00
}

.u-asyncGameList-list.u-asyncGameList-10021 .slotMachine-game-list li:hover {
    background-color: #60bb00;
    border-color: #60bb00
}

.u-asyncGameList-list.u-asyncGameList-10021 .slotMachine-game-list li .transition-item button {
    background: #60bb00;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 10px 0;
    color: #fff
}

.u-asyncGameList-list.u-asyncGameList-10022 #logo {
    color: #60bb00
}

.u-asyncGameList-list.u-asyncGameList-10022 #game-nav>li.active>span,
.u-asyncGameList-list.u-asyncGameList-10022 #game-nav>li:hover>span,
.u-asyncGameList-list.u-asyncGameList-10022 #search {
    background-color: #60bb00
}

.u-asyncGameList-list.u-asyncGameList-10022 .slotMachine-game-list li:hover {
    background-color: #60bb00;
    border-color: #60bb00
}

.u-asyncGameList-list.u-asyncGameList-10022 .slotMachine-game-list li .transition-item button {
    background: #60bb00;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 10px 0;
    color: #fff
}

.u-asyncGameList-list.u-asyncGameList-10024 #logo {
    color: #60bb00
}

.u-asyncGameList-list.u-asyncGameList-10024 #game-nav>li.active>span,
.u-asyncGameList-list.u-asyncGameList-10024 #game-nav>li:hover>span,
.u-asyncGameList-list.u-asyncGameList-10024 #search {
    background-color: #60bb00
}

.u-asyncGameList-list.u-asyncGameList-10024 .slotMachine-game-list li:hover {
    background-color: #60bb00;
    border-color: #60bb00
}

.u-asyncGameList-list.u-asyncGameList-10024 .slotMachine-game-list li .transition-item button {
    background: #60bb00;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 10px 0;
    color: #fff
}

.u-asyncGameList-list.u-asyncGameList-10025 #logo {
    color: #f2941a
}

.u-asyncGameList-list.u-asyncGameList-10025 #game-nav>li.active>span,
.u-asyncGameList-list.u-asyncGameList-10025 #game-nav>li:hover>span,
.u-asyncGameList-list.u-asyncGameList-10025 #search {
    background-color: #f2941a
}

.u-asyncGameList-list.u-asyncGameList-10025 .slotMachine-game-list li:hover {
    background-color: #f2941a;
    border-color: #f2941a
}

.u-asyncGameList-list.u-asyncGameList-10025 .slotMachine-game-list li .transition-item button {
    background: #f2941a;
    -webkit-transition: all .35s;
    transition: all .35s;
    margin: 10px 0;
    color: #fff
}

.u-slider .slider {
    display: inline-block;
    position: static;
    overflow: hidden
}

.u-slider .slider>span {
    position: absolute;
    z-index: 999;
    display: inline-block;
    top: 45px;
    width: 28px;
    height: 40px;
    background-position: top;
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: top
}

.u-slider .slider>span>span:hover {
    background: bottom
}

.u-slider .slider>span.prev {
    margin-left: -52px;
    background-image: url(../images/prev.png)
}

.u-slider .slider>span.next {
    margin-left: 25px;
    background-image: url(../images/next.png)
}

.u-slider .slider .main-cell {
    overflow: hidden
}

.u-slider .slider .main-cell .game-list {
    text-align: left;
    white-space: nowrap;
    overflow: visible;
    position: relative;
    left: 0;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.u-slider .slider .main-cell .game-list li {
    text-align: center;
    cursor: pointer
}

.m-header-top #div-meiDonNow {
    position: absolute;
    left: 50%;
    margin-left: -415px;
    top: 12px;
    color: #fff;
    font-size: 12px
}

.m-header-top ul.top-nav {
    position: absolute;
    right: 50%;
    margin-right: -540px;
    top: 12px;
    font-size: 0
}

.m-header-top ul.top-nav>li {
    display: inline-block;
    color: #fff;
    vertical-align: top
}

.m-header-top ul.top-nav>li>a {
    color: inherit;
    font-size: 12px;
    text-decoration: none
}

.m-header-top ul.top-nav>li+li:before {
    content: "|";
    display: inline-block;
    padding: 0 5px;
    color: #fff;
    font-size: 12px
}

.m-header-top ul.top-nav>li.yellow {
    color: #ff0
}

.m-header-top ul.top-nav>li.red {
    color: red
}

.m-header-top ul.top-nav>li.green {
    color: #34ee25
}

.m-header-top ul.top-nav>li.blue {
    color: #21f6fe
}

.m-header-top ul.top-nav>li#language {
    margin-left: 8px
}

.m-header-top ul.top-nav>li#language span {
    display: inline-block;
    width: 20px;
    height: 17px;
    margin-right: 3px;
    vertical-align: top;
    background: url(../images/lan.png) no-repeat;
    cursor: pointer
}

.m-header-top ul.top-nav>li#language span[data-language=zh-CN] {
    background-position: 0
}

.m-header-top ul.top-nav>li#language:before {
    content: ""
}

.g-hd-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.g-hd-info .common-tools,
.g-hd-info .common-tools .international {
    font-size: 12px
}

.g-hd-info .info-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 14px
}

.g-hd-info .info-tools .tools-item {
    color: #ccc;
    padding: 0 10px
}

.g-hd-info .info-tools .tools-item-group {
    margin-left: 10px
}

.g-hd-info .info-tools .tools-item-group>* {
    color: #ccc;
    padding: 0 5px;
    cursor: pointer
}

.g-hd-info .info-tools .tools-item-group>:hover {
    color: #d9bc6a;
    text-decoration: underline
}

.g-hd-info .iconfont {
    font-size: 12px
}

.g-hd-info .iconfont.icon-i-profile {
    padding: 2px;
    border-radius: 50%;
    background: #d9bc6a;
    color: #000
}

div.el-tooltip__popper.download-popover {
    background: rgba(50, 50, 50, .8)
}

.header-middle #mailbox {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: top;
    text-decoration: none;
    background: url(../images/m_icon.png) no-repeat
}

.header-middle #mailbox>span,
.header-middle #mailbox>span:hover {
    position: absolute;
    left: 80%;
    bottom: 60%;
    min-width: 8px;
    padding: 0 2px;
    height: 8px;
    color: #000;
    font-size: 12px;
    text-align: center;
    line-height: 8px;
    border-radius: 5px;
    background: #fff47e
}

.header-middle .el-form .el-form-item__content {
    overflow: hidden
}

.header-middle #account-box {
    position: absolute;
    left: 135%;
    margin-left: -540px;
    padding: 50px 0 0 0;
    width: 248px;
    top: 188px;
    height: 297px;
    z-index: 99;
    background: url(../images/login_bg.png) no-repeat 50%
}

.header-middle #account-box .linechat-btn {
    visibility: hidden
}

.header-middle #account-box.login {
    padding: 65px 25px 0;
    text-align: left;
    background-image: url(../images/login_bg03.png)
}

.header-middle #account-box.login #account-info>li {
    height: 34px;
    line-height: 34px
}

.header-middle #account-box.login ul#account-info>li>span.account {
    display: inline-block;
    max-width: 8em;
    color: #fcff00;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    overflow: hidden;
    line-height: inherit
}

.header-middle #account-box.login #account-nav li {
    display: inline-block;
    margin-top: 10px
}

.header-middle #account-box.login #account-nav li a:hover {
    cursor: pointer;
    color: #fd0
}

.header-middle #account-box.login #account-nav .no-border:before {
    display: none
}

.header-middle #account-box.login #account-nav li+li:before {
    content: "|";
    padding: 0 8px;
    color: #fff;
    font-size: 12px
}

.header-middle #account-box.login #action-box>.logout-btn {
    margin-top: 15px;
    width: 101px;
    height: 36px;
    background-image: url(../images/btn02.png);
    display: inline-block;
    text-align: center;
    line-height: 36px;
    font-weight: 700
}

.header-middle #account-box form {
    position: relative;
    padding: 7px 0;
    text-align: center
}

.header-middle #account-box form .input-group {
    margin: 0 auto 12px;
    display: inline-block;
    position: relative
}

.header-middle #account-box form .input-group .input-icon {
    position: absolute;
    left: 23px;
    width: 17px;
    height: 17px;
    z-index: 10;
    background-position: 50%;
    background-repeat: no-repeat;
    top: 9px
}

.header-middle #account-box form .input-group .input-icon.account {
    background-image: url(../images/icon01.png)
}

.header-middle #account-box form .input-group .input-icon.password {
    background-image: url(../images/icon02.png)
}

.header-middle #account-box form .input-group .input-icon.check {
    background-image: url(../images/icon03.png)
}

.header-middle #account-box form .input-group .forget-btn {
    position: absolute;
    top: 10px;
    right: 23px;
    color: #87696e;
    font-size: 12px
}

.header-middle #account-box form .input-group input {
    display: inline-block;
    padding: 0 0 0 26px;
    color: #fff;
    font-size: 14px;
    background-color: transparent;
    background-image: url(../images/input-big.png);
    background-repeat: no-repeat;
    background-position: 50%;
    border: none;
    width: 211px;
    height: 36px;
    line-height: 36px
}

.header-middle #account-box form .input-group input::-webkit-input-placeholder {
    color: #fff
}

.header-middle #account-box form .input-group input::-moz-placeholder {
    color: #fff
}

.header-middle #account-box form .input-group input:-ms-input-placeholder {
    color: #fff
}

.header-middle #account-box form .input-group input::-ms-input-placeholder {
    color: #fff
}

.header-middle #account-box form .input-group input::placeholder {
    color: #fff
}

.header-middle #account-box form button {
    width: 101px;
    height: 36px;
    line-height: 36px;
    font-weight: 700;
    border: none;
    background: transparent;
    color: #fff
}

.header-middle #account-box form button:hover {
    opacity: .7
}

.header-middle #account-box form button.login-btn {
    width: 211px;
    height: 36px;
    color: #000;
    margin-bottom: 12px;
    font-size: 18px;
    background-image: url(../images/btn01.png)
}

.header-middle #account-box form button.login-btn:hover+#agree {
    opacity: 1
}

.header-middle #account-box form button.register-btn {
    width: 211px;
    background: url(../images/btn02.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.header-middle #account-box form button.freeplay-btn {
    margin-left: 10px;
    background-image: url(../images/btn03.png)
}

.header-middle #account-box form button.linechat-btn {
    display: inline-block;
    width: 91px;
    height: 31px;
    vertical-align: top;
    background: url(../images/btn07.png) no-repeat top;
    margin-left: 6px;
    cursor: pointer
}

.header-middle #account-box form #agree {
    display: inline-block;
    position: absolute;
    z-index: 1;
    padding: 2px 5px;
    font-size: 12px;
    color: #fff;
    background-color: #000;
    top: 188px;
    right: 20px;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.header-middle #account-box form #captcha .el-input__suffix {
    top: 2px;
    bottom: 2px;
    right: 21px;
    width: 80px;
    overflow: hidden;
    height: auto
}

.header-middle #account-box form #captcha img {
    position: relative;
    top: -5px;
    right: 0;
    bottom: -6px;
    height: 40px;
    width: 100%
}

.header-middle #account-bot.ScrollTop {
    position: fixed;
    top: 132px;
    left: 0;
    right: 0;
    height: 45px;
    z-index: 10;
    font-size: 0;
    background: url(../images/login_bg-small.png) repeat-x 0
}

.header-middle #account-bot.ScrollTop #account-box.login {
    text-align: right;
    background-image: url(../images/login_icon2.png)
}

.header-middle #account-bot.ScrollTop #account-box.login #account-info,
.header-middle #account-bot.ScrollTop #account-box.login #account-nav,
.header-middle #account-bot.ScrollTop #account-box.login #action-box {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 45px;
    margin-left: 10px
}

.header-middle #account-bot.ScrollTop #account-box.login #account-info>li,
.header-middle #account-bot.ScrollTop #account-box.login #account-nav>li {
    margin-top: 0;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 45px
}

.header-middle #account-bot.ScrollTop #account-box.login #account-nav>li.no-border:before {
    display: inline
}

.header-middle #account-bot.ScrollTop #account-box.login #account-nav>li+li:before {
    content: "|";
    padding: 0 3px;
    color: #fff;
    font-size: 12px
}

.header-middle #account-bot.ScrollTop #account-box.login .logout-btn {
    background: url(../images/btn05.png) no-repeat 50%;
    margin-top: 0;
    display: inline-block;
    width: 91px;
    height: 31px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 31px;
    vertical-align: middle;
    margin-left: 10px
}

.header-middle #account-bot.ScrollTop #account-box {
    top: 0;
    height: unset;
    left: unset;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    height: 45px;
    padding-left: 130px;
    background: url(../images/login_icon.png) no-repeat 0
}

.header-middle #account-bot.ScrollTop #account-box #agree {
    top: 38px;
    right: 192px
}

.header-middle #account-bot.ScrollTop #account-box .linechat-btn {
    display: inline-block;
    width: 91px;
    height: 31px;
    vertical-align: middle;
    background: url(../images/btn07.png) no-repeat top;
    margin-left: 6px;
    visibility: visible;
    border: none;
    cursor: pointer
}

.header-middle #account-bot.ScrollTop #account-box form {
    position: relative;
    display: block;
    padding: 0;
    text-align: left;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 30px
}

.header-middle #account-bot.ScrollTop #account-box form .el-input {
    width: 171px
}

.header-middle #account-bot.ScrollTop #account-box form .input-group {
    margin: 0;
    display: inline-block;
    position: relative;
    margin-right: 5px
}

.header-middle #account-bot.ScrollTop #account-box form .input-group .input-icon {
    top: 7px;
    left: 3px
}

.header-middle #account-bot.ScrollTop #account-box form .input-group .forget-btn {
    top: 8px;
    right: 3px
}

.header-middle #account-bot.ScrollTop #account-box form .input-group input {
    display: inline-block;
    width: 171px;
    height: 31px;
    line-height: 31px;
    padding: 0 0 0 26px;
    color: #fff;
    font-size: 14px;
    background-color: transparent;
    background-image: url(../images/input.png);
    background-repeat: no-repeat;
    background-position: 50%;
    border: none
}

.header-middle #account-bot.ScrollTop #account-box form button {
    width: 91px;
    height: 31px;
    line-height: 31px;
    font-size: 16px;
    font-weight: 700;
    border: none;
    line-height: 1
}

.header-middle #account-bot.ScrollTop #account-box form button.login-btn {
    margin: 0;
    color: #000;
    background: url(../images/btn04.png) no-repeat top;
    margin-left: 6px
}

.header-middle #account-bot.ScrollTop #account-box form button.register-btn {
    color: #fff;
    background: url(../images/btn05.png) no-repeat top;
    margin-left: 6px
}

.header-middle #account-bot.ScrollTop #account-box form button.freeplay-btn {
    color: #fff;
    background: url(../images/btn06.png) no-repeat top;
    margin-left: 6px
}

.header-middle #account-bot.ScrollTop #account-box form #captcha .el-input__suffix {
    right: 1px
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    min-width: 1080px;
    background: url(../images/header.png) no-repeat
}

#header>.wrapper {
    position: static
}

@-webkit-keyframes YellowToWhite {
    0% {
        color: #ff0
    }
    49% {
        color: #ff0
    }
    50% {
        color: #fff
    }
    to {
        color: #fff
    }
}

@keyframes YellowToWhite {
    0% {
        color: #ff0
    }
    49% {
        color: #ff0
    }
    50% {
        color: #fff
    }
    to {
        color: #fff
    }
}

@-webkit-keyframes RedToWhite {
    0% {
        color: #ff000e
    }
    49% {
        color: #ff000e
    }
    50% {
        color: #fff
    }
    to {
        color: #fff
    }
}

@keyframes RedToWhite {
    0% {
        color: #ff000e
    }
    49% {
        color: #ff000e
    }
    50% {
        color: #fff
    }
    to {
        color: #fff
    }
}

#header .yellow-to-white {
    -webkit-animation: YellowToWhite 1s linear .5s infinite;
    animation: YellowToWhite 1s linear .5s infinite
}

#header .red-to-white {
    -webkit-animation: RedToWhite 1s linear .5s infinite;
    animation: RedToWhite 1s linear .5s infinite
}

#header #logo-bg {
    position: relative;
    display: inline-block;
    margin: 18px 0 0 -.5px;
}

#header #logo-bg,
#header #logo-bg iframe {
    width: 307px;
    height: 116px
}

#header #nav {
    float: right;
    margin-top: 56px;
    font-size: 0;
    text-align: center
}

#header #nav>.nav-menu {
    background: transparent;
    position: static;
    border: none
}

#header #nav>.nav-menu>.nav-item {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: inherit;
    position: static;
    width: 80px;
    height: 93px;
    color: #fff;
    background-color: transparent;
    margin-top: -25px;
}

#header #nav>.nav-menu>.nav-item.hot a:after {
    content: "";
    position: absolute;
    top: 10px;
    right: -8px;
    width: 16px;
    height: 17px;
    /*
	background: url(../images/hot.gif) no-repeat top
    */
}

#header #nav>.nav-menu>.nav-item a {
    position: relative;
    display: block;
    height: 100%;
    padding-top: 20px;
    color: inherit;
    font-size: 14px;
    text-decoration: none
}

#header #nav>.nav-menu>.nav-item a span {
    display: block;
    font-size: 11px;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

#header #nav>.nav-menu>.nav-item.is-active,
#header #nav>.nav-menu>.nav-item:active,
#header #nav>.nav-menu>.nav-item:hover {
    background: url(../images/nav_hover.png) no-repeat top
}

#header #nav>.nav-menu>.nav-item:hover .subnav {
    display: block
}

#header #nav>.nav-menu>.nav-item .subnav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 139px;
    text-align: center;
    font-size: 0;
    white-space: nowrap;
    z-index: 1;
    background: rgba(27, 21, 21, .9)
}

#header #nav>.nav-menu>.nav-item .subnav .main-cell,
#header #nav>.nav-menu>.nav-item .subnav ol {
    display: inline-block;
    vertical-align: top
}

#header #nav>.nav-menu>.nav-item .subnav .discount {
    display: inline-block;
    height: 139px;
    border-right: 1px solid #3f3131;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#header #nav>.nav-menu>.nav-item .subnav .discount p {
    width: 100%;
    font-size: 12px;
    padding: 10px 0 5px
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-decimal,
#header #nav>.nav-menu>.nav-item .subnav .discount .num-dot,
#header #nav>.nav-menu>.nav-item .subnav .discount .num-pre,
#header #nav>.nav-menu>.nav-item .subnav .discount .num-single {
    background: url(../images/navbar-sub-sprite.png) no-repeat
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-single[num="9"] {
    background-position: -480.91603053px 0
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-single[num="8"] {
    background-position: -427.48091603px 0
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-single[num="7"] {
    background-position: -374.04580153px 0
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-single[num="6"] {
    background-position: -320.61068702px 0
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-single[num="5"] {
    background-position: -267.17557252px 0
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-single[num="4"] {
    background-position: -213.74045802px 0
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-single[num="3"] {
    background-position: -160.30534351px 0
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-single[num="2"] {
    background-position: -52.870229px 0;
    background-position: -106.870229px 0;
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-single[num="1"] {
    background-position: -53.4351145px 0
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-single[num="0"] {
    background-position: -104px 0
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num1[num="0"] {
    background-position: -110px 0;
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-decimal,
#header #nav>.nav-menu>.nav-item .subnav .discount .num-dot,
#header #nav>.nav-menu>.nav-item .subnav .discount .num-pre,
#header #nav>.nav-menu>.nav-item .subnav .discount .num-single {
    height: 78.6259542px;
    position: relative;
    display: inline-block
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-single {
    width: 53.4351145px
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-decimal {
    width: 41.98473282px
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-dot {
    width: 15px;
    background-position: -462px -93px
}

#header #nav>.nav-menu>.nav-item .subnav .discount .num-pre {
    width: 40px;
    background-position: -421.5px -93px
}

#header #nav>.nav-menu>.nav-item .subnav li {
    display: inline-block;
    height: 139px;
    width: 120px;
    color: #fff;
    font-size: 15px;
    vertical-align: top;
    border-right: 1px solid #3f3131
}

#header #nav>.nav-menu>.nav-item .subnav li p {
    padding: 15px 0 5px;
    height: 70px
}

#header #nav>.nav-menu>.nav-item .subnav li p img {
    height: 50px
}

#header #nav>.nav-menu>.nav-item .subnav li:after {
    content: "";
    display: block;
    width: 70px;
    height: 24px;
    margin: 10px auto 0;
    background: url(../images/play.png) no-repeat top
}

#header #nav>.nav-menu>.nav-item .subnav li:hover:after {
    background-position: bottom
}

#header #nav>.nav-menu>.nav-item .subnav:after {
    content: "";
    display: inline-block;
    height: 139px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: 50%
}

#header #nav>.nav-menu>.nav-item .subnav.SlotMachine .next {
    margin-left: 152px!important
}

#header #nav>.nav-menu>.nav-item .subnav.SlotMachine:after {
    width: 152px;
    background-image: url(../images/subnav_slot.png)
}

#header #nav>.nav-menu>.nav-item .subnav.Chess .next {
    margin-left: 139px!important
}

#header #nav>.nav-menu>.nav-item .subnav.Chess:after {
    width: 139px;
    background-image: url(../images/subnav_chess.png)
}

#header #nav>.nav-menu>.nav-item .subnav.Casino .next {
    margin-left: 152px!important
}

#header #nav>.nav-menu>.nav-item .subnav.Casino:after {
    width: 152px;
    background-image: url(../images/subnav_casino.png)
}

#header #nav>.nav-menu>.nav-item .subnav.Lottery .next {
    margin-left: 236px!important
}

#header #nav>.nav-menu>.nav-item .subnav.Lottery:after {
    width: 236px;
    background-image: url(../images/subnav_lottery.png)
}

#footer[data-v-0811e272] {
    background: url(../images/footer_bg.jpg) no-repeat top
}

.wrapper[data-v-0811e272] {
    position: relative;
    width: 1080px;
    margin: 0 auto
}

.wrapper #footer-logo[data-v-0811e272] {
    display: block;
    padding: 20px 0;
    font-size: 0;
    text-align: center
}

.wrapper #footer-logo li[data-v-0811e272] {
    position: relative;
    display: inline-block;
    height: 47px;
    margin: 0 8px;
    background-position: 50%;
    background-repeat: no-repeat
}

.wrapper #footer-logo li[data-v-0811e272]:after,
.wrapper #footer-logo li[data-v-0811e272]:before {
    content: "";
    height: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    -webkit-transition: all .4s;
    transition: all .4s
}

.wrapper #footer-logo li[data-v-0811e272]:before {
    display: block;
    opacity: 0
}

.wrapper #footer-logo li[data-v-0811e272]:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: top
}

.wrapper #footer-logo li[data-img="1"][data-v-0811e272]:after,
.wrapper #footer-logo li[data-img="1"][data-v-0811e272]:before {
    width: 78px;
    background-image: url(../images/01.png)
}

.wrapper #footer-logo li[data-img="2"][data-v-0811e272]:after,
.wrapper #footer-logo li[data-img="2"][data-v-0811e272]:before {
    width: 97px;
    background-image: url(../images/02.png)
}

.wrapper #footer-logo li[data-img="3"][data-v-0811e272]:after,
.wrapper #footer-logo li[data-img="3"][data-v-0811e272]:before {
    width: 124px;
    background-image: url(../images/03.png)
}

.wrapper #footer-logo li[data-img="4"][data-v-0811e272]:after,
.wrapper #footer-logo li[data-img="4"][data-v-0811e272]:before {
    width: 146px;
    background-image: url(../images/04.png)
}

.wrapper #footer-logo li[data-img="5"][data-v-0811e272]:after,
.wrapper #footer-logo li[data-img="5"][data-v-0811e272]:before {
    width: 57px;
    background-image: url(../images/05.png)
}

.wrapper #footer-logo li[data-img="6"][data-v-0811e272]:after,
.wrapper #footer-logo li[data-img="6"][data-v-0811e272]:before {
    width: 95px;
    background-image: url(../images/06.png)
}

.wrapper #footer-logo li[data-img="7"][data-v-0811e272]:after,
.wrapper #footer-logo li[data-img="7"][data-v-0811e272]:before {
    width: 79px;
    background-image: url(../images/07.png)
}

.wrapper #footer-logo li[data-img="8"][data-v-0811e272]:after,
.wrapper #footer-logo li[data-img="8"][data-v-0811e272]:before {
    width: 154px;
    background-image: url(../images/08.png)
}

.wrapper #footer-logo li[data-img="9"][data-v-0811e272]:after,
.wrapper #footer-logo li[data-img="9"][data-v-0811e272]:before {
    width: 46px;
    background-image: url(../images/09.png)
}

.wrapper #footer-logo li[data-img="10"][data-v-0811e272]:after,
.wrapper #footer-logo li[data-img="10"][data-v-0811e272]:before {
    width: 32px;
    background-image: url(../images/10.png)
}

.wrapper #footer-logo li[data-v-0811e272]:hover:after {
    background-position: center 47px
}

.wrapper #footer-logo li[data-v-0811e272]:hover:before {
    opacity: 1
}

.wrapper #footer-nav[data-v-0811e272] {
    display: block;
    font-size: 0;
    line-height: 32px;
    text-align: center
}

.wrapper #footer-nav li+li[data-v-0811e272]:before {
    content: "|";
    padding: 0 10px;
    color: #ebcf76;
    font-size: 12px
}

.wrapper #footer-nav li[data-v-0811e272] {
    display: inline-block
}

.wrapper #footer-nav li a[data-v-0811e272] {
    color: #ebcf76;
    font-size: 12px;
    text-align: center;
    text-decoration: none
}

.wrapper #footer-nav li a[data-v-0811e272]:hover {
    color: #ff3131
}

#footer-suggest[data-v-0811e272] {
    margin: 0;
    height: 74px;
    padding-top: 15px;
    color: #a18088;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    background: #0e0a0b
}

.m-advertising {
    z-index: 1001;
    width: 0;
    height: 0
}

.m-advertising .services {
    position: absolute;
    z-index: 10;
    top: 150px;
    overflow: hidden;
    z-index: 1001;
    -webkit-transition: all .4s;
    transition: all .4s
}

.m-advertising .services>ul {
    width: 207px;
    -webkit-transition: margin .4s;
    transition: margin .4s
}

.m-advertising .services a {
    display: block;
    height: 100%
}

.m-advertising .services .closed {
    height: 50px;
    cursor: pointer
}

.m-advertising .service-right {
    right: -146px;
    width: 192px;
    background: url(../images/advertising/service-right2.png) no-repeat 50%;
    -webkit-transition: all .4s;
    transition: all .4s
}

.m-advertising .service-right:hover {
    right: 0
}

.m-advertising .service-right .girl {
    font-size: 0;
    width: 100%
}

.m-advertising .service-right .girl .chat {
    cursor: pointer;
    width: 125px;
    height: 108px;
    margin-left: 55px
}

.m-advertising .service-right .girl .mail,
.m-advertising .service-right .girl .mobile,
.m-advertising .service-right .girl .qq {
    width: 125px;
    height: 55px;
    margin-left: 55px;
    font-size: 20px;
    line-height: 84px;
    text-align: center;
    color: #ecd87f
}

.m-advertising .service-right .girl .mail {
    font-size: 15px
}

.m-advertising .service-right .girl .qq {
    line-height: 87px
}

.m-advertising .service-right .girl .mobile>a {
    color: inherit;
    line-height: 90px;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 100%
}

.m-advertising .service-right .girl .qrcode {
    width: 130px;
    height: 187px;
    margin-left: 55px
}

.m-advertising .service-right .girl .qrcode img {
    position: absolute;
    top: 318px;
    left: 70px;
    width: 99px;
    max-height: 110px
}

.g-main-container .container[data-v-c6f1a90c] {
    background-position: bottom;
    background-size: cover;
    background-attachment: fixed
}

.g-side-menu .g-side-menu-group .g-side-menu-title i {
    color: #f9d985;
    margin-right: 5px
}

.g-side-menu .g-side-menu-item:hover {
    background: #f6d888
}

.g-side-menu .g-side-menu-item.is-active {
    background: #f9d985
}

.g-side-menu .g-side-menu-group {
    margin-top: 3px;
    background: transparent
}

.g-side-menu .g-side-menu-group .g-side-menu-sub {
    margin-bottom: 12px
}

.g-side-menu .g-side-menu-group .g-side-menu-title {
    line-height: 60px;
    padding: 0 20px;
    background: #2e2e31
}

.g-side-menu .g-side-menu-group .g-side-menu-title i {
    color: #dec888
}

.g-side-menu .g-side-menu-item {
    margin-bottom: 1px;
    padding: 0 40px;
    background: #4b4b4b;
    line-height: 50px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.g-side-menu .g-side-menu-item:after {
    -webkit-transition: all .5s;
    transition: all .5s;
    content: "";
    position: absolute;
    top: 23px;
    right: -15px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.g-side-menu .g-side-menu-item:hover {
    color: #333;
    background: #dac68b
}

.g-side-menu .g-side-menu-item:hover i {
    color: #333
}

.g-side-menu .g-side-menu-item.is-active {
    background: #dec888;
    color: #333
}

.g-side-menu .g-side-menu-item.is-active:after {
    right: 15px
}

.g-side-menu .g-side-menu-item.is-active i {
    color: #333
}

.g-side-menu .g-side-menu-item i {
    color: #a7a7a7;
    margin-right: 5px
}

.g-side-menu .g-homeSidebar-bannerTitle {
    background: url(../images/nav_left_background.png) rgba(75, 75, 75, .8) no-repeat;
    background-size: cover;
    font-size: 24px;
    color: #d9bc6a;
    padding: 18px 30px;
    font-weight: 700
}

.g-side-menu .g-homeSidebar-bannerTitle .sub-title {
    font-size: 14px;
    color: #fff
}

.g-titlebar-main[data-v-22276529] {
    padding: 30px;
    background: url(../images/titlebar-bg.png) rgba(75, 75, 75, .8) no-repeat;
    background-size: cover
}

.g-titlebar-main .title[data-v-22276529] {
    color: #f9d985;
    font-size: 22px;
    font-weight: 700
}

.g-titlebar-main i[data-v-22276529] {
    font-size: 22px
}

.m-member-container {
    margin-top: 184px;
    padding: 20px 0;
    background-image: url(../images/background.jpg);
    background-color: transparent
}

.m-member-container .titlebar {
    margin-bottom: 2px
}

.m-member-container .g-page-container {
    padding: 18px 25px 18px 10px
}

.m-member-container .f-channel-pic {
    background: url(../images/member/user-center-sprite.png) no-repeat
}

.m-member-container .f-bank-pic {
    background: url(../images/member/bank-sprite.png) no-repeat;
    -webkit-transition: all 1s;
    transition: all 1s;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px
}

.m-member-container .f-bank-pic[num="17"] {
    background-position: -150px -25px
}

.m-member-container .f-bank-pic[num="16"] {
    background-position: -125px -25px
}

.m-member-container .f-bank-pic[num="15"] {
    background-position: -100px -25px
}

.m-member-container .f-bank-pic[num="14"] {
    background-position: -75px -25px
}

.m-member-container .f-bank-pic[num="13"] {
    background-position: -50px -25px
}

.m-member-container .f-bank-pic[num="12"] {
    background-position: -25px -25px
}

.m-member-container .f-bank-pic[num="11"] {
    background-position: 0 -25px
}

.m-member-container .f-bank-pic[num="10"] {
    background-position: -225px 0
}

.m-member-container .f-bank-pic[num="9"] {
    background-position: -200px 0
}

.m-member-container .f-bank-pic[num="8"] {
    background-position: -175px 0
}

.m-member-container .f-bank-pic[num="7"] {
    background-position: -150px 0
}

.m-member-container .f-bank-pic[num="6"] {
    background-position: -125px 0
}

.m-member-container .f-bank-pic[num="5"] {
    background-position: -100px 0
}

.m-member-container .f-bank-pic[num="4"] {
    background-position: -75px 0
}

.m-member-container .f-bank-pic[num="3"] {
    background-position: -50px 0
}

.m-member-container .f-bank-pic[num="2"] {
    background-position: -25px 0
}

.m-member-container .f-bank-pic[num="1"] {
    background-position: 0 0
}

.u-notice {
    width: 100%;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 12px
}

.u-notice .notice-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    height: 38px;
    color: #c8c8c8;
    font-size: 12px;
    line-height: 38px;
    text-decoration: none
}

.u-notice .notice-item:hover {
    text-decoration: underline
}

.u-notice .iconfont {
    color: #ffd953
}

.u-notice .button-align {
    width: 70px;
    text-align: right;
    height: 38px;
    color: #ffd953;
    font-size: 12px;
    font-weight: 700;
    line-height: 38px
}

.u-notice .wire {
    margin: 0 5px
}

.u-notice .icon {
    color: #51b6ee;
    margin: 0 18px 0 7px
}

.u-notice .content {
    padding: 0 5px;
    height: 100%;
    line-height: 46px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: content 35s linear infinite;
    animation: content 35s linear infinite
}

.u-notice .content:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes content {
    0% {
        text-indent: 80%
    }
    to {
        text-indent: -100%
    }
}

@keyframes content {
    0% {
        text-indent: 80%
    }
    to {
        text-indent: -100%
    }
}

.m-guide-container {
    position: relative;
    overflow: hidden
}

.m-guide-container #banner {
    background-image: url(../images/banner.jpg)
}

.m-guide-container #banner #news {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.m-guide-container #content {
    background-image: url(../images/background.jpg);
    background-color: #1e181a
}

.m-guide-container #content #un-lobby {
    width: 1081px
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.da6a1c0d.eot);
    src: url(../fonts/iconfont.da6a1c0d.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url(../fonts/iconfont.a924bbd6.woff) format("woff"), url(../fonts/iconfont.b94cce32.ttf) format("truetype"), url(../img/iconfont.5586660d.svg#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-qdao:before {
    content: "\E61D"
}

.icon-deposit:before {
    content: "\E6F3"
}

.icon-gamepad:before {
    content: "\EAED"
}

.icon-envelope:before {
    content: "\E6E5"
}

.icon-safe:before {
    content: "\E6BC"
}

.icon-calendar:before {
    content: "\E611"
}

.icon-zuixin:before {
    content: "\E638"
}

.icon-shengyin:before {
    content: "\E64D"
}

.icon-back-top:before {
    content: "\E613"
}

.icon-exit:before {
    content: "\E634"
}

.icon-about:before {
    content: "\E61E"
}

.icon-kefu:before {
    content: "\E68B"
}

.icon-help:before {
    content: "\E61B"
}

.icon-right:before {
    content: "\E605"
}

.icon-creditcard:before {
    content: "\E740"
}

.icon-eye:before {
    content: "\E603"
}

.icon-eyeclose:before {
    content: "\E678"
}

.icon-safe1:before {
    content: "\E610"
}

.icon-record:before {
    content: "\E724"
}

.icon-zhuceyonghu:before {
    content: "\E64E"
}

.icon-question:before {
    content: "\E65D"
}

.icon-gift:before {
    content: "\E602"
}

.icon-profile:before {
    content: "\E630"
}

.icon-hourglass:before {
    content: "\E693"
}

.icon-i-profile:before {
    content: "\E60C"
}

.icon-wallet:before {
    content: "\E61A"
}

.icon-financial:before {
    content: "\E64C"
}

.icon-coins:before {
    content: "\E739"
}

.icon-hot:before {
    content: "\E6BE"
}

.icon-unlock:before {
    content: "\E712"
}

.icon-withdrawals:before {
    content: "\E614"
}

.text-tip {
    color: #fa5a5a!important
}

.text-muted {
    color: #c3c3c3!important
}

.text-primary {
    color: #ffdc7f!important
}

.text-success {
    color: #559924!important
}

.text-warning {
    color: #faa05a!important
}

.text-danger {
    color: #d63a43!important
}

[num-positive] {
    color: #4fbd00!important
}

[num-positive^="-"] {
    color: #ff111f!important
}

[data-status^="1"] {
    color: #ffdc7f!important
}

[data-status^="2"] {
    color: #ff9f55!important
}

[data-status^="3"] {
    color: #53a21b!important
}

[data-status^="4"] {
    color: #c9bdbd!important
}

[data-status^="5"] {
    color: #50b508!important
}

[data-status^="7"] {
    color: #dbf2ca!important
}

[data-status^="8"] {
    color: #df646b!important
}

.no-data {
    color: #ffdc7f!important;
    text-align: center!important;
    font-size: 20px;
    margin: 50px
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-justify {
    text-align: justify!important
}

.center {
    width: 1200px;
    margin: 0 auto
}

.clearfix:before {
    content: "";
    display: table-cell
}

.clearfix:after {
    content: "";
    display: table;
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix .float-left {
    float: left
}

.clearfix .float-right {
    float: right
}

.clearfix [class*=float-] {
    max-width: 100%
}

.el-menu {
    border: none
}

.el-dialog {
    -webkit-transform: none;
    transform: none;
    left: 0;
    position: relative;
    margin: 0 auto
}

.el-dialog .el-dialog__title {
    font-size: 20px
}

.el-dialog .el-dialog__body {
    padding: 0 20px 30px
}

.el-form .el-input {
    width: 248px;
    font-size: 14px
}

.el-form .el-form-item__label,
.el-form .el-radio__label {
    color: #fff
}

.el-form .el-form-item__content {
    line-height: unset
}

.el-form .el-input__inner {
    height: 35px;
    border-radius: 0;
    color: #333
}

.el-form .el-form-item__error {
    font-size: 14px;
    line-height: 24px
}

.el-form .el-button {
    width: 188px;
    height: 46px;
    line-height: 1;
    text-align: center
}

.el-form .el-form-item.is-error .el-input__inner {
    border-width: 2px;
    border-color: #f84b4b
}

.el-form .el-form-item__error {
    margin-left: 5px
}

.el-table td,
.el-table th {
    padding: 3px 0
}

.el-table thead tr {
    background: #e5e9f2
}

.el-table .has-gutter .gutter {
    display: inline!important
}

.el-table .icon-popover {
    font-size: 30px
}

.el-table .el-table__body-wrapper tr .cell,
.el-table .el-table__header tr .cell {
    padding: 0 5px
}

.el-tabs .el-tabs__header {
    border-bottom: none!important
}

.el-tabs .el-tabs__header .el-tabs__nav {
    border: none!important
}

.el-tabs .el-tabs__header .el-tabs__item {
    background: #424242;
    color: #fff;
    border: none;
    margin-left: 1px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.el-tabs .el-tabs__header .el-tabs__item.is-active {
    background: #f9d985;
    color: #333;
    border: none
}

.el-tabs .el-tabs__header .el-tabs__item:active,
.el-tabs .el-tabs__header .el-tabs__item:hover {
    color: #333;
    background: #f8d16d
}

.el-select-dropdown {
    background: #393939!important;
    border: 1px solid #f7ca54!important;
    -webkit-box-shadow: 0 2px 12px 0 #000;
    box-shadow: 0 2px 12px 0 #000
}

.el-select-dropdown .el-scrollbar .el-select-dropdown__list {
    font-size: 14px!important;
    color: #d6d6d6!important;
    line-height: 24px!important
}

.el-select-dropdown .el-scrollbar .el-select-dropdown__item {
    color: #d6d6d6
}

.el-select-dropdown .el-scrollbar .el-select-dropdown__item.hover,
.el-select-dropdown .el-scrollbar .el-select-dropdown__item:hover {
    color: #fff;
    background: #e5c266
}

.el-select-dropdown .el-scrollbar .el-select-dropdown__item.selected {
    color: #fff;
    background: #f7ca54
}

.el-select-dropdown .el-scrollbar .el-select-dropdown__item.is-disabled {
    color: #c0c4cc
}

.el-dropdown:focus {
    outline: none
}

.el-dropdown-menu {
    margin-top: 5px;
    top: 23px!important;
    background: #000;
    border: none;
    border-radius: unset;
    -webkit-box-shadow: 0 1px 10px 0 #9a9999;
    box-shadow: 0 1px 10px 0 #9a9999
}

.el-dropdown-menu .el-dropdown-menu__item {
    color: #fff
}

.el-dropdown-menu .el-dropdown-menu__item:focus,
.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover {
    color: #f9d985;
    background: #333
}

.el-dropdown-menu__item--divided:before {
    background-color: transparent
}

.popper__arrow {
    display: none!important
}

.el-popper .el-input {
    margin-right: 10px
}

.el-popper .el-button {
    padding: 5px;
    font-size: 18px
}

.el-tooltip__popper.is-light {
    color: #000
}

.el-button {
    font-size: 16px;
    border-radius: 0;
    color: #333;
    border: none
}

.el-button+.el-button {
    margin-left: 10px
}

.el-button.el-button--primary {
    background: #f9d985;
    border: none
}

.el-button.el-button--primary:focus,
.el-button.el-button--primary:hover {
    color: #333;
    background: #f8d16d
}

.el-button.el-button--primary:active {
    color: #333;
    background: #f7ca54
}

.el-loading-mask {
    z-index: 99;
    background-color: rgba(36, 36, 39, .8)
}

.el-loading-mask.sign-out .el-loading-text {
    font-size: 20px;
    font-weight: 600;
    width: 150px;
    height: 150px;
    line-height: 150px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 0;
    text-transform: uppercase;
    display: inline-block
}

.el-loading-mask.sign-out .el-loading-text:after,
.el-loading-mask.sign-out .el-loading-text:before {
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 50px #dec888, inset 0 0 50px #dec888;
    box-shadow: 0 0 50px #dec888, inset 0 0 50px #dec888
}

.el-loading-mask.sign-out .el-loading-text:after {
    z-index: 1;
    -webkit-animation: gogoloader 2s 1s infinite;
    animation: gogoloader 2s 1s infinite
}

.el-loading-mask.sign-out .el-loading-text:before {
    z-index: 2;
    -webkit-animation: gogoloader 2s infinite;
    animation: gogoloader 2s infinite
}

.el-message {
    top: 50px!important
}

.el-message-box {
    border: 0;
    position: relative;
    background: #2b2123;
    overflow: initial
}

.el-message-box:before {
    top: -1px
}

.el-message-box:after,
.el-message-box:before {
    content: "";
    position: absolute;
    left: -1px;
    right: 0;
    height: 13px;
    background: url(../images/alert-border-top.png)
}

.el-message-box:after {
    bottom: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.el-message-box .el-message-box__header {
    border-bottom: 1px solid #463538
}

.el-message-box .el-message-box__message,
.el-message-box .el-message-box__title {
    color: #fff
}

.el-message-box .el-button {
    border: none
}

.el-message-box .el-button--primary {
    background: #dec888;
    font-size: 16px;
    color: #333;
    border-color: #dec888
}

.el-carousel .el-carousel__container,
.el-carousel .el-carousel__indicators {
    z-index: 2
}

.el-textarea__inner {
    border-radius: 0
}

.el-date-range-picker.el-popper,
.el-select-dropdown.el-popper {
    z-index: 100!important
}

.el-picker-panel {
    font-weight: 700
}

.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div,
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
    background-color: #a6d0fc
}

@media only screen and (max-width:770px) {
    .el-popper {
        left: 0!important
    }
}

.gogoloader {
    width: 150px;
    height: 150px;
    line-height: 150px;
    position: relative;
    text-align: center;
    z-index: 0;
    text-transform: uppercase;
    display: inline-block
}

.gogoloader,
.gogoloader:after,
.gogoloader:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gogoloader:after,
.gogoloader:before {
    opacity: 0;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 50px #dec888, inset 0 0 50px #dec888;
    box-shadow: 0 0 50px #dec888, inset 0 0 50px #dec888
}

.gogoloader:after {
    z-index: 1;
    -webkit-animation: gogoloader 2s 1s infinite;
    animation: gogoloader 2s 1s infinite
}

.gogoloader:before {
    z-index: 2;
    -webkit-animation: gogoloader 2s infinite;
    animation: gogoloader 2s infinite
}

@-webkit-keyframes gogoloader {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes gogoloader {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes freshInfo {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes freshInfo {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.el-icon-refresh {
    line-height: 34px;
    display: inline-block
}

.el-icon-refresh[data-fresh=true] {
    -webkit-animation: freshInfo .8s linear infinite;
    animation: freshInfo .8s linear infinite
}

@-webkit-keyframes fadeInUp {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: .5
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: .5
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: .5
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: .5
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translate(-10px);
        transform: translate(-10px);
        opacity: .5
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate(-10px);
        transform: translate(-10px);
        opacity: .5
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translate(10px);
        transform: translate(10px);
        opacity: .5
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translate(10px);
        transform: translate(10px);
        opacity: .5
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }
}

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

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

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

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

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: opacity .28s;
    transition: opacity .28s
}

.fade-enter,
.fade-leave-active {
    opacity: 0
}

.fade-transform-enter-active,
.fade-transform-leave-active {
    -webkit-transition: all .5s;
    transition: all .5s
}

.fade-transform-enter {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
}

.fade-transform-leave-to {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}

.list-enter-active,
.list-leave-active {
    -webkit-transition: all 1s;
    transition: all 1s
}

.list-enter,
.list-leave-to {
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.blue-btn {
    cursor: pointer;
    background: #324157;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    outline: none
}

.blue-btn:focus,
.blue-btn:hover {
    color: #fff;
    background: #293547;
    border-color: #324157
}

.blue-btn:active {
    color: #fff;
    background: #1f2937
}

.blue-btn[disabled],
.blue-btn[disabled]:active,
.blue-btn[disabled]:focus,
.blue-btn[disabled]:hover {
    background: #36465d;
    cursor: not-allowed
}

.light-gray-btn {
    cursor: pointer;
    background: #424242;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    outline: none
}

.light-gray-btn:focus,
.light-gray-btn:hover {
    color: #fff;
    background: #353535;
    border-color: #424242
}

.light-gray-btn:active {
    color: #fff;
    background: #292929
}

.light-gray-btn[disabled],
.light-gray-btn[disabled]:active,
.light-gray-btn[disabled]:focus,
.light-gray-btn[disabled]:hover {
    background: #474747;
    cursor: not-allowed
}

.white-btn {
    cursor: pointer;
    background: #fff;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    outline: none
}

.white-btn:focus,
.white-btn:hover {
    color: #fff;
    background: #f2f2f2;
    border-color: #fff
}

.white-btn:active {
    color: #fff;
    background: #e6e6e6
}

.white-btn[disabled],
.white-btn[disabled]:active,
.white-btn[disabled]:focus,
.white-btn[disabled]:hover {
    background: #fff;
    cursor: not-allowed
}

.red-btn {
    cursor: pointer;
    background: #830115;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    outline: none
}

.red-btn:focus,
.red-btn:hover {
    color: #fff;
    background: #6a0111;
    border-color: #830115
}

.red-btn:active {
    color: #fff;
    background: #50010d
}

.red-btn[disabled],
.red-btn[disabled]:active,
.red-btn[disabled]:focus,
.red-btn[disabled]:hover {
    background: #8d0117;
    cursor: not-allowed
}

.pink-btn {
    cursor: pointer;
    background: #e65d6e;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    outline: none
}

.pink-btn:focus,
.pink-btn:hover {
    color: #fff;
    background: #e3475a;
    border-color: #e65d6e
}

.pink-btn:active {
    color: #fff;
    background: #df3146
}

.pink-btn[disabled],
.pink-btn[disabled]:active,
.pink-btn[disabled]:focus,
.pink-btn[disabled]:hover {
    background: #e76676;
    cursor: not-allowed
}

.green-btn {
    cursor: pointer;
    background: #30b08f;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    outline: none
}

.green-btn:focus,
.green-btn:hover {
    color: #fff;
    background: #2b9c7f;
    border-color: #30b08f
}

.green-btn:active {
    color: #fff;
    background: #25886e
}

.green-btn[disabled],
.green-btn[disabled]:active,
.green-btn[disabled]:focus,
.green-btn[disabled]:hover {
    background: #32b896;
    cursor: not-allowed
}

.tiffany-btn {
    cursor: pointer;
    background: #4ab7bd;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    outline: none
}

.tiffany-btn:focus,
.tiffany-btn:hover {
    color: #fff;
    background: #3fa8ae;
    border-color: #4ab7bd
}

.tiffany-btn:active {
    color: #fff;
    background: #39969b
}

.tiffany-btn[disabled],
.tiffany-btn[disabled]:active,
.tiffany-btn[disabled]:focus,
.tiffany-btn[disabled]:hover {
    background: #51bac0;
    cursor: not-allowed
}

.yellow-btn {
    cursor: pointer;
    background: #fec171;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    outline: none
}

.yellow-btn:focus,
.yellow-btn:hover {
    color: #fff;
    background: #feb658;
    border-color: #fec171
}

.yellow-btn:active {
    color: #fff;
    background: #feab3e
}

.yellow-btn[disabled],
.yellow-btn[disabled]:active,
.yellow-btn[disabled]:focus,
.yellow-btn[disabled]:hover {
    background: #fec57b;
    cursor: not-allowed
}

.gray-btn {
    cursor: pointer;
    background: #666;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    outline: none
}

.gray-btn:focus,
.gray-btn:hover {
    color: #fff;
    background: #595959;
    border-color: #666
}

.gray-btn:active {
    color: #fff;
    background: #4d4d4d
}

.gray-btn[disabled],
.gray-btn[disabled]:active,
.gray-btn[disabled]:focus,
.gray-btn[disabled]:hover {
    background: #6b6b6b;
    cursor: not-allowed
}

.pan-btn {
    font-size: 14px;
    color: #fff;
    padding: 14px 36px;
    border-radius: 8px;
    border: none;
    outline: none;
    margin-right: 25px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    position: relative;
    display: inline-block
}

.pan-btn:hover {
    background: #fff
}

.pan-btn:hover:after,
.pan-btn:hover:before {
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.pan-btn:after,
.pan-btn:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.pan-btn:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.custom-button {
    width: auto;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    padding: 10px 15px;
    border-radius: 4px
}

.blue-button,
.custom-button {
    line-height: 1;
    color: #fff;
    font-size: 14px
}

.blue-button {
    height: 35px;
    margin-left: 0;
    background: #2772ee;
    border: none
}

.confirm-bnt,
.primary-btn {
    width: 188px;
    height: 46px;
    line-height: 1;
    text-align: center
}

.primary-btn {
    cursor: pointer;
    background: #e0d0a0;
    color: #333;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    outline: none;
    color: #000;
    background: rgba(254, 215, 114, .9);
    border: 0!important
}

.primary-btn:focus,
.primary-btn:hover {
    color: #333;
    background: #dac68d;
    border-color: #e0d0a0
}

.primary-btn:active {
    color: #333;
    background: #d3bd7a
}

.primary-btn[disabled],
.primary-btn[disabled]:active,
.primary-btn[disabled]:focus,
.primary-btn[disabled]:hover {
    background: #e3d4a8;
    cursor: not-allowed
}

.page-up {
    color: #000!important;
    background: #fff!important;
    border: 0
}

.next-page {
    color: #fff;
    border: 0
}

.cancel-btn {
    border-radius: 5px!important;
    cursor: pointer;
    background: #600808;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    outline: none;
    padding: 6px 12px
}

.cancel-btn:focus,
.cancel-btn:hover {
    color: #fff;
    background: #480606;
    border-color: #600808
}

.cancel-btn:active {
    color: #fff;
    background: #310404
}

.cancel-btn[disabled],
.cancel-btn[disabled]:active,
.cancel-btn[disabled]:focus,
.cancel-btn[disabled]:hover {
    background: #690909;
    cursor: not-allowed
}

.auto-btn {
    width: auto;
    height: auto
}

.get-code {
    width: auto;
    min-width: 85px;
    padding: 0 10px;
    height: 100%
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    min-width: 1000px
}

a {
    background-color: transparent
}

ol,
ul {
    margin: 0 auto;
    padding: 0;
    list-style: none
}

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

iframe {
    border: none
}

#banner {
    height: 409px;
    margin-top: 39px;
    background: #121212 no-repeat top
}

#banner,
#news {
    position: relative
}

#news {
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    background: url(../images/news_bg.png) 0 0;
    height: 32px
}

#news span {
    color: #fffad2
}

#banner+#news {
    margin-top: -32px
}

#content {
    position: relative;
    min-height: 360px;
    padding: 30px 0;
    background-position: top;
    background-repeat: no-repeat;
    background-color: #1e1718
}

#un-lobby {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    position: relative;
    /* background-color: #2b2123; */
    /* border: 1px solid #4c393c */
}

#un-lobby>aside {
    float: left;
    width: 243px;
    padding: 90px 0 0;
    background: url(../images/nav_bg.png) no-repeat 0 0
}

#un-lobby>aside:after {
    content: "金立博国际国际唯一授权在线牌照";
    display: block;
    padding: 180px 0 27px;
    margin-top: 50px;
    color: #e5ca6a;
    font-size: 12px;
    text-align: center;
    background: url(../images/ad_mobile.png) no-repeat top
}

#un-lobby:before {
    top: -1px;
    background: url(../images/border_top.png)
}

#un-lobby:after,
#un-lobby:before {
    content: "";
    position: absolute;
    left: -1px;
    right: 0;
    height: 13px
}

#un-lobby:after {
    bottom: -1px;
    /*
	background: url(../images/border_bottom.png)
    */
}

#lobby {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    width: 100%
}

#lobby>.game-list {
    font-size: 0
}

#lobby>.game-list>li {
    position: relative;
    display: inline-block;
    vertical-align: top
}

#lobby .wrapper {
    width: 85%!important
}

#sidebar>li {
    color: #fff;
    margin: 13px 0
}

#sidebar>li>a {
    position: relative;
    display: block;
    height: 43px;
    padding: 0 38px 0 30px;
    color: inherit;
    font-size: 16px;
    line-height: 43px;
    text-decoration: none;
    -webkit-transition: padding .4s;
    transition: padding .4s
}

#sidebar>li>a .sidebar-icon {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

#sidebar>li>a:after {
    content: "";
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 14px;
    background: url(../images/arrow.png) no-repeat top
}

#sidebar>li.is-active,
#sidebar>li:hover {
    color: #fefb85
}

#sidebar>li.is-active>a,
#sidebar>li:hover>a {
    background: url(../images/bg_hover.png) no-repeat 50%;
    padding: 0 28px 0 40px
}

#sidebar>li.is-active>a:after,
#sidebar>li:hover>a:after {
    background-position: bottom
}

.agentText p {
    color: #fff!important
}

.agentText tr {
    background: #431e0e
}

#articles {
    float: right;
    width: 836px;
    min-height: 825px;
    padding: 20px 40px 20px 60px;
    color: #fff;
    text-align: left;
    /*background: url(../images/shadow.png) no-repeat 0 0*/
}

#articles h2 {
    height: 36px;
    margin-bottom: 30px;
    color: #ffd053;
    font-size: 20px;
    text-align: center;
    line-height: 33px;
    /*
	background: url(../images/title_bg.png) no-repeat 50%
    */
}

#articles h3 {
    margin: 0;
    color: #fbc85b;
    font-size: 16px;
    line-height: 2
}

#articles h3,
#articles h4 {
    font-weight: 400;
    text-align: left
}

#articles h4 {
    color: #fcc43e;
    font-size: 12px;
    -webkit-margin-before: 1.33em;
    margin-block-start: 1.33em;
    -webkit-margin-after: 1.33em;
    margin-block-end: 1.33em
}

#articles ul {
    list-style: none
}

#articles ol {
    padding-left: 20px;
    list-style-type: decimal
}

#articles p {
    margin: 1em 0
}

#articles p .partner-info {
    font-size: 13px;
    text-align: center
}

#articles li,
#articles p {
    font-size: 12px;
    text-align: justify;
    line-height: 2em;
    color: #fff
}

#articles table {
    width: 100%;
    border-spacing: 0
}

#articles table td,
#articles table th,
#articles table tr {
    color: #fff;
    line-height: 2em;
    text-align: center;
    border: 1px solid #999
}

#articles table th {
    font-size: 14px;
    background-color: #810000
}

#articles table td {
    font-size: 12px;
    background-color: transparent
}

#articles table p {
    line-height: 1;
    text-align: center
}

#articles table .bg-red {
    background: #7d0000!important;
    color: #fff!important
}

#articles .highlight {
    color: red
}

#articles .highlight-green {
    color: #0f0
}

#articles .highlight-blue {
    color: #0ff
}

#articles .highlight-orange {
    color: #fcc43e
}

#articles ul.mtab-menual {
    margin-bottom: 40px
}

#articles ul.mtab-menual li {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 26px;
    margin: 0 5px;
    color: #000;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    background-color: #e3c95b;
    border-radius: 25px
}

#articles ul.mtab-menual li:hover {
    color: #fff
}

#articles ul.deposit {
    list-style-type: none
}

#articles ul.deposit>li {
    counter-increment: title;
    line-height: 4em
}

#articles ul.deposit>li a {
    color: #fbc85b;
    font-size: 16px;
    text-decoration: none
}

#articles ul.deposit>li a :before {
    content: counter(title, decimal) "."
}

body,
html {
    min-height: 100%
}

body {
    font-family: Arial, SimSun, Microsoft YaHei, Helvetica Neue, Helvetica, sans-serif;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 16px;
    word-spacing: 1px;
    color: #fff;
    margin: 0;
    line-height: 1.42857143
}

#app,
body,
html {
    height: 100%
}

*,
address,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img {
    border: none
}

a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .2s ease, border-color .2s ease;
    transition: color .2s ease, border-color .2s ease;
    cursor: pointer
}

a:hover {
    color: #f9d985
}

.lim_float_icon {
    display: none!important
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    background-color: none!important;
    background-image: none!important;
    color: #000!important
}

input {
    -webkit-appearance: none
}

.transition1s {
    -webkit-transition: all 1s;
    transition: all 1s
}

.common-shadow {
    -webkit-box-shadow: 0 2px 12px 0 #000;
    box-shadow: 0 2px 12px 0 #000
}

.g-main-container {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #16191d
}

.g-main-container>.container {
    background-attachment: fixed;
    background-image: url(../images/background.jpg);
    background-color: #1e181a;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.g-l-r-layout {
    min-height: 680px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.g-l-r-layout .left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 260px;
    margin-right: 12px
}

.g-l-r-layout .left,
.g-l-r-layout .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.g-l-r-layout .right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 2;
    flex-shrink: 2;
    overflow: auto
}

.g-l-r-layout .right .g-right-main {
    background: #242427;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 650px
}

.g-index-search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.g-index-search-box .el-form,
.g-index-search-box .el-form-item {
    margin-bottom: 10px;
    overflow: hidden
}

.g-index-search-box .left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.g-index-search-box .el-radio-group .el-radio-button {
    margin: 0 5px;
    overflow: hidden
}

.g-index-search-box .el-radio-group .el-radio-button__inner {
    background: #2d2d2d;
    color: #fff;
    border: none;
    border-radius: 0;
    min-width: 70px
}

.g-index-search-box .el-radio-group .el-radio-button__inner:hover {
    color: #4d1919;
    background: #ffdc7f
}

.g-index-search-box .el-radio-group .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    border: none;
    color: #333;
    background: #f9d985
}

.g-desc-container p {
    text-indent: .5rem
}

.g-desc-container b {
    color: #faa05a
}

.g-desc-container .main-i {
    font-weight: 700;
    color: #6f9
}

.g-desc-container .sub-i {
    font-weight: 700;
    color: #9c6
}

.g-desc-container .sub-i+span {
    display: inline-block;
    width: 90%;
    vertical-align: top;
    text-indent: 0;
    padding-left: 5px
}

.f-ib {
    display: inline-block
}

.f-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.f-flex,
.flex_center_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex_center_layout {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f-capitalize {
    text-transform: capitalize
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.g-page-container .el-form .el-input-group--append .el-input-group__append .pass-type-icon,
.pointer {
    cursor: pointer
}

.g-a-link {
    color: #51b6ee;
    display: block
}

.g-a-link,
.g-banner-img {
    cursor: pointer;
    width: 100%
}

.g-banner-img {
    height: 100%;
    background-size: cover!important;
    background-position: 50% 50%!important
}

.g-table-curr-summary .el-table__body tr:last-child,
.g-table-total-summary .el-table__body tr:last-child,
.g-table-total-summary .el-table__body tr:nth-last-child(2) {
    background: #424242;
    color: #fff
}

.g-page-container .el-table {
    -webkit-transition: all 5.35s;
    transition: all 5.35s;
    background: #242427;
    color: #fff
}

.g-page-container .el-table tr {
    background-color: transparent
}

.g-page-container .el-table td,
.g-page-container .el-table th.is-leaf {
    border-color: #555
}

.g-page-container .el-table:after,
.g-page-container .el-table:before {
    background: transparent
}

.g-page-container .el-table--border,
.g-page-container .el-table--group {
    border: 1px solid #424242
}

.g-page-container .el-table--border th,
.g-page-container .el-table--group th {
    border: none
}

.g-page-container .el-table__empty-text {
    color: #fff
}

.g-page-container .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #424242
}

.g-page-container .el-table__header th,
.g-page-container thead.is-group th {
    background: #424242;
    font-weight: 700;
    color: #fff
}

.g-page-container .el-form .el-form-item {
    margin-bottom: 15px
}

.g-page-container .el-form .el-range-separator {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.g-page-container .el-form .el-radio.is-bordered.is-checked {
    border-color: #39ce7e
}

.g-page-container .el-form .el-radio .el-radio__input.is-checked .el-radio__inner {
    border-color: #39ce7e;
    background: #39ce7e
}

.g-page-container .el-form .el-radio-group .el-radio.is-bordered {
    width: 170px;
    font-size: 14px;
    height: 40px;
    margin: 0 5px 5px 0;
    padding: 6px 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.g-page-container .el-form .el-radio-group .el-radio.is-bordered .el-radio__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.g-page-container .el-form .el-input-group--append .el-input-group__append {
    margin: 0;
    padding: 2px;
    background-color: transparent;
    border: none;
    max-width: 24px
}

.g-page-container .el-form .el-input-group--append .el-input-group__append .pass-type-icon {
    width: 20px;
    font-weight: 700;
    font-size: 20px;
    color: #c3c3c3
}

.g-page-container .el-form .el-input__icon {
    width: 20px
}

.g-page-container .el-dialog {
    background: #222229;
    -webkit-box-shadow: 0 0 30px 6px #000;
    box-shadow: 0 0 30px 6px #000
}

.g-page-container .el-dialog .el-dialog__header .el-dialog__title {
    color: #f9d985
}

.g-page-container .el-dialog .el-dialog__body {
    color: #fff
}

.g-search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    background: #424242;
    padding: 15px;
    margin-bottom: 10px
}

.g-search-box .el-form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.g-search-box .el-form .el-form-item {
    margin-bottom: 0;
    margin-right: 5px
}

.g-search-box .el-form .el-input {
    width: auto
}

.g-search-box .el-form .el-input__inner {
    width: 220px;
    height: 30px
}

.g-search-box .el-form .el-select .el-input__inner {
    width: 150px
}

.g-search-box .el-form .el-form-item__label {
    width: auto!important;
    padding: 0
}

.g-search-box .el-form .el-select .el-tag {
    margin: 1px 2px
}

.g-search-box .el-button {
    width: auto;
    height: 30px;
    line-height: 1;
    font-size: 14px;
    margin-left: 0;
    padding: 0 14px;
    color: #fff;
    background: #2772ee
}

.g-search-box .el-button:focus,
.g-search-box .el-button:hover {
    color: #fff;
    background: #1059d2
}

.g-search-box .el-button:active {
    color: #fff;
    background: #0d45a2
}

.g-search-box .text-button {
    width: auto!important;
    padding: 0 14px!important;
    background: transparent!important;
    color: #999!important;
    border: 1px solid #999!important
}

.g-search-box .text-button:hover {
    color: #dec888!important;
    border-color: #dec888!important
}

#lim_mini {
    right: 10px!important;
    bottom: 180px!important
}

.waves-ripple {
    position: absolute;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .15);
    background-clip: padding-box;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1
}

.waves-ripple.z-active {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition: opacity 1.2s ease-out, -webkit-transform .6s ease-out;
    transition: opacity 1.2s ease-out, -webkit-transform .6s ease-out;
    transition: opacity 1.2s ease-out, transform .6s ease-out;
    transition: opacity 1.2s ease-out, transform .6s ease-out, -webkit-transform .6s ease-out
}

.g-international-flag {
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url(../images/navbar-sub-sprite.png) no-repeat;
    width: 25px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px
}

.g-international-flag[flag="4"] {
    background-position: -116px -230px
}

.g-international-flag[flag="3"] {
    background-position: -87px -230px
}

.g-international-flag[flag="2"] {
    background-position: -58px -230px
}

.g-international-flag[flag="1"] {
    background-position: -29px -230px
}

.g-international-flag[flag="0"] {
    background-position: 0 -230px
}

.g-international {
    cursor: pointer;
    color: #fefefe;
    padding: 0 5px
}

.u-progress[data-v-3241ce0c] {
    width: 100%;
    height: 8px;
    border-radius: 100px;
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.u-progress .progress-bar__inner[data-v-3241ce0c] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap;
    width: 0
}

.u-pagination {
    background: #424242;
    padding: 10px;
    margin: 10px 0
}

.u-pagination .el-pagination {
    width: 100%
}

.u-pagination .el-pagination .btn-next,
.u-pagination .el-pagination .btn-prev {
    padding: 0 10px
}

.u-pagination .el-pagination__jump,
.u-pagination .el-pagination__total {
    color: #fff
}

.u-pagination .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #f7ca54;
    color: #fff
}

.u-pagination .btn-next,
.u-pagination .btn-prev,
.u-pagination .el-pager,
.u-pagination .el-pagination__jump {
    float: right
}

.f-appear[data-v-53281832] {
    -webkit-transition: all 10s;
    transition: all 10s
}

.f-appear .f-appear-to[data-v-53281832] {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.f-appear .f-appear-active[data-v-53281832] {
    position: absolute
}

#header #nav>.nav-menu>.bgimg.is-active,
#header #nav>.nav-menu>.bgimg,
#header #nav>.nav-menu>.bgimg:active,
#header #nav>.nav-menu>.bgimg:hover {
    background: url(../images/nav_hover.png) no-repeat top;
}