@charset "UTF-8";

/* color and special images style */


/* default themes */

body {
    color: #fff;
    background: #151515;
}

.mui-bar {
    background-color: #151515;
    box-shadow: none;
}

header.mui-bar-nav a.mui-icon-bars {
    color: #fff;
}

header.mui-bar-nav .btn-login {
    background-color: #1dc28e;
    border: 1px solid #1dc28e;
}

header.mui-bar-nav .btn-demo {
    background-color: #1279d9;
    border: 1px solid #1279d9;
}

header.mui-bar-nav .btn-register {
    background-color: #f0af01;
    border: 1px solid #f0af01;
}

header.mui-bar-nav .mui-action-back {
    color: #fff;
}

.yjym {
    color: #fff;
    background: #252525;
    border-top: 1px solid #151515;
}

.mui-content {
    background: #454545;
}

.mui-content.home-content {
    background: #151515;
}

.mui-content.promo-record-content {
    background: #f2f2f2;
}

.mui-content.promo-content {
    background: #fff;
}


/* notice */

.notice {
    background: #151515;
}

.notice .btn-title {
    background: #168df6;
    border: 1px solid #168df6;
}

.notice .notice-list a {
    color: #fff !important;
}


/* nav */

.nav {
    background: #151515 url(./images/nav-bg.png) 0 0/100% 60px repeat-x;
    border-top: 0;
    position: relative;
}

.nav:after {
    content: '';
    position: absolute;
    height: 1px;
    background: transparent;
    bottom: 3px;
    left: 0;
    right: 0;
}

.nav .swiper-slide {
    color: #fff;
    position: relative;
}

.nav .swiper-slide.swiper-slide-active span {
    color: #fff;
}

.nav .swiper-slide.swiper-slide-active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -37px;
    z-index: 1;
    width: 74px;
    height: 70px;
    background: url(images/nav-item-active-bg.png) center top/74px 65px no-repeat;
}


/* api-grid */

.api-grid .mui-grid-view.mui-grid-9 {
    padding: 0 5px;
    border-top: 0;
    border-left: 0;
    background-color: #151515;
}

.api-grid .api-item {
    background: url(./images/api-bg.png) no-repeat center/70px;
}

.api-grid .api-item:after {
    background: url(images/api-bg-shadow.png) no-repeat 0 0/100%;
}

.api-grid .mui-grid-view.mui-grid-9 .mui-table-view-cell a {
    background: #252525;
}

.api-grid ul[data-list="lottery"] .lottery-nav {
    color: #333;
    border-bottom: 1px solid #fff;
}

.api-grid ul[data-list="lottery"] .lottery-nav ul {
    background: transparent;
}

.api-grid ul[data-list="lottery"] .lottery-nav li .mui-tab-item {
    color: #fff;
    border-bottom: 1px solid transparent;
}

.api-grid ul[data-list="lottery"] .lottery-nav li .mui-tab-item.mui-active {
    border-bottom: 1px solid #168df6;
}


/* mui-bar-footer */

.mui-bar-tab {
    background: #252525;
    border-top: 1px solid #393939;
}

.mui-bar-tab .mui-tab-label {
    color: #666;
}

.mui-bar-tab .mui-active .mui-tab-label {
    color: #007aff;
}


/* mui-off-canvas-left */

.mui-off-canvas-left {
    background: #444;
}

.mui-off-canvas-left .person-info {
    background: url(./images/off-canvas-sep.png) center bottom/100% 1px no-repeat;
}

.mui-off-canvas-left .person-info .un-login p {
    color: #fff;
}

.mui-off-canvas-left .person-info .un-login .btn-login {
    background: #eda527;
    border: 1px solid #eda527;
}

.mui-off-canvas-left .person-info .login p {
    color: #fff;
}

.mui-off-canvas-left .person-info .btn-person {
    background: #31955e;
    border: 1px solid #31955e;
}

.mui-off-canvas-left .side-nav li {
    border-left: 3px solid transparent;
    background: transparent;
}

.mui-off-canvas-left .side-nav li.active {
    border-left: 3px solid #445dc2;
    background: #333;
}

.mui-off-canvas-left .side-nav li a {
    color: #fff;
}

.mui-off-canvas-left .btn-logout {
    background: #eda527;
    border: 1px solid #eda527;
}


/* lang-menu */

.lang-menu {
    background: #333;
}


/* page promo */

.promo .p-t-slide-content {
    color: #333;
}

.promo-header {
    border-bottom: 1px solid #ccc;
}


/* login and register page */

.type-header {
    border-bottom: 1px solid #fff;
}

.login-content {
    background: #f2f2f2;
}

.login {
    color: wheat;
}

.login .user-img {
    background: url(../../images/login-user.png) center no-repeat/100px, linear-gradient(#151515, #151515);
    width: 100px;
    height: 100px;
    border-radius: 100%;
    box-shadow: 3px 5px 15px 6px rgba(21, 21, 21, 0.25);
    margin: 50px auto;
}

.login .login-form a.btn {
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
}

.login .login-form .btn-login {
    background: #151515;
    color: #fff;
    margin-bottom: 15px;
}

.login .login-form .btn-regist {
    color: #151515;
    border: 1px solid #151515;
}


/* mine page */

.mine-content {
    background: #efefef;
}

.mine-content .user-info-wrap {
    background: #151515;
}

.mine-content .user-info-wrap .gb-userinfo {
    background: #fff;
}

.mui-bar-mine {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/* index-login-info */

.login-info {
    background: url(images/icon-open-offcanvas.png) no-repeat right center/5px;
}


/* nots deficiency */

.deficiency-nots {
    background: #454545;
    text-align: center;
    padding: 15px 10px;
    margin: 5px;
    border-radius: 6px;
    word-break: break-word;
    font-size: 14px;
}


/* loading */

.loading-wrap {
    background: fff;
}

.loading-wrap:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2002;
}

.loading-wrap .loading-img {
    position: absolute;
    z-index: 2003;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.loading-wrap .loading-img img {
    vertical-align: middle;
}

.loading-wrap .loading-entirety {
    background: rgba(255, 255, 255, 0.95);
    width: 64px;
    height: 64px;
    line-height: 63px;
    border-radius: 12px;
}

.loading-wrap .loading-entirety img {
    width: 48px;
}


/* index-login-info */

.login-info .money {
    background: url(images/icon-wallet.png) no-repeat 0 2px/10px;
}

.login-info .ex {
    border: 1px solid #ccc;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.login-info .ex hr {
    border-bottom: 1px solid #f2f2f2;
}

.login-info .ex table tr td {
    color: #333;
}

.login-info .ex .bar-asset {
    padding-right: 0;
    color: #1b75d9;
}

.login-info .ex .bar-wallet {
    color: #0ec392;
}

.login-info .ex .zzc,
.login-info .ex .qb {
    background: #1b75d9;
    white-space: nowrap;
    color: #fff;
    display: inline-block;
    line-height: 1;
    text-align: center;
    padding: 4px 5px;
    border-radius: 3px;
}

.login-info .ex .qb {
    background: #0ec392;
}

.login-info .ex .ct p .go.btn-refresh {
    background: #1b75d9;
}

.login-info .ex .ct p .go.btn-deposit {
    background: #0ec392;
}

.login-info .ex .loader.api-loader {
    background: #fff;
}

.login-info .ex .loader.api-loader .ball-pulse.api-div div {
    background-color: #252525 !important;
}


/* 修补样式 */

.ball-pulse.api-div div {
    background-color: #fff !important;
}

.casino-game-type .g-t-slide-indicators {
    border-bottom: 1px solid #393939;
}

.casino-game-type .g-t-slide-indicators .swiper-slide-active {
    color: #0088fe;
    border-bottom: 1px solid #0088fe;
}

.loader.api-loader {
    background: #151515;
}

.api-grid .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    background: #151515;
}

.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
    color: #fff;
}

.copy-right {
    border-top: 1px solid #333;
}

.mui-title {
    color: #fff;
}

.mui-bar .mui-icon-back {
    color: #fff;
}

.mui-content-casino-list .casino-list a p {
    color: #fff;
}

.casino-list-bar {
    border-bottom: 1px solid #393939;
}

.mui-content-casino-list .casino-list .img-wrap {
    background: #151515;
}

.api-grid .api-item:before {
    background-image: url(./images/api-sprite-black.png);
}

.api-grid .api-item:after {
    content: '';
    position: absolute;
    width: 56px;
    height: 59px;
    top: 1px;
    left: 1px;
    z-index: 2;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    border-radius: 0;
}

.nav .swiper-slide.item-live:before {
    background: url(images/icon-live.png) no-repeat center 5px/22px !important;
}

.nav .swiper-slide.item-casino:before {
    background: url(images/icon-casino.png) no-repeat center 4px/22px !important;
}

.content-casino-transfer .game-description p {
    color: #fff;
}

.content-casino-transfer .game-item .game-detail h1 {
    color: #fff;
}

.content-casino-transfer .game-item .game-detail .g-money {
    color: #fff;
}

.deposit_2 .btn_wrap .btn_submit {
    background: #151515;
    border-color: #151515;
}

body.withdraw .gb-form-foot .submit {
    border: 1px solid #151515;
    background-color: #151515 !important;
}

body.withdraw .account_tab .mui-segmented-control {
    border: 1px solid #151515;
}

body.withdraw .account_tab .mui-segmented-control .mui-control-item {
    border-color: #151515 !important;
    border-left: 1px solid #151515 !important;
    color: #151515;
}

body.withdraw .account_tab .mui-segmented-control .mui-active {
    background-color: #151515 !important;
    color: #fff !important;
}

.mui-btn-blue,
.mui-btn-primary,
input[type=submit] {
    color: #fff;
    border: 1px solid #151515;
    background-color: #151515;
}

.mine-bet-record-body .gb-datafilter .btn-ss {
    background: #151515;
    border-color: #151515;
}

.mine-cash-record-body .gb-datafilter .btn-kx {
    background: #151515;
    border-color: #151515;
}

.promo-detail-content .gb-imgs>.ct ul li>.ct h5 span {
    background-color: #151515;
}

body.exchange-account .gb-headtabs .mui-segmented-control {
    border-color: #151515;
}

body.exchange-account .gb-headtabs .mui-segmented-control .mui-control-item {
    border-color: #151515;
    border-left: #151515;
}

body.exchange-account .gb-headtabs .mui-segmented-control .mui-active {
    background: #151515 !important;
}

body.mine-notice .gb-headtabs .mui-segmented-control {
    border-color: #151515;
}

body.mine-notice .gb-headtabs .mui-segmented-control .mui-control-item {
    border-color: #151515;
}

body.mine-notice .gb-headtabs .mui-segmented-control .mui-active {
    background: #151515 !important;
}

body.mine-notice .gb-datafilter .btn {
    background-color: #151515;
    border-color: #151515;
}

body.mine-notice .gb-noticetabs .mui-segmented-control .mui-control-item.mui-active {
    background-color: #151515;
}

.pro-btn .next-btn {
    background: #151515;
}

.pro-window h3 {
    color: #151515;
}

body.exchange-bitcoin .tit {
    background-color: #151515;
}

body.exchange-wechat .tit {
    background-color: #151515;
}

.promo-apply-content .promo_status .btn_cust_serv {
    background: #151515;
    border-color: #151515;
}

.btn-wrap .btn-blo {
    background: #151515;
    border-color: #151515;
}

.cod-btn-wrap .mui-btn {
    background: #151515;
    border-color: #151515;
}

.bit-wallet .bit_bind_wrap .btn_wrap .btn_bind {
    background: #151515;
    border-color: #151515;
    color: #fff;
}

.promo-apply-content.promo-apply3-content .btn_apply {
    background: #151515;
    border-color: #151515;
    color: #fff;
}

.displayClass {
    display: none !important;
}


/*# sourceMappingURL=style.css.map */