/* 皮肤通用样式 */

.theme-style .user {
    padding-left: 1rem;
    padding-right: 1rem;
}

.theme-style .swiper-box {
    margin: 1rem 1rem 0;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
}

.theme-style .notice {
    margin: 0 1rem;
}

.theme-style .game-list .game-menus {
    margin-left: .6rem;
}

.theme-style .game-list .game-menu {
    border-radius: 0;
    width: 6.8rem;
    min-width: 6.8rem;
    background: none;
    border: none;
    box-shadow: none;
}

.theme-style .game-list .game-menu .game-menu-item {
    min-height: 6.8rem;
    box-shadow: none;
    background-repeat: no-repeat;
    background-size: 100%;
}

.theme-style .game-list .game-menu .game-menu-item b {
    background: none !important;
    height: 3rem;
}

.theme-style .game-list .game-menu .hot-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-hot-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.theme-style .game-list .game-menu .recommond-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-recommond-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.theme-style .game-list .game-menu .live-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-lc-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.theme-style .game-list .game-menu .elgame-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-ufaslot-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.theme-style .game-list .game-menu .lottery-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-lotto-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.theme-style .game-list .game-menu .sport-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-sportsbook-check.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.theme-style .game-list .game-menu .card-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-card-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.theme-style .game-list .game-menu .fish-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-fishing-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.theme-style .game-list .game-menu .game-menu-item i {
    width: 6.8rem;
    line-height: 1.2rem;
}

.theme-style .swiper,
.theme-style .swiper .swiper-container,
.theme-style .swiper .swiper-container .swiper-item {
    height: 15rem;
}

.theme-style .swiper .swiper-container .swiper-item {
    min-width: 35.5rem;
    max-width: 35.5rem;
}

.theme-style .swiper .swiper-dots {
    bottom: .4rem;
}

.theme-style .game-list .game-items .home-tabs {
    gap: 2rem;
}

.theme-style .game-list .game-items .home-banklist dd,
.theme-style .game-bank-rule .home-banklist dd,
.theme-style #deposit .container .deposit-banklist dd {
    padding: 0 1rem;
}

.theme-style .game-list .customer-items a i {
    display: none;
    position: absolute;
    right: 1.7rem;
    top: 2.3rem;
    color: #fff;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: 700;
}

.pc .theme-style .game-list .customer-items a i {
    right: 28px;
    top: 48px;
    font-size: 18px;
}

.theme-style #deposit .container .bank-list .usdt-item {
    color: white;
    background-color: rgb(50, 55, 56);
    border-radius: 0.75rem;
    padding-bottom: 1rem;
}

.theme-style #deposit .container .bank-list .usdt-item .usdt-title {
    background-color: rgb(43, 47, 48);
    font-size: 1.1rem;
    height: 3.7rem;
    line-height: 3.7rem;
    text-align: center;
    border-radius: 1rem 1rem 0 0;
    color: #fff;
    margin: 0;
    font-weight: bold;
}

.theme-style #deposit .container .bank-list .usdt-item .usdt-amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    min-height: 3rem;
    padding: 1rem;
    position: relative;
}

.theme-style #deposit .container .bank-list .usdt-item .usdt-amount label {
    text-decoration: none;
    min-width: 10rem;
}

.mobile .theme-style #deposit .container .bank-list .usdt-item .usdt-amount i {
    right: 1.5rem;
    top: 1.2rem;
}

.theme-style #deposit .container .bank-list .usdt-item .usdt-amount i {
    position: absolute;
    right: 2rem;
    top: 1.3rem;
    color: #333;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.theme-style #deposit .container .bank-list .usdt-item .usdt-amount .usdt-amount-money {
    height: 2.6rem;
    line-height: 2.6rem;
    border-radius: .3rem;
    background: #dadada;
    color: #000;
    font-size: 1.4rem;
    margin-right: 0;
    padding-left: .5rem;
    padding-right: 5rem;
    text-align: left;
}

.mobile .theme-style #deposit .container .bank-list .usdt-item .usdt-amount .usdt-amount-money::placeholder {
    right: 4.5rem;
    font-size: 1.25rem;
    bottom: 0.6rem;
}

.theme-style #deposit .container .bank-list .usdt-item .usdt-amount .usdt-amount-money::placeholder {
    font-size: 1.4rem;
    font-weight: normal;
    display: block;
    position: absolute;
    right: 5rem;
    bottom: 0.4rem;
}

.theme-style .usdt-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .4s;
    background: 0 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
}

.theme-style .usdt-mask .usdt-popUp {
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    max-height: 80%;
    width: 80%;
    background-color: #333;
    border-radius: 1rem;
    /* transform: translateZ(0) scale(0);
    transition: transform .3s; */
}

.mobile .theme-style .usdt-mask .usdt-popUp {
    width: 100%;
}

.theme-style .usdt-mask .usdt-popUp .usdt-address-button {
    border: none;
    padding: 0.5rem;
    background-color: #409eff;
    border-radius: 0.6rem;
    color: #fff;
    margin-top: 8px;
    font-size: 1.3rem;
}

.mobile .theme-style .usdt-mask .usdt-popUp .usdt-address-button {
    margin-top: 0;
    font-size: 1rem;
}

.theme-style #deposit .container .bank-list .usdt-item .usdt-submit,
.theme-style #deposit .container .bank-list .usdt-item .usdt-sejarah {
    margin: 1rem;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    cursor: pointer;
    margin-bottom: 0;
    background: #f86609;
    border-radius: .3rem;
    height: 2.8rem;
    line-height: 2.8rem;
}

.theme-style #deposit .container .bank-list .usdt-item .usdt-head {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.theme-style #deposit .container .bank-list .usdt-item .usdt-head .usdt-title {
    margin-bottom: 0.375rem;
    color: rgb(179, 190, 193);
}

.theme-style #deposit .container .bank-list .usdt-item .usdt-head .usdt-head_item {
    flex: 1;
}

.theme-style #deposit .container .bank-list .usdt-item button {
    background-color: rgb(43, 47, 48);
    cursor: pointer;
    border-radius: 0.5rem;
    color: white;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    border: none;
}

.theme-style #deposit .container .bank-list .usdt-item button .icon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .375rem;
    background-color: red;
}

.theme-style #deposit .container .bank-list .usdt-item button .txt {
    margin: 0 0.5rem;
}

.theme-style #deposit .container .bank-list .usdt-item button .arrow_down {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .375rem;
    padding: .25rem;
    background-color: rgb(58, 65, 66);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}

.theme-style #deposit .container .bank-list .usdt-item button .arrow_down .arrow_down_icon {
    width: 1rem;
    height: 1rem;
    background-image: url("images/icon_arrow_down.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.theme-style .usdt-popUp .usdt-content {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin: 1rem;
}

.theme-style .usdt-popUp .usdt-content .usdt-qrcode {
    height: 250px;
    margin-right: 1rem;
    padding: 2px;
    background-color: white;
    display: flex;
}

.mobile .theme-style .usdt-popUp .usdt-content .usdt-qrcode {
    height: auto;
}

.theme-style #deposit .container .bank-list .usdt-refresh {
    padding: 0.8rem;
    box-sizing: border-box;
    background-color: rgb(74, 83, 84);
    border-radius: 0.5rem;
    margin-left: 1rem;
    cursor: pointer;
}

.theme-style #deposit .container .bank-list .usdt-refresh .usdt-refresh-icon {
    width: 2rem;
    height: 2rem;
    background-image: url("images/icon-refresh.svg");
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
}

.theme-style .usdt-countdown {
    margin: 1rem;
    color: rgb(222, 25, 25);
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.mobile .usdt-tips .usdt-tips-content {
    font-size: 1.2rem;
    flex: 1;
}

.theme-style .usdt-tips {
    flex: 1;
    padding: .5rem;
    border-radius: .75rem;
    margin: 1rem;
    display: flex;
    align-items: center;
    background-color: rgb(81, 70, 52);
    color: #fff;
    font-size: 1.3rem;
}

.theme-style .usdt-tips .usdt-tips-icon {
    width: 2rem;
    height: 2rem;
    background: url(images/icon-warn.svg) no-repeat center / contain;
}

.theme-style .usdt-popUp .usdt-hint {
    width: 90%;
    height: 17.5rem;
    padding: .5rem;
    border-radius: .75rem;
    color: #fff;
    background-color: rgba(36, 238, 137, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    font-size: 22px;
}

.mobile .theme-style .usdt-popUp .usdt-hint {
    font-size: 11.5px;
}

.mobile .theme-style .usdt-popUp .usdt-hint .usdt-hint-text-amount {
    font-size: 1.6rem;
}

.theme-style .usdt-popUp .usdt-hint .usdt-hint-text-account {
    cursor: pointer;
    text-decoration: underline;
    word-break: break-all;
    color: #409eff;
}

.theme-style .usdt-popUp .usdt-popUp-close {
    position: absolute;
    left: 50%;
    top: 120%;
    transform: translate(-50%, -50%);
    width: 4rem;
    height: 4rem;
    margin-top: 2rem;
    cursor: pointer;
    filter: invert(1);
    border-radius: 50%;
    border: .2rem #000 solid;
    padding: .5rem;
}

.mobile .theme-style .usdt-tips-icon {
    width: 1.7rem;
    height: 1.7rem;
}

.theme-style .game-list .game-items .home-banklist .bank-rule,
.theme-style .game-bank-rule .home-banklist .bank-rule {
    padding: 2rem 1rem 0;
}

.theme-style .user input {
    color: #000;
    font-size: 13px;
}

.theme-style #betRecords .list .items.items-21 {
    cursor: pointer;
}

.theme-style .navigator-bar .navi-filter {
    filter: brightness(0) invert(1);
}

.theme-style .wss-message {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    color: #fff;
    background: rgba(0, 0, 0, .3);
    display: block;
}

.pc .theme-style .wss-message {
    height: 30px;
    line-height: 30px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.pc .theme-style .isMessage {
    margin-top: 30px;
}

.pc .theme-style .isMessage .tabs {
    top: 30px;
}

.pc .theme-style .isMessage .user {
    top: 110px;
}

.pc .theme-style .isMessage .swiper-box {
    margin-top: 90px;
}

.pc .index-footer.isFootMessage {
    top: 102px;
}

.pc .theme-style .swiper-box {
    margin-top: 60px;
}

.pc .theme-style .swiper,
.pc .theme-style .swiper .swiper-container,
.pc .theme-style .swiper .swiper-container .swiper-item {
    height: 24rem;
}

.pc .theme-style .swiper .swiper-container .swiper-item {
    min-width: none;
    max-width: none;
}

.pc .theme-style .swiper .swiper-item img {
    width: 98rem;
}

.pc .theme-style .game-list .game-menu {
    width: 10rem;
    min-width: 10rem;
    top: 10rem;
}

.pc .theme-style .game-list .game-menu .game-menu-item:hover {
    filter: contrast(1.5);
}

.pc .theme-style .game-list .game-menu .game-menu-item {
    min-height: 10rem;
}

.pc .theme-style .game-list .game-menu .game-menu-item.game-menu-current b {
    height: 5rem;
    background-size: 5rem 5rem !important;
}

.pc .theme-style .game-list .game-menu .game-menu-item.game-menu-current:hover {
    filter: none;
}

.pc .theme-style .game-list .game-menu .game-menu-item i {
    width: 10rem;
}

.pc .theme-style .game-list .game-items .home-tabs {
    padding: 0;
    gap: 0;
    border-radius: 1rem;
    box-shadow: 0.2rem 0.4rem 0.6rem #0007;
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pc .theme-style .game-list-box .game-menus {
    margin-left: .6rem;
    padding-top: 2rem;
}

.pc .theme-style .game-list-box .game-menu {
    border-radius: 0;
    width: 6.8rem;
    min-width: 6.8rem;
    background: none;
    border: none;
    box-shadow: none;
}

.pc .theme-style .game-list-box .game-menu .game-menu-item {
    min-height: 6.8rem;
    box-shadow: none;
    background-repeat: no-repeat;
    background-size: 100%;
}

.pc .theme-style .game-list-box .game-menu .game-menu-item b {
    background: none !important;
    height: 3rem;
}

.pc .theme-style .game-list-box .game-menu .hot-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-hot-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.pc .theme-style .game-list .game-menu .recommond-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-recommond-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.pc .theme-style .game-list-box .game-menu .live-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-lc-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.pc .theme-style .game-list-box .game-menu .elgame-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-ufaslot-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.pc .theme-style .game-list-box .game-menu .lottery-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-lotto-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.pc .theme-style .game-list-box .game-menu .sport-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-sportsbook-check.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.pc .theme-style .game-list-box .game-menu .card-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-card-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.pc .theme-style .game-list-box .game-menu .fish-menu.game-menu-current b {
    margin-top: -1rem;
    height: 3.5rem;
    background: url("images/theme/icn-fishing-checked.png") no-repeat center top !important;
    background-size: 3.5rem 3.5rem !important;
}

.pc .theme-style .game-list-box .game-menu .game-menu-item i {
    width: 6.8rem;
    line-height: 1.2rem;
}

.pc .theme-style .game-list-box .game-menu {
    width: 10rem;
    min-width: 10rem;
}

.pc .theme-style .game-list-box .game-menu .game-menu-item:hover {
    filter: contrast(1.5);
}

.pc .theme-style .game-list-box .game-menu .game-menu-item {
    min-height: 10rem;
}

.pc .theme-style .game-list-box .game-menu .game-menu-item.game-menu-current b {
    height: 5rem;
    background-size: 5rem 5rem !important;
}

.pc .theme-style .game-list-box .game-menu .game-menu-item.game-menu-current:hover {
    filter: none;
}

.pc .theme-style .game-list-box .game-menu .game-menu-item i {
    width: 10rem;
}

.pc .theme-style .game-list-box .game-items .home-tabs {
    padding: 0 20rem;
    gap: 0;
}

.theme-style .game-item.card[data-nodename='BlingBangBall']:before {
    content: '';
    background: url("https://png-res.png999.com/resources/images/ball.png") no-repeat center / contain;
    width: 40rem;
    height: 40rem;
    display: block;
    position: absolute;
    z-index: 2;
    transform: translateZ(0) translate(-40rem, -40rem);
    animation: attack 5s 2s infinite linear;
}

@keyframes attack {
    0% {
        transform: scale(1) translateZ(0) translate(-100%, -100%);
    }

    10% {
        transform: scale(.2) translateZ(0) translate(-150%, -150%);
    }

    20% {
        transform: scale(1) translateZ(0) translate(100%, 100%);
    }

    100% {
        transform: scale(1) translateZ(0) translate(100%, 100%);
    }
}

.myMessage .content {
    white-space: pre-wrap;
}

.myMessage .content a {
    color: #3a9ce8;
}

.theme-style .more-menu-bg {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 9999;
}

.theme-style .more-menu-box {
    height: 100%;
    width: 60%;
    position: absolute;
    left: 0;
    background: #111922;
    box-shadow: 0 0 20px 0 #000000;
}

.theme-style .more-menu-box ul {
    position: relative;
    z-index: 1;
}

.theme-style .more-menu-box li {
    list-style: none;
    background-color: rgba(0, 0, 0, .2);
    background-repeat: no-repeat;
    background-position: 2.4rem center;
    background-size: 1.4rem 1.4rem;
    margin: 1rem;
    border-radius: .5rem;
}

.theme-style .more-menu-box li.logoutIcon {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 1rem 1rem;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.4rem;
    border-radius: .5rem;
    color: #fff;
    background-color: #1376fa;
    cursor: pointer;
}

.theme-style .more-menu-box li.logoutIcon a {
    background: none !important;
    padding: 0 !important;
    margin-left: 3rem;
}

.theme-style .more-menu-box li:nth-child(n+3):hover {
    background-color: rgba(0, 0, 0, .5);
}

.theme-style .more-menu-box li a {
    display: block;
    margin-left: 6rem;
    padding: .8rem 1.4rem .8rem 0;
    color: #fff;
    font-size: 1.4rem;
    background-size: 1.6rem 1.6rem;
    margin-right: 1.5rem;
    border-radius: .5rem;
}

.theme-style .more-menu-box .menu-close,
.theme-style .more-menu-box .home-tabs {
    background: none;
    margin: 0;
}

.theme-style .more-menu-box .menu-close a {
    margin-left: auto;
    width: 2.4rem;
    height: 2.4rem;
    padding: 1.4rem;
    background: url(images/icon-close.svg) no-repeat center;
    filter: invert(2);
    background-size: 2.4rem 2.4rem;
    margin-right: 0;
    border-bottom: none;
}

.theme-style .more-menu-box .home-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .5rem;
    padding: 1rem;
}

.theme-style .more-menu-box .home-tabs .tab {
    background: linear-gradient(160deg, #666, #000);
    border: .2rem gold solid;
    border-radius: .3rem;
    /*filter: invert(1);*/
}

.theme-style .more-menu-box .home-tabs .tab img {
    object-fit: contain;
    width: 100%;
}

.mobile .theme-style footer .nav-item h3 {
    font-size: 1.1rem;
}

.mobile .theme-style .tabs .logo-box {
    min-width: 14rem;
}

.pc .theme-style .more-menu-box {
    width: 30%;
}

/* 黑金主题 */

.black-gold-theme {
    color: #fff;
}

.black-gold-theme #mask {
    color: #6a82ad;
}

.black-gold-theme .navigator-bar,
.black-gold-theme #service .navigator-bar,
.black-gold-theme #service .navigator-bar .service-navi-bar img,
.black-gold-theme #service .navigator-bar .service-navi-bar p {
    background: #000;
    color: #fff;
}

.black-gold-theme section,
.black-gold-theme .tabs,
.black-gold-theme .tabs .logo,
.black-gold-theme .user,
.black-gold-theme .loginForm,
.pc body.black-gold-theme,
.pc .black-gold-theme .index-footer {
    background: #292929 !important;
}

.black-gold-theme .user .password,
.black-gold-theme .user .username {
    background: #bebebe;
}

.black-gold-theme .notice {
    background: #000;
    color: #a3a3a3;
}

.black-gold-theme .notice font {
    color: #a3a3a3;
}

.black-gold-theme .game-list .live,
.black-gold-theme .game-list .elgame,
.black-gold-theme .game-list .lottery,
.black-gold-theme .game-list .sport,
.black-gold-theme .game-list .card,
.black-gold-theme .game-list .fish,
.black-gold-theme #game .list .item {
    border-color: #292929;
    box-shadow: .2rem .4rem .6rem 0 #000;
}

.black-gold-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/black-gold/btnHot.png");
}

.black-gold-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/black-gold/btnRecommond.png");
}

.black-gold-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/black-gold/btnLivegame.png");
}

.black-gold-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/black-gold/btnSlot.png");
}

.black-gold-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/black-gold/btnTogel.png");
}

.black-gold-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/black-gold/btnSport.png");
}

.black-gold-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/black-gold/btnKartu.png");
}

.black-gold-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/black-gold/btnFishing.png");
}

.black-gold-theme .game-list .game-menu .currency-menu {
    background-image: url("images/theme/black-gold/btnCurrency.png");
}

.black-gold-theme .game-list .game-menu .game-menu-item i {
    color: #d0b484;
}

.black-gold-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/black-gold/btnSelect.png");
    background-size: 100% 100%;
}

.black-gold-theme .game-list .game-menu .game-menu-current i,
.black-gold-theme #withdrawal .container ul li p,
.black-gold-theme .mine-top .mine-statistics .commissionToday span i,
.black-gold-theme .mine-top .mine-statistics .myPurse span i,
.black-gold-theme .notice .scrollText,
.black-gold-theme #deposit .container .bank-list b,
.black-gold-theme #deposit .container .bank-list p u,
.black-gold-theme #myMessage .list .item .left .top b,
.black-gold-theme .loginForm .login-item input,
.black-gold-theme .loginForm .memberPsw label,
.black-gold-theme .loginForm .other-item b,
.pc .black-gold-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.black-gold-theme footer {
    background: #000;
}

.black-gold-theme footer .nav-item .icon {
    background-image: url("images/theme/black-gold/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.black-gold-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/black-gold/btnPromosi.png") !important;
}

.black-gold-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/black-gold/btnContact.png") !important;
}

.black-gold-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/black-gold/btnMenu.png") !important;
}

.mobile .black-gold-theme footer .nav-item .icon {
    background-image: url("images/theme/black-gold/btnHome.png") !important;
    background-position: center .8rem !important;
}

.mobile .black-gold-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/black-gold/btnDeposit.png") !important;
}

.mobile .black-gold-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/black-gold/btnPromosi.png") !important;
}

.mobile .black-gold-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/black-gold/btnWithdrawal.png") !important;
}

.mobile .black-gold-theme footer .nav-item:nth-of-type(5) .icon {
    background-image: url("images/theme/black-gold/btnMenu.png") !important;
}

.black-gold-theme footer .nav-item h3 {
    color: #d0b484;
}

.black-gold-theme footer .nav-item-active,
.black-gold-theme .recommend-table table thead th,
.black-gold-theme .rebate-table table thead th,
.black-gold-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, .2);
    border: none;
}

.black-gold-theme #activity .game-list .game-items .game-item,
.black-gold-theme .mine-common,
.black-gold-theme .mine-menus,
.black-gold-theme #accountsAndSecurity ul,
.black-gold-theme #deposit .container dl,
.black-gold-theme #deposit .container ul,
.black-gold-theme .recommend-share,
.black-gold-theme #myRecommend .detail dl,
.black-gold-theme #myRecommend .detail dl dd,
.black-gold-theme #myRecommend .detail dl dd:nth-child(2n),
.black-gold-theme .recommend-table table tbody td,
.black-gold-theme .rebate-table table tbody td,
.black-gold-theme #transactionRecords .list,
.black-gold-theme #personalData ul,
.black-gold-theme .mine-about ul li,
.black-gold-theme #withdrawal .container .payment-list .payment-item,
.black-gold-theme #withdrawal .container ul,
.black-gold-theme #myFavorite .tabs,
.black-gold-theme #myFavorite .tabs li,
.black-gold-theme #myFavorite .list,
.black-gold-theme #gameRules .rule-detail .rule-content,
.black-gold-theme #oddsRules .rule-detail .rule-content,
.black-gold-theme #oddsRules .rule-detail .rule-content dd table,
.black-gold-theme #oddsRules .rule-detail .rule-content dd table tr,
.black-gold-theme #gameRules .rule-detail .tabs,
.black-gold-theme #gameRules .rule-detail .tabs li,
.black-gold-theme #oddsRules .rule-detail .tabs,
.black-gold-theme #oddsRules .rule-detail .tabs li,
.black-gold-theme #myMessage .list,
.black-gold-theme .game-list .live,
.black-gold-theme .game-list .elgame,
.black-gold-theme .game-list .lottery,
.black-gold-theme .game-list .sport,
.black-gold-theme .game-list .card,
.black-gold-theme .game-list .fish,
.black-gold-theme #game .list .item,
.black-gold-theme #betRecords .list .items,
.black-gold-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, .1) !important;
    border: none;
}

.black-gold-theme .mine-menus ul li,
.black-gold-theme #deposit .container .bank-tabs,
.black-gold-theme #paymentMethod .container,
.black-gold-theme #paymentMethod .container .payment-list,
.black-gold-theme #withdrawal .container ul li {
    background: none;
}

.black-gold-theme .mine-menus ul li,
.black-gold-theme .mine-about ul li,
.black-gold-theme #personalData ul li,
.black-gold-theme #deposit .container .bank-list .bank-item,
.black-gold-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.black-gold-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.black-gold-theme .mine-top .mine-statistics {
    background: linear-gradient(120deg, #444, #555);
}

.black-gold-theme .game-list .game-items .home-banklist,
.black-gold-theme .game-bank-rule .home-banklist,
.black-gold-theme #deposit .container .deposit-banklist {
    background: linear-gradient(120deg, #37363b, #282727);
    box-shadow: 0 0 1rem #000;
    border: none;
}

.black-gold-theme .mine-menus ul li:last-child,
.black-gold-theme .mine-about ul li:last-child,
.black-gold-theme #personalData ul li:last-child,
.black-gold-theme #myMessage .list .item:last-child {
    border: none;
}

.black-gold-theme #myFavorite .tabs .actived,
.black-gold-theme #gameRules .rule-detail .tabs .actived,
.black-gold-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.black-gold-theme .navigator-bar .detail-navi-back,
.black-gold-theme .navigator-bar .navi-back,
.black-gold-theme .mine-menus ul li:after,
.black-gold-theme .mine-about ul li:after,
.black-gold-theme #personalData ul li i,
.black-gold-theme #accountsAndSecurity ul li i,
.black-gold-theme #gameRules .navigator-bar i,
.black-gold-theme #oddsRules .navigator-bar i,
.black-gold-theme #myMessage .list .item .left .bottom i,
.black-gold-theme .loginForm .login-psw b,
.black-gold-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.black-gold-theme .mine-top .mine-info .about,
.black-gold-theme .mine-menus ul li img,
.black-gold-theme .user .password:before,
.black-gold-theme .user .username:before {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(75deg) brightness(103%) contrast(104%) !important;
}

.black-gold-theme #mask .login-notify {
    background: #292929;
    color: #fff;
}

.black-gold-theme #mask .login-success-btn a,
.black-gold-theme .loginForm .login-btn,
.black-gold-theme .recommend-register a {
    background: linear-gradient(to bottom, #e6ca9b, #b09665);
}

.black-gold-theme #mask .login-success-btn {
    background: #292929;
}

.black-gold-theme #betRecords .list .items {
    gap: 0.07rem;
}

.pc .black-gold-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .black-gold-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/black-gold/btnHot.png");
}

.pc .black-gold-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/black-gold/btnRecommond.png");
}

.pc .black-gold-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/black-gold/btnLivegame.png");
}

.pc .black-gold-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/black-gold/btnSlot.png");
}

.pc .black-gold-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/black-gold/btnTogel.png");
}

.pc .black-gold-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/black-gold/btnSport.png");
}

.pc .black-gold-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/black-gold/btnKartu.png");
}

.pc .black-gold-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/black-gold/btnFishing.png");
}

.pc .black-gold-theme .game-list-box .game-menu .game-menu-item i {
    color: #d0b484;
}

.pc .black-gold-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/black-gold/btnSelect.png");
    background-size: 100% 100%;
}

.pc .black-gold-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .black-gold-theme #deposit .container .bank-list .qris-item {
    margin: 0 150px;
}

.pc .black-gold-theme .user .password,
.pc .black-gold-theme .user .username {
    flex: 2;
}

.pc .black-gold-theme footer .nav-item .icon {
    background-position: center 7px !important;
}


/* 玫红主题 */

.rose-red-theme {
    color: #fff;
}

.rose-red-theme #mask {
    color: #6a82ad;
}

.rose-red-theme .navigator-bar,
.rose-red-theme #service .navigator-bar,
.rose-red-theme #service .navigator-bar .service-navi-bar img,
.rose-red-theme #service .navigator-bar .service-navi-bar p {
    background: #450631;
    color: #fff;
}

.rose-red-theme section,
.rose-red-theme .tabs,
.rose-red-theme .tabs .logo,
.rose-red-theme .user,
.rose-red-theme .loginForm,
.pc body.rose-red-theme,
.pc .rose-red-theme .index-footer {
    background: #720a45 !important;
}

.mobile .rose-red-theme footer .nav-item:nth-of-type(3),
.rose-red-theme .more-menu-box {
    background-color: #720a45 !important;
}

.rose-red-theme .user .password,
.rose-red-theme .user .username {
    background: #bebebe;
}

.rose-red-theme .notice {
    background: #450631;
    color: #a3a3a3;
}

.rose-red-theme .notice font {
    color: #a3a3a3;
}

.rose-red-theme .game-list .live,
.rose-red-theme .game-list .elgame,
.rose-red-theme .game-list .lottery,
.rose-red-theme .game-list .sport,
.rose-red-theme .game-list .card,
.rose-red-theme .game-list .fish,
.rose-red-theme #game .list .item {
    border-color: #720a45;
    box-shadow: .2rem .4rem .6rem 0 #000;
}

.rose-red-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/rose-red/btnHot.png");
}

.rose-red-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/rose-red/btnRecommond.png");
}

.rose-red-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/rose-red/btnLivegame.png");
}

.rose-red-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/rose-red/btnSlot.png");
}

.rose-red-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/rose-red/btnTogel.png");
}

.rose-red-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/rose-red/btnSport.png");
}

.rose-red-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/rose-red/btnKartu.png");
}

.rose-red-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/rose-red/btnFishing.png");
}

.rose-red-theme .game-list .game-menu .game-menu-item i {
    color: #d0b484;
}

.rose-red-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/rose-red/btnSelect.png");
    background-size: 100% 100%;
}

.rose-red-theme .game-list .game-menu .game-menu-current i,
.rose-red-theme #withdrawal .container ul li p,
.rose-red-theme .mine-top .mine-statistics .commissionToday span i,
.rose-red-theme .mine-top .mine-statistics .myPurse span i,
.rose-red-theme .notice .scrollText,
.rose-red-theme #deposit .container .bank-list b,
.rose-red-theme #deposit .container .bank-list p u,
.rose-red-theme #myMessage .list .item .left .top b,
.rose-red-theme .loginForm .login-item input,
.rose-red-theme .loginForm .memberPsw label,
.rose-red-theme .loginForm .other-item b,
.pc .rose-red-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.rose-red-theme footer {
    background: #450631;
}

.rose-red-theme footer .nav-item .icon {
    background-image: url("images/theme/rose-red/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.rose-red-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/rose-red/btnPromosi.png") !important;
}

.rose-red-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/rose-red/btnContact.png") !important;
}

.rose-red-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/rose-red/btnMenu.png") !important;
}

.mobile .rose-red-theme footer .nav-item .icon {
    background-image: url("images/theme/rose-red/btnHome.png") !important;
    background-position: center 5px !important;
}

.mobile .rose-red-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/rose-red/btnDeposit.png") !important;
}

.mobile .rose-red-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/rose-red/btnPromosi.png") !important;
}

.mobile .rose-red-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/rose-red/btnWithdrawal.png") !important;
}

.mobile .rose-red-theme footer .nav-item:nth-of-type(5) .icon {
    background-image: url("images/theme/rose-red/btnMenu.png") !important;
}

.rose-red-theme footer .nav-item h3 {
    color: #d0b484;
}

.rose-red-theme footer .nav-item-active,
.rose-red-theme .recommend-table table thead th,
.rose-red-theme .rebate-table table thead th,
.rose-red-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, .2);
    border: none;
}

.rose-red-theme #activity .game-list .game-items .game-item,
.rose-red-theme .mine-common,
.rose-red-theme .mine-menus,
.rose-red-theme #accountsAndSecurity ul,
.rose-red-theme #deposit .container dl,
.rose-red-theme #deposit .container ul,
.rose-red-theme .recommend-share,
.rose-red-theme #myRecommend .detail dl,
.rose-red-theme #myRecommend .detail dl dd,
.rose-red-theme #myRecommend .detail dl dd:nth-child(2n),
.rose-red-theme .recommend-table table tbody td,
.rose-red-theme .rebate-table table tbody td,
.rose-red-theme #transactionRecords .list,
.rose-red-theme #personalData ul,
.rose-red-theme .mine-about ul li,
.rose-red-theme #withdrawal .container .payment-list .payment-item,
.rose-red-theme #withdrawal .container ul,
.rose-red-theme #myFavorite .tabs,
.rose-red-theme #myFavorite .tabs li,
.rose-red-theme #myFavorite .list,
.rose-red-theme #gameRules .rule-detail .rule-content,
.rose-red-theme #oddsRules .rule-detail .rule-content,
.rose-red-theme #oddsRules .rule-detail .rule-content dd table,
.rose-red-theme #oddsRules .rule-detail .rule-content dd table tr,
.rose-red-theme #gameRules .rule-detail .tabs,
.rose-red-theme #gameRules .rule-detail .tabs li,
.rose-red-theme #oddsRules .rule-detail .tabs,
.rose-red-theme #oddsRules .rule-detail .tabs li,
.rose-red-theme #myMessage .list,
.rose-red-theme .game-list .live,
.rose-red-theme .game-list .elgame,
.rose-red-theme .game-list .lottery,
.rose-red-theme .game-list .sport,
.rose-red-theme .game-list .card,
.rose-red-theme .game-list .fish,
.rose-red-theme #game .list .item,
.rose-red-theme #betRecords .list .items,
.rose-red-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, .1) !important;
    border: none;
}

.rose-red-theme .mine-menus ul li,
.rose-red-theme #deposit .container .bank-tabs,
.rose-red-theme #paymentMethod .container,
.rose-red-theme #paymentMethod .container .payment-list,
.rose-red-theme #withdrawal .container ul li {
    background: none;
}

.rose-red-theme .mine-menus ul li,
.rose-red-theme .mine-about ul li,
.rose-red-theme #personalData ul li,
.rose-red-theme #deposit .container .bank-list .bank-item,
.rose-red-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.rose-red-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.rose-red-theme .mine-top .mine-statistics {
    background: linear-gradient(120deg, #8d145d, #791151);
}

.rose-red-theme .game-list .game-items .home-banklist,
.rose-red-theme .game-bank-rule .home-banklist,
.rose-red-theme #deposit .container .deposit-banklist {
    background: linear-gradient(120deg, #8d145d, #791151);
    box-shadow: 0 0 1rem #000;
    border: none;
}

.rose-red-theme .mine-menus ul li:last-child,
.rose-red-theme .mine-about ul li:last-child,
.rose-red-theme #personalData ul li:last-child,
.rose-red-theme #myMessage .list .item:last-child {
    border: none;
}

.rose-red-theme #myFavorite .tabs .actived,
.rose-red-theme #gameRules .rule-detail .tabs .actived,
.rose-red-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.rose-red-theme .navigator-bar .detail-navi-back,
.rose-red-theme .navigator-bar .navi-back,
.rose-red-theme .mine-menus ul li:after,
.rose-red-theme .mine-about ul li:after,
.rose-red-theme #personalData ul li i,
.rose-red-theme #accountsAndSecurity ul li i,
.rose-red-theme #gameRules .navigator-bar i,
.rose-red-theme #oddsRules .navigator-bar i,
.rose-red-theme #myMessage .list .item .left .bottom i,
.rose-red-theme .loginForm .login-psw b,
.rose-red-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.rose-red-theme .mine-top .mine-info .about,
.rose-red-theme .mine-menus ul li img,
.rose-red-theme .user .password:before,
.rose-red-theme .user .username:before {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(75deg) brightness(103%) contrast(104%) !important;
}

.rose-red-theme #mask .login-notify {
    background: #720a45;
    color: #fff;
}

.rose-red-theme #mask .login-success-btn a,
.rose-red-theme .loginForm .login-btn,
.rose-red-theme .recommend-register a {
    background: linear-gradient(to bottom, #fce8b7, #db9426);
}

.rose-red-theme #mask .login-success-btn {
    background: #720a45;
}

.rose-red-theme #betRecords .list .items {
    gap: 0.07rem;
}

.pc .rose-red-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .rose-red-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/rose-red/btnHot.png");
}

.pc .rose-red-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/rose-red/btnRecommond.png");
}

.pc .rose-red-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/rose-red/btnLivegame.png");
}

.pc .rose-red-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/rose-red/btnSlot.png");
}

.pc .rose-red-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/rose-red/btnTogel.png");
}

.pc .rose-red-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/rose-red/btnSport.png");
}

.pc .rose-red-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/rose-red/btnKartu.png");
}

.pc .rose-red-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/rose-red/btnFishing.png");
}

.pc .rose-red-theme .game-list-box .game-menu .game-menu-item i {
    color: #d0b484;
}

.pc .rose-red-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/rose-red/btnSelect.png");
    background-size: 100% 100%;
}

.pc .rose-red-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .rose-red-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .rose-red-theme .user .password,
.pc .rose-red-theme .user .username {
    flex: 2;
}

.pc .rose-red-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .rose-red-theme #footer {
    background: #450631;
}


/* 深蓝主题 */

.deep-blue-theme {
    color: #fff;
}

.deep-blue-theme #mask {
    color: #6a82ad;
}

.deep-blue-theme .navigator-bar,
.deep-blue-theme #service .navigator-bar,
.deep-blue-theme #service .navigator-bar .service-navi-bar img,
.deep-blue-theme #service .navigator-bar .service-navi-bar p {
    background: #071824;
    color: #fff;
}

.deep-blue-theme section,
.deep-blue-theme .tabs,
.deep-blue-theme .tabs .logo,
.deep-blue-theme .user,
.deep-blue-theme .loginForm,
.pc body.deep-blue-theme,
.pc .deep-blue-theme .index-footer {
    background: #0f212e !important;
}

.deep-blue-theme .user .password,
.deep-blue-theme .user .username {
    background: #bebebe;
}

.deep-blue-theme .notice {
    background: #071824;
    color: #a3a3a3;
}

.deep-blue-theme .notice font {
    color: #a3a3a3;
}

.deep-blue-theme .game-list .live,
.deep-blue-theme .game-list .elgame,
.deep-blue-theme .game-list .lottery,
.deep-blue-theme .game-list .sport,
.deep-blue-theme .game-list .card,
.deep-blue-theme .game-list .fish,
.deep-blue-theme #game .list .item {
    border-color: #0f212e;
    box-shadow: .2rem .4rem .6rem 0 #000;
}

.deep-blue-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/deep-blue/btnHot.png");
}

.deep-blue-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/deep-blue/btnRecommond.png");
}

.deep-blue-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/deep-blue/btnLivegame.png");
}

.deep-blue-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/deep-blue/btnSlot.png");
}

.deep-blue-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/deep-blue/btnTogel.png");
}

.deep-blue-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/deep-blue/btnSport.png");
}

.deep-blue-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/deep-blue/btnKartu.png");
}

.deep-blue-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/deep-blue/btnFishing.png");
}

.deep-blue-theme .game-list .game-menu .game-menu-item i {
    color: #d0b484;
}

.deep-blue-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/deep-blue/btnSelect.png");
    background-size: 100% 100%;
}

.deep-blue-theme .game-list .game-menu .game-menu-current i,
.deep-blue-theme #withdrawal .container ul li p,
.deep-blue-theme .mine-top .mine-statistics .commissionToday span i,
.deep-blue-theme .mine-top .mine-statistics .myPurse span i,
.deep-blue-theme .notice .scrollText,
.deep-blue-theme #deposit .container .bank-list b,
.deep-blue-theme #deposit .container .bank-list p u,
.deep-blue-theme #myMessage .list .item .left .top b,
.deep-blue-theme .loginForm .login-item input,
.deep-blue-theme .loginForm .memberPsw label,
.deep-blue-theme .loginForm .other-item b,
.pc .deep-blue-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.deep-blue-theme footer {
    background: #071824;
}

.deep-blue-theme footer .nav-item .icon {
    background-image: url("images/theme/deep-blue/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.deep-blue-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/deep-blue/btnPromosi.png") !important;
}

.deep-blue-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/deep-blue/btnContact.png") !important;
}

.deep-blue-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/deep-blue/btnProfil.png") !important;
}

.deep-blue-theme footer .nav-item h3 {
    color: #d0b484;
}

.deep-blue-theme footer .nav-item-active,
.deep-blue-theme .recommend-table table thead th,
.deep-blue-theme .rebate-table table thead th,
.deep-blue-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, .2);
    border: none;
}

.deep-blue-theme #activity .game-list .game-items .game-item,
.deep-blue-theme .mine-common,
.deep-blue-theme .mine-menus,
.deep-blue-theme #accountsAndSecurity ul,
.deep-blue-theme #deposit .container dl,
.deep-blue-theme #deposit .container ul,
.deep-blue-theme .recommend-share,
.deep-blue-theme #myRecommend .detail dl,
.deep-blue-theme #myRecommend .detail dl dd,
.deep-blue-theme #myRecommend .detail dl dd:nth-child(2n),
.deep-blue-theme .recommend-table table tbody td,
.deep-blue-theme .rebate-table table tbody td,
.deep-blue-theme #transactionRecords .list,
.deep-blue-theme #personalData ul,
.deep-blue-theme .mine-about ul li,
.deep-blue-theme #withdrawal .container .payment-list .payment-item,
.deep-blue-theme #withdrawal .container ul,
.deep-blue-theme #myFavorite .tabs,
.deep-blue-theme #myFavorite .tabs li,
.deep-blue-theme #myFavorite .list,
.deep-blue-theme #gameRules .rule-detail .rule-content,
.deep-blue-theme #oddsRules .rule-detail .rule-content,
.deep-blue-theme #oddsRules .rule-detail .rule-content dd table,
.deep-blue-theme #oddsRules .rule-detail .rule-content dd table tr,
.deep-blue-theme #gameRules .rule-detail .tabs,
.deep-blue-theme #gameRules .rule-detail .tabs li,
.deep-blue-theme #oddsRules .rule-detail .tabs,
.deep-blue-theme #oddsRules .rule-detail .tabs li,
.deep-blue-theme #myMessage .list,
.deep-blue-theme .game-list .live,
.deep-blue-theme .game-list .elgame,
.deep-blue-theme .game-list .lottery,
.deep-blue-theme .game-list .sport,
.deep-blue-theme .game-list .card,
.deep-blue-theme .game-list .fish,
.deep-blue-theme #game .list .item,
.deep-blue-theme #betRecords .list .items,
.deep-blue-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, .1) !important;
    border: none;
}

.deep-blue-theme .mine-menus ul li,
.deep-blue-theme #deposit .container .bank-tabs,
.deep-blue-theme #paymentMethod .container,
.deep-blue-theme #paymentMethod .container .payment-list,
.deep-blue-theme #withdrawal .container ul li {
    background: none;
}

.deep-blue-theme .mine-menus ul li,
.deep-blue-theme .mine-about ul li,
.deep-blue-theme #personalData ul li,
.deep-blue-theme #deposit .container .bank-list .bank-item,
.deep-blue-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.deep-blue-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.deep-blue-theme .mine-top .mine-statistics {
    background: linear-gradient(120deg, #2c4568, #213448);
}

.deep-blue-theme .game-list .game-items .home-banklist,
.deep-blue-theme .game-bank-rule .home-banklist,
.deep-blue-theme #deposit .container .deposit-banklist {
    background: linear-gradient(120deg, #2c4568, #213448);
    box-shadow: 0 0 1rem #000;
    border: none;
}

.deep-blue-theme .mine-menus ul li:last-child,
.deep-blue-theme .mine-about ul li:last-child,
.deep-blue-theme #personalData ul li:last-child,
.deep-blue-theme #myMessage .list .item:last-child {
    border: none;
}

.deep-blue-theme #myFavorite .tabs .actived,
.deep-blue-theme #gameRules .rule-detail .tabs .actived,
.deep-blue-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.deep-blue-theme .navigator-bar .detail-navi-back,
.deep-blue-theme .navigator-bar .navi-back,
.deep-blue-theme .mine-menus ul li:after,
.deep-blue-theme .mine-about ul li:after,
.deep-blue-theme #personalData ul li i,
.deep-blue-theme #accountsAndSecurity ul li i,
.deep-blue-theme #gameRules .navigator-bar i,
.deep-blue-theme #oddsRules .navigator-bar i,
.deep-blue-theme #myMessage .list .item .left .bottom i,
.deep-blue-theme .loginForm .login-psw b,
.deep-blue-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.deep-blue-theme .mine-top .mine-info .about,
.deep-blue-theme .mine-menus ul li img,
.deep-blue-theme .user .password:before,
.deep-blue-theme .user .username:before {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(75deg) brightness(103%) contrast(104%) !important;
}

.deep-blue-theme #mask .login-notify {
    background: #0f212e;
    color: #fff;
}

.deep-blue-theme #mask .login-success-btn a,
.deep-blue-theme .loginForm .login-btn,
.deep-blue-theme .recommend-register a {
    background: linear-gradient(to bottom, #fce8b7, #db9426);
}

.deep-blue-theme #mask .login-success-btn {
    background: #0f212e;
}

.deep-blue-theme #betRecords .list .items {
    gap: 0.07rem;
}

.pc .deep-blue-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .deep-blue-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/deep-blue/btnHot.png");
}

.pc .deep-blue-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/deep-blue/btnRecommond.png");
}

.pc .deep-blue-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/deep-blue/btnLivegame.png");
}

.pc .deep-blue-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/deep-blue/btnSlot.png");
}

.pc .deep-blue-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/deep-blue/btnTogel.png");
}

.pc .deep-blue-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/deep-blue/btnSport.png");
}

.pc .deep-blue-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/deep-blue/btnKartu.png");
}

.pc .deep-blue-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/deep-blue/btnFishing.png");
}

.pc .deep-blue-theme .game-list-box .game-menu .game-menu-item i {
    color: #d0b484;
}

.pc .deep-blue-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/deep-blue/btnSelect.png");
    background-size: 100% 100%;
}

.pc .deep-blue-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .deep-blue-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .deep-blue-theme .user .password,
.pc .deep-blue-theme .user .username {
    flex: 2;
}

.pc .deep-blue-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .deep-blue-theme #footer {
    background: #071824;
}


/* 香槟金主题 */

.champagne-gold-theme {
    color: #fff;
}

.champagne-gold-theme #mask {
    color: #6a82ad;
}

.champagne-gold-theme .navigator-bar,
.champagne-gold-theme #service .navigator-bar,
.champagne-gold-theme #service .navigator-bar .service-navi-bar img,
.champagne-gold-theme #service .navigator-bar .service-navi-bar p {
    background: #6f492e;
    color: #fff;
}

.champagne-gold-theme section,
.champagne-gold-theme .tabs,
.champagne-gold-theme .tabs .logo,
.champagne-gold-theme .user,
.champagne-gold-theme .loginForm,
.pc body.champagne-gold-theme,
.pc .champagne-gold-theme .index-footer,
.champagne-gold-theme .more-menu-box {
    background: #8f6f4f !important;
}

.champagne-gold-theme .user .password,
.champagne-gold-theme .user .username {
    background: #bebebe;
}

.champagne-gold-theme .notice {
    background: #6f492e;
    color: #a3a3a3;
}

.champagne-gold-theme .notice font {
    color: #a3a3a3;
}

.champagne-gold-theme .game-list .live,
.champagne-gold-theme .game-list .elgame,
.champagne-gold-theme .game-list .lottery,
.champagne-gold-theme .game-list .sport,
.champagne-gold-theme .game-list .card,
.champagne-gold-theme .game-list .fish,
.champagne-gold-theme #game .list .item {
    border-color: #8f6f4f;
    box-shadow: .2rem .4rem .6rem 0 #000;
}

.champagne-gold-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/champagne-gold/btnHot.png");
}

.champagne-gold-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/.champagne-gold/btnRecommond.png");
}

.champagne-gold-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/champagne-gold/btnLivegame.png");
}

.champagne-gold-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/champagne-gold/btnSlot.png");
}

.champagne-gold-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/champagne-gold/btnTogel.png");
}

.champagne-gold-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/champagne-gold/btnSport.png");
}

.champagne-gold-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/champagne-gold/btnKartu.png");
}

.champagne-gold-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/champagne-gold/btnFishing.png");
}

.champagne-gold-theme .game-list .game-menu .game-menu-item i {
    color: #d0b484;
}

.champagne-gold-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/champagne-gold/btnSelect.png");
    background-size: 100% 100%;
}

.champagne-gold-theme .game-list .game-menu .game-menu-current i,
.champagne-gold-theme #withdrawal .container ul li p,
.champagne-gold-theme .mine-top .mine-statistics .commissionToday span i,
.champagne-gold-theme .mine-top .mine-statistics .myPurse span i,
.champagne-gold-theme .notice .scrollText,
.champagne-gold-theme #deposit .container .bank-list b,
.champagne-gold-theme #deposit .container .bank-list p u,
.champagne-gold-theme #myMessage .list .item .left .top b,
.champagne-gold-theme .loginForm .login-item input,
.champagne-gold-theme .loginForm .memberPsw label,
.champagne-gold-theme .loginForm .other-item b,
.pc .champagne-gold-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.champagne-gold-theme footer {
    background: #6f492e;
}

.champagne-gold-theme footer .nav-item .icon {
    background-image: url("images/theme/champagne-gold/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.champagne-gold-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/champagne-gold/btnPromosi.png") !important;
}

.champagne-gold-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/champagne-gold/btnContact.png") !important;
}

.champagne-gold-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/champagne-gold/btnMenu.png") !important;
}

.mobile .champagne-gold-theme footer .nav-item .icon {
    background-image: url("images/theme/champagne-gold/btnHome.png") !important;
    background-size: 2rem 2rem !important;
    background-position: center 9px !important;
}

.mobile .champagne-gold-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/champagne-gold/btnDeposit.png") !important;
}

.mobile .champagne-gold-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/champagne-gold/btnPromosi.png") !important;
}

.mobile .champagne-gold-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/champagne-gold/btnWithdrawal.png") !important;
}

.mobile .champagne-gold-theme footer .nav-item:nth-of-type(5) .icon {
    background-image: url("images/theme/champagne-gold/btnMenu.png") !important;
}

.mobile .champagne-gold-theme footer .nav-item h3 {
    color: #fff;
}

.champagne-gold-theme footer .nav-item-active,
.champagne-gold-theme .recommend-table table thead th,
.champagne-gold-theme .rebate-table table thead th,
.champagne-gold-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, .2);
    border: none;
}

.champagne-gold-theme #activity .game-list .game-items .game-item,
.champagne-gold-theme .mine-common,
.champagne-gold-theme .mine-menus,
.champagne-gold-theme #accountsAndSecurity ul,
.champagne-gold-theme #deposit .container dl,
.champagne-gold-theme #deposit .container ul,
.champagne-gold-theme .recommend-share,
.champagne-gold-theme #myRecommend .detail dl,
.champagne-gold-theme #myRecommend .detail dl dd,
.champagne-gold-theme #myRecommend .detail dl dd:nth-child(2n),
.champagne-gold-theme .recommend-table table tbody td,
.champagne-gold-theme .rebate-table table tbody td,
.champagne-gold-theme #transactionRecords .list,
.champagne-gold-theme #personalData ul,
.champagne-gold-theme .mine-about ul li,
.champagne-gold-theme #withdrawal .container .payment-list .payment-item,
.champagne-gold-theme #withdrawal .container ul,
.champagne-gold-theme #myFavorite .tabs,
.champagne-gold-theme #myFavorite .tabs li,
.champagne-gold-theme #myFavorite .list,
.champagne-gold-theme #gameRules .rule-detail .rule-content,
.champagne-gold-theme #oddsRules .rule-detail .rule-content,
.champagne-gold-theme #oddsRules .rule-detail .rule-content dd table,
.champagne-gold-theme #oddsRules .rule-detail .rule-content dd table tr,
.champagne-gold-theme #gameRules .rule-detail .tabs,
.champagne-gold-theme #gameRules .rule-detail .tabs li,
.champagne-gold-theme #oddsRules .rule-detail .tabs,
.champagne-gold-theme #oddsRules .rule-detail .tabs li,
.champagne-gold-theme #myMessage .list,
.champagne-gold-theme .game-list .live,
.champagne-gold-theme .game-list .elgame,
.champagne-gold-theme .game-list .lottery,
.champagne-gold-theme .game-list .sport,
.champagne-gold-theme .game-list .card,
.champagne-gold-theme .game-list .fish,
.champagne-gold-theme #game .list .item,
.champagne-gold-theme #betRecords .list .items,
.champagne-gold-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, .1) !important;
    border: none;
}

.champagne-gold-theme .mine-menus ul li,
.champagne-gold-theme #deposit .container .bank-tabs,
.champagne-gold-theme #paymentMethod .container,
.champagne-gold-theme #paymentMethod .container .payment-list,
.champagne-gold-theme #withdrawal .container ul li {
    background: none;
}

.champagne-gold-theme .mine-menus ul li,
.champagne-gold-theme .mine-about ul li,
.champagne-gold-theme #personalData ul li,
.champagne-gold-theme #deposit .container .bank-list .bank-item,
.champagne-gold-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.champagne-gold-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.champagne-gold-theme .mine-top .mine-statistics {
    background: linear-gradient(120deg, #987337, #88652e);
}

.champagne-gold-theme .game-list .game-items .home-banklist,
.champagne-gold-theme .game-bank-rule .home-banklist,
.champagne-gold-theme #deposit .container .deposit-banklist {
    background: linear-gradient(120deg, #987337, #88652e);
    box-shadow: 0 0 1rem #000;
    border: none;
}

.champagne-gold-theme .mine-menus ul li:last-child,
.champagne-gold-theme .mine-about ul li:last-child,
.champagne-gold-theme #personalData ul li:last-child,
.champagne-gold-theme #myMessage .list .item:last-child {
    border: none;
}

.champagne-gold-theme #myFavorite .tabs .actived,
.champagne-gold-theme #gameRules .rule-detail .tabs .actived,
.champagne-gold-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.champagne-gold-theme .navigator-bar .detail-navi-back,
.champagne-gold-theme .navigator-bar .navi-back,
.champagne-gold-theme .mine-menus ul li:after,
.champagne-gold-theme .mine-about ul li:after,
.champagne-gold-theme #personalData ul li i,
.champagne-gold-theme #accountsAndSecurity ul li i,
.champagne-gold-theme #gameRules .navigator-bar i,
.champagne-gold-theme #oddsRules .navigator-bar i,
.champagne-gold-theme #myMessage .list .item .left .bottom i,
.champagne-gold-theme .loginForm .login-psw b,
.champagne-gold-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.champagne-gold-theme .mine-top .mine-info .about,
.champagne-gold-theme .mine-menus ul li img,
.champagne-gold-theme .user .password:before,
.champagne-gold-theme .user .username:before {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(75deg) brightness(103%) contrast(104%) !important;
}

.champagne-gold-theme #mask .login-notify {
    background: #8f6f4f;
    color: #fff;
}

.champagne-gold-theme #mask .login-success-btn a,
.champagne-gold-theme .loginForm .login-btn,
.champagne-gold-theme .recommend-register a,
.champagne-gold-theme .user .loginBtn,
.champagne-gold-theme .forget-step .btn,
.champagne-gold-theme .register-step .btn {
    background: linear-gradient(to bottom, #f3c947, #a1650a);
}

.champagne-gold-theme #mask .login-success-btn {
    background: #8f6f4f;
}

.champagne-gold-theme #betRecords .list .items {
    gap: 0.07rem;
}

.pc .champagne-gold-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .champagne-gold-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/champagne-gold/btnHot.png");
}

.pc .champagne-gold-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/champagne-gold/btnRecommond.png");
}

.pc .champagne-gold-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/champagne-gold/btnLivegame.png");
}

.pc .champagne-gold-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/champagne-gold/btnSlot.png");
}

.pc .champagne-gold-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/champagne-gold/btnTogel.png");
}

.pc .champagne-gold-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/champagne-gold/btnSport.png");
}

.pc .champagne-gold-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/champagne-gold/btnKartu.png");
}

.pc .champagne-gold-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/champagne-gold/btnFishing.png");
}

.pc .champagne-gold-theme .game-list-box .game-menu .game-menu-item i {
    color: #d3c4b1;
}

.pc .champagne-gold-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/champagne-gold/btnSelect.png");
    background-size: 100% 100%;
}

.pc .champagne-gold-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .champagne-gold-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .champagne-gold-theme .user .password,
.pc .champagne-gold-theme .user .username {
    flex: 2;
}

.pc .champagne-gold-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .champagne-gold-theme #footer {
    background: #6f492e;
}


/* 青色主题 */

.green-theme {
    color: #fff;
}

.green-theme #mask {
    color: #6a82ad;
}

.green-theme .navigator-bar,
.green-theme #service .navigator-bar,
.green-theme #service .navigator-bar .service-navi-bar img,
.green-theme #service .navigator-bar .service-navi-bar p {
    background: #5a9da3;
    color: #fff;
}

.green-theme section,
.green-theme .tabs,
.green-theme .tabs .logo,
.green-theme .user,
.green-theme .loginForm,
.pc body.green-theme,
.pc .green-theme .index-footer {
    background: #99d0d5 !important;
}

.green-theme .user .password,
.green-theme .user .username {
    background: #7ebaba;
}

.green-theme .user .password:before,
.green-theme .user .username:before {
    opacity: 0.3;
}

.green-theme .user .password input::placeholder,
.green-theme .user .username input::placeholder {
    color: #fff;
}

.green-theme .notice {
    background: #5a9da3;
    color: #fff;
}

.green-theme .notice font {
    color: #fff;
}

.green-theme .game-list .live,
.green-theme .game-list .elgame,
.green-theme .game-list .lottery,
.green-theme .game-list .sport,
.green-theme .game-list .card,
.green-theme .game-list .fish,
.green-theme #game .list .item {
    border-color: #99d0d5;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #5a9da3;
}

.green-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/green/btnHot.png");
}

.green-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/green/btnRecommond.png");
}

.green-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/green/btnLivegame.png");
}

.green-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/green/btnSlot.png");
}

.green-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/green/btnTogel.png");
}

.green-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/green/btnSport.png");
}

.green-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/green/btnKartu.png");
}

.green-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/green/btnFishing.png");
}

.green-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.green-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/green/btnSelect.png");
    background-size: 100% 100%;
}

.green-theme .game-list .game-menu .game-menu-current i,
.green-theme #withdrawal .container ul li p,
.green-theme .mine-top .mine-statistics .commissionToday span i,
.green-theme .mine-top .mine-statistics .myPurse span i,
.green-theme .notice .scrollText,
.green-theme #deposit .container .bank-list b,
.green-theme #deposit .container .bank-list p u,
.green-theme #myMessage .list .item .left .top b,
.green-theme .loginForm .login-item input,
.green-theme .loginForm .memberPsw label,
.green-theme .loginForm .other-item b,
.pc .green-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.green-theme footer {
    background: #5a9da3;
}

.green-theme footer .nav-item .icon {
    background-image: url("images/theme/green/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.green-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/green/btnPromosi.png") !important;
}

.green-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/green/btnContact.png") !important;
}

.green-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/green/btnProfil.png") !important;
}

.green-theme footer .nav-item h3 {
    color: #fff;
}

.green-theme footer .nav-item-active,
.green-theme .recommend-table table thead th,
.green-theme .rebate-table table thead th,
.green-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.green-theme #activity .game-list .game-items .game-item,
.green-theme .mine-common,
.green-theme .mine-menus,
.green-theme #accountsAndSecurity ul,
.green-theme #deposit .container dl,
.green-theme #deposit .container ul,
.green-theme .recommend-share,
.green-theme #myRecommend .detail dl,
.green-theme #myRecommend .detail dl dd,
.green-theme #myRecommend .detail dl dd:nth-child(2n),
.green-theme .recommend-table table tbody td,
.green-theme .rebate-table table tbody td,
.green-theme #transactionRecords .list,
.green-theme #personalData ul,
.green-theme .mine-about ul li,
.green-theme #withdrawal .container .payment-list .payment-item,
.green-theme #withdrawal .container ul,
.green-theme #myFavorite .tabs,
.green-theme #myFavorite .tabs li,
.green-theme #myFavorite .list,
.green-theme #gameRules .rule-detail .rule-content,
.green-theme #oddsRules .rule-detail .rule-content,
.green-theme #oddsRules .rule-detail .rule-content dd table,
.green-theme #oddsRules .rule-detail .rule-content dd table tr,
.green-theme #gameRules .rule-detail .tabs,
.green-theme #gameRules .rule-detail .tabs li,
.green-theme #oddsRules .rule-detail .tabs,
.green-theme #oddsRules .rule-detail .tabs li,
.green-theme #myMessage .list,
.green-theme .game-list .live,
.green-theme .game-list .elgame,
.green-theme .game-list .lottery,
.green-theme .game-list .sport,
.green-theme .game-list .card,
.green-theme .game-list .fish,
.green-theme #game .list .item,
.green-theme #betRecords .list .items,
.green-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.green-theme .mine-menus ul li,
.green-theme #deposit .container .bank-tabs,
.green-theme #paymentMethod .container,
.green-theme #paymentMethod .container .payment-list,
.green-theme #withdrawal .container ul li {
    background: none;
}

.green-theme .mine-menus ul li,
.green-theme .mine-about ul li,
.green-theme #personalData ul li,
.green-theme #deposit .container .bank-list .bank-item,
.green-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.green-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.green-theme .mine-top .mine-statistics {
    background: linear-gradient(120deg, #36a4a6, #2c9d9e);
}

.green-theme .game-list .game-items .home-banklist,
.green-theme .game-bank-rule .home-banklist,
.green-theme #deposit .container .deposit-banklist {
    background: linear-gradient(120deg, #2c9d9e, #36a4a6);
    box-shadow: 0 0 1rem #5a9da3;
    border: none;
}

.green-theme .mine-menus ul li:last-child,
.green-theme .mine-about ul li:last-child,
.green-theme #personalData ul li:last-child,
.green-theme #myMessage .list .item:last-child {
    border: none;
}

.green-theme #myFavorite .tabs .actived,
.green-theme #gameRules .rule-detail .tabs .actived,
.green-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.green-theme .navigator-bar .detail-navi-back,
.green-theme .navigator-bar .navi-back,
.green-theme .mine-menus ul li:after,
.green-theme .mine-about ul li:after,
.green-theme #personalData ul li i,
.green-theme #accountsAndSecurity ul li i,
.green-theme #gameRules .navigator-bar i,
.green-theme #oddsRules .navigator-bar i,
.green-theme #myMessage .list .item .left .bottom i,
.green-theme .loginForm .login-psw b,
.green-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.green-theme .mine-top .mine-info .about,
.green-theme .mine-menus ul li img,
.green-theme .user .password:before,
.green-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.green-theme #mask .login-notify {
    background: #99d0d5;
    color: #fff;
}

.green-theme #mask .login-success-btn a,
.green-theme .loginForm .login-btn,
.green-theme .recommend-register a {
    background: linear-gradient(to bottom, #99d0d5, #5a9da3);
}

.green-theme #mask .login-success-btn {
    background: #99d0d5;
}

.green-theme #betRecords .list .items {
    gap: 0.07rem;
}

.green-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .green-theme .game-bank-rule .home-banklist .bank-rule a {
    color: blue;
}

.pc .green-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .green-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/green/btnHot.png");
}

.pc .green-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/green/btnRecommond.png");
}

.pc .green-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/green/btnLivegame.png");
}

.pc .green-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/green/btnSlot.png");
}

.pc .green-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/green/btnTogel.png");
}

.pc .green-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/green/btnSport.png");
}

.pc .green-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/green/btnKartu.png");
}

.pc .green-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/green/btnFishing.png");
}

.pc .green-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .green-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/green/btnSelect.png");
    background-size: 100% 100%;
}

.pc .green-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .green-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .green-theme .user .password,
.pc .green-theme .user .username {
    flex: 2;
}

.pc .green-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .green-theme #footer {
    background: #5a9da3;
}

.pc .green-theme #footer .footer-inner .other .service a:after,
.pc .green-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .green-theme #footer,
.pc .green-theme #footer .footer-inner .other .service,
.pc .green-theme #footer .footer-inner .other .service a,
.pc .green-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .green-theme #footer .footer-inner .worktogether img,
.pc .green-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 紫色主题 */

.purple-theme {
    color: #fff;
}

.purple-theme #mask {
    color: #6a82ad;
}

.purple-theme .navigator-bar,
.purple-theme #service .navigator-bar,
.purple-theme #service .navigator-bar .service-navi-bar img,
.purple-theme #service .navigator-bar .service-navi-bar p {
    background: #874e91;
    color: #fff;
}

.purple-theme section,
.purple-theme .tabs,
.purple-theme .tabs .logo,
.purple-theme .user,
.purple-theme .loginForm,
.pc body.purple-theme,
.pc .purple-theme .index-footer {
    background: #ad7bba !important;
}

.purple-theme .user .password,
.purple-theme .user .username {
    background: #ed82ec;
}

.purple-theme .user .password:before,
.purple-theme .user .username:before {
    opacity: 0.3;
}

.purple-theme .user .password input::placeholder,
.purple-theme .user .username input::placeholder {
    color: #fff;
}

.purple-theme .notice {
    background: #874e91;
    color: #fff;
}

.purple-theme .notice font {
    color: #fff;
}

.purple-theme .game-list .live,
.purple-theme .game-list .elgame,
.purple-theme .game-list .lottery,
.purple-theme .game-list .sport,
.purple-theme .game-list .card,
.purple-theme .game-list .fish,
.purple-theme #game .list .item {
    border-color: #ad7bba;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #874e91;
}

.purple-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/purple/btnHot.png");
}

.purple-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/purple/btnRecommond.png");
}

.purple-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/purple/btnLivegame.png");
}

.purple-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/purple/btnSlot.png");
}

.purple-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/purple/btnTogel.png");
}

.purple-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/purple/btnSport.png");
}

.purple-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/purple/btnKartu.png");
}

.purple-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/purple/btnFishing.png");
}

.purple-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.purple-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/purple/btnSelect.png");
    background-size: 100% 100%;
}

.purple-theme .game-list .game-menu .game-menu-current i,
.purple-theme #withdrawal .container ul li p,
.purple-theme .mine-top .mine-statistics .commissionToday span i,
.purple-theme .mine-top .mine-statistics .myPurse span i,
.purple-theme .notice .scrollText,
.purple-theme #deposit .container .bank-list b,
.purple-theme #deposit .container .bank-list p u,
.purple-theme #myMessage .list .item .left .top b,
.purple-theme .loginForm .login-item input,
.purple-theme .loginForm .memberPsw label,
.purple-theme .loginForm .other-item b,
.pc .purple-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.purple-theme footer {
    background: #874e91;
}

.purple-theme footer .nav-item .icon {
    background-image: url("images/theme/purple/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.purple-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/purple/btnPromosi.png") !important;
}

.purple-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/purple/btnContact.png") !important;
}

.purple-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/purple/btnProfil.png") !important;
}

.purple-theme footer .nav-item h3 {
    color: #fff;
}

.purple-theme footer .nav-item-active,
.purple-theme .recommend-table table thead th,
.purple-theme .rebate-table table thead th,
.purple-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.purple-theme #activity .game-list .game-items .game-item,
.purple-theme .mine-common,
.purple-theme .mine-menus,
.purple-theme #accountsAndSecurity ul,
.purple-theme #deposit .container dl,
.purple-theme #deposit .container ul,
.purple-theme .recommend-share,
.purple-theme #myRecommend .detail dl,
.purple-theme #myRecommend .detail dl dd,
.purple-theme #myRecommend .detail dl dd:nth-child(2n),
.purple-theme .recommend-table table tbody td,
.purple-theme .rebate-table table tbody td,
.purple-theme #transactionRecords .list,
.purple-theme #personalData ul,
.purple-theme .mine-about ul li,
.purple-theme #withdrawal .container .payment-list .payment-item,
.purple-theme #withdrawal .container ul,
.purple-theme #myFavorite .tabs,
.purple-theme #myFavorite .tabs li,
.purple-theme #myFavorite .list,
.purple-theme #gameRules .rule-detail .rule-content,
.purple-theme #oddsRules .rule-detail .rule-content,
.purple-theme #oddsRules .rule-detail .rule-content dd table,
.purple-theme #oddsRules .rule-detail .rule-content dd table tr,
.purple-theme #gameRules .rule-detail .tabs,
.purple-theme #gameRules .rule-detail .tabs li,
.purple-theme #oddsRules .rule-detail .tabs,
.purple-theme #oddsRules .rule-detail .tabs li,
.purple-theme #myMessage .list,
.purple-theme .game-list .live,
.purple-theme .game-list .elgame,
.purple-theme .game-list .lottery,
.purple-theme .game-list .sport,
.purple-theme .game-list .card,
.purple-theme .game-list .fish,
.purple-theme #game .list .item,
.purple-theme #betRecords .list .items,
.purple-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.purple-theme .mine-menus ul li,
.purple-theme #deposit .container .bank-tabs,
.purple-theme #paymentMethod .container,
.purple-theme #paymentMethod .container .payment-list,
.purple-theme #withdrawal .container ul li {
    background: none;
}

.purple-theme .mine-menus ul li,
.purple-theme .mine-about ul li,
.purple-theme #personalData ul li,
.purple-theme #deposit .container .bank-list .bank-item,
.purple-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.purple-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.purple-theme .mine-top .mine-statistics {
    background: linear-gradient(120deg, #903d7c, #964388);
}

.purple-theme .game-list .game-items .home-banklist,
.purple-theme .game-bank-rule .home-banklist,
.purple-theme #deposit .container .deposit-banklist {
    background: linear-gradient(120deg, #964388, #903d7c);
    box-shadow: 0 0 1rem #874e91;
    border: none;
}

.purple-theme .mine-menus ul li:last-child,
.purple-theme .mine-about ul li:last-child,
.purple-theme #personalData ul li:last-child,
.purple-theme #myMessage .list .item:last-child {
    border: none;
}

.purple-theme #myFavorite .tabs .actived,
.purple-theme #gameRules .rule-detail .tabs .actived,
.purple-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.purple-theme .navigator-bar .detail-navi-back,
.purple-theme .navigator-bar .navi-back,
.purple-theme .mine-menus ul li:after,
.purple-theme .mine-about ul li:after,
.purple-theme #personalData ul li i,
.purple-theme #accountsAndSecurity ul li i,
.purple-theme #gameRules .navigator-bar i,
.purple-theme #oddsRules .navigator-bar i,
.purple-theme #myMessage .list .item .left .bottom i,
.purple-theme .loginForm .login-psw b,
.purple-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.purple-theme .mine-top .mine-info .about,
.purple-theme .mine-menus ul li img,
.purple-theme .user .password:before,
.purple-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.purple-theme #mask .login-notify {
    background: #ad7bba;
    color: #fff;
}

.purple-theme #mask .login-success-btn a,
.purple-theme .loginForm .login-btn,
.purple-theme .recommend-register a {
    background: linear-gradient(to bottom, #ad7bba, #874e91);
}

.purple-theme #mask .login-success-btn {
    background: #ad7bba;
}

.purple-theme #betRecords .list .items {
    gap: 0.07rem;
}

.purple-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .purple-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .purple-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .purple-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/purple/btnHot.png");
}

.pc .purple-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/purple/btnRecommond.png");
}

.pc .purple-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/purple/btnLivegame.png");
}

.pc .purple-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/purple/btnSlot.png");
}

.pc .purple-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/purple/btnTogel.png");
}

.pc .purple-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/purple/btnSport.png");
}

.pc .purple-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/purple/btnKartu.png");
}

.pc .purple-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/purple/btnFishing.png");
}

.pc .purple-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .purple-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/purple/btnSelect.png");
    background-size: 100% 100%;
}

.pc .purple-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .purple-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .purple-theme .user .password,
.pc .purple-theme .user .username {
    flex: 2;
}

.pc .purple-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .purple-theme #footer {
    background: #874e91;
}

.pc .purple-theme #footer .footer-inner .other .service a:after,
.pc .purple-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .purple-theme #footer,
.pc .purple-theme #footer .footer-inner .other .service,
.pc .purple-theme #footer .footer-inner .other .service a,
.pc .purple-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .purple-theme #footer .footer-inner .worktogether img,
.pc .purple-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 粉色主题 */

.pink-theme {
    color: #fff;
}

.pink-theme #mask {
    color: #6a82ad;
}

.pink-theme .navigator-bar,
.pink-theme #service .navigator-bar,
.pink-theme #service .navigator-bar .service-navi-bar img,
.pink-theme #service .navigator-bar .service-navi-bar p {
    background: #e59999;
    color: #fff;
}

.pink-theme section,
.pink-theme .tabs,
.pink-theme .tabs .logo,
.pink-theme .user,
.pink-theme .loginForm,
.pc body.pink-theme,
.pc .pink-theme .index-footer {
    background: #f7dad4 !important;
}

.pink-theme .user .password,
.pink-theme .user .username {
    background: #f7c4c0;
}

.pink-theme .user .password:before,
.pink-theme .user .username:before {
    opacity: 0.3;
}

.pink-theme .user .password input::placeholder,
.pink-theme .user .username input::placeholder {
    color: #fff;
}

.pink-theme .notice {
    background: #e59999;
    color: #fff;
}

.pink-theme .notice font {
    color: #fff;
}

.pink-theme .game-list .live,
.pink-theme .game-list .elgame,
.pink-theme .game-list .lottery,
.pink-theme .game-list .sport,
.pink-theme .game-list .card,
.pink-theme .game-list .fish,
.pink-theme #game .list .item {
    border-color: #f7dad4;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #e59999;
}

.pink-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/pink/btnHot.png");
}

.pink-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/pink/btnRecommond.png");
}

.pink-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/pink/btnLivegame.png");
}

.pink-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/pink/btnSlot.png");
}

.pink-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/pink/btnTogel.png");
}

.pink-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/pink/btnSport.png");
}

.pink-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/pink/btnKartu.png");
}

.pink-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/pink/btnFishing.png");
}

.pink-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.pink-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/pink/btnSelect.png");
    background-size: 100% 100%;
}

.pink-theme .game-list .game-menu .game-menu-current i,
.pink-theme #withdrawal .container ul li p,
.pink-theme .mine-top .mine-statistics .commissionToday span i,
.pink-theme .mine-top .mine-statistics .myPurse span i,
.pink-theme .notice .scrollText,
.pink-theme #deposit .container .bank-list b,
.pink-theme #deposit .container .bank-list p u,
.pink-theme #myMessage .list .item .left .top b,
.pink-theme .loginForm .login-item input,
.pink-theme .loginForm .memberPsw label,
.pink-theme .loginForm .other-item b,
.pc .pink-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.pink-theme footer {
    background: #e59999;
}

.pink-theme footer .nav-item .icon {
    background-image: url("images/theme/pink/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.pink-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/pink/btnPromosi.png") !important;
}

.pink-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/pink/btnContact.png") !important;
}

.pink-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/pink/btnProfil.png") !important;
}

.pink-theme footer .nav-item h3 {
    color: #fff;
}

.pink-theme footer .nav-item-active,
.pink-theme .recommend-table table thead th,
.pink-theme .rebate-table table thead th,
.pink-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.pink-theme #activity .game-list .game-items .game-item,
.pink-theme .mine-common,
.pink-theme .mine-menus,
.pink-theme #accountsAndSecurity ul,
.pink-theme #deposit .container dl,
.pink-theme #deposit .container ul,
.pink-theme .recommend-share,
.pink-theme #myRecommend .detail dl,
.pink-theme #myRecommend .detail dl dd,
.pink-theme #myRecommend .detail dl dd:nth-child(2n),
.pink-theme .recommend-table table tbody td,
.pink-theme .rebate-table table tbody td,
.pink-theme #transactionRecords .list,
.pink-theme #personalData ul,
.pink-theme .mine-about ul li,
.pink-theme #withdrawal .container .payment-list .payment-item,
.pink-theme #withdrawal .container ul,
.pink-theme #myFavorite .tabs,
.pink-theme #myFavorite .tabs li,
.pink-theme #myFavorite .list,
.pink-theme #gameRules .rule-detail .rule-content,
.pink-theme #oddsRules .rule-detail .rule-content,
.pink-theme #oddsRules .rule-detail .rule-content dd table,
.pink-theme #oddsRules .rule-detail .rule-content dd table tr,
.pink-theme #gameRules .rule-detail .tabs,
.pink-theme #gameRules .rule-detail .tabs li,
.pink-theme #oddsRules .rule-detail .tabs,
.pink-theme #oddsRules .rule-detail .tabs li,
.pink-theme #myMessage .list,
.pink-theme .game-list .live,
.pink-theme .game-list .elgame,
.pink-theme .game-list .lottery,
.pink-theme .game-list .sport,
.pink-theme .game-list .card,
.pink-theme .game-list .fish,
.pink-theme #game .list .item,
.pink-theme #betRecords .list .items,
.pink-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.pink-theme .mine-menus ul li,
.pink-theme #deposit .container .bank-tabs,
.pink-theme #paymentMethod .container,
.pink-theme #paymentMethod .container .payment-list,
.pink-theme #withdrawal .container ul li {
    background: none;
}

.pink-theme .mine-menus ul li,
.pink-theme .mine-about ul li,
.pink-theme #personalData ul li,
.pink-theme #deposit .container .bank-list .bank-item,
.pink-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.pink-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.pink-theme .mine-top .mine-statistics {
    background: linear-gradient(120deg, #ce7281, #cb6b7c);
}

.pink-theme .game-list .game-items .home-banklist,
.pink-theme .game-bank-rule .home-banklist,
.pink-theme #deposit .container .deposit-banklist {
    background: linear-gradient(120deg, #cb6b7c, #ce7281);
    box-shadow: 0 0 1rem #e59999;
    border: none;
}

.pink-theme .mine-menus ul li:last-child,
.pink-theme .mine-about ul li:last-child,
.pink-theme #personalData ul li:last-child,
.pink-theme #myMessage .list .item:last-child {
    border: none;
}

.pink-theme #myFavorite .tabs .actived,
.pink-theme #gameRules .rule-detail .tabs .actived,
.pink-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.pink-theme .navigator-bar .detail-navi-back,
.pink-theme .navigator-bar .navi-back,
.pink-theme .mine-menus ul li:after,
.pink-theme .mine-about ul li:after,
.pink-theme #personalData ul li i,
.pink-theme #accountsAndSecurity ul li i,
.pink-theme #gameRules .navigator-bar i,
.pink-theme #oddsRules .navigator-bar i,
.pink-theme #myMessage .list .item .left .bottom i,
.pink-theme .loginForm .login-psw b,
.pink-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.pink-theme .mine-top .mine-info .about,
.pink-theme .mine-menus ul li img,
.pink-theme .user .password:before,
.pink-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.pink-theme #mask .login-notify {
    background: #f7dad4;
    color: #fff;
}

.pink-theme #mask .login-success-btn a,
.pink-theme .loginForm .login-btn,
.pink-theme .recommend-register a {
    background: linear-gradient(to bottom, #f7dad4, #e59999);
}

.pink-theme #mask .login-success-btn {
    background: #f7dad4;
}

.pink-theme #betRecords .list .items {
    gap: 0.07rem;
}

.pink-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .pink-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .pink-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .pink-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/pink/btnHot.png");
}

.pc .pink-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/pink/btnRecommond.png");
}

.pc .pink-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/pink/btnLivegame.png");
}

.pc .pink-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/pink/btnSlot.png");
}

.pc .pink-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/pink/btnTogel.png");
}

.pc .pink-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/pink/btnSport.png");
}

.pc .pink-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/pink/btnKartu.png");
}

.pc .pink-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/pink/btnFishing.png");
}

.pc .pink-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .pink-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/pink/btnSelect.png");
    background-size: 100% 100%;
}

.pc .pink-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .pink-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .pink-theme .user .password,
.pc .pink-theme .user .username {
    flex: 2;
}

.pc .pink-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .pink-theme #footer {
    background: #e59999;
}

.pc .pink-theme #footer .footer-inner .other .service a:after,
.pc .pink-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .pink-theme #footer,
.pc .pink-theme #footer .footer-inner .other .service,
.pc .pink-theme #footer .footer-inner .other .service a,
.pc .pink-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .pink-theme #footer .footer-inner .worktogether img,
.pc .pink-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 海军蓝主题 */

.Navy_blue-theme {
    color: #fff;
}

.Navy_blue-theme #mask {
    color: #6a82ad;
}

.Navy_blue-theme .navigator-bar,
.Navy_blue-theme #service .navigator-bar,
.Navy_blue-theme #service .navigator-bar .service-navi-bar img,
.Navy_blue-theme #service .navigator-bar .service-navi-bar p {
    background: #010a21;
    color: #fff;
}

.Navy_blue-theme section,
.Navy_blue-theme .tabs,
.Navy_blue-theme .tabs .logo,
.Navy_blue-theme .user,
.Navy_blue-theme .loginForm,
.pc body.Navy_blue-theme,
.pc .Navy_blue-theme .index-footer {
    background: #02133e !important;
    /* 主体色 */
}

.Navy_blue-theme .user .password,
.Navy_blue-theme .user .username {
    background: #375194;
    /* 头部输入框 */
}

.Navy_blue-theme .user .password:before,
.Navy_blue-theme .user .username:before {
    opacity: 0.3;
}

.Navy_blue-theme .user .password input::placeholder,
.Navy_blue-theme .user .username input::placeholder {
    color: #fff;
}

.Navy_blue-theme .notice {
    background: #010a21;
    color: #fff;
    /* 底边颜色搜索这个 */
}

.Navy_blue-theme .notice font {
    color: #fff;
}

.Navy_blue-theme .game-list .live,
.Navy_blue-theme .game-list .elgame,
.Navy_blue-theme .game-list .lottery,
.Navy_blue-theme .game-list .sport,
.Navy_blue-theme .game-list .card,
.Navy_blue-theme .game-list .fish,
.Navy_blue-theme #game .list .item {
    border-color: #375194;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #010a21;
}

.Navy_blue-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/Navy_blue/btnHot.png");
}

.Navy_blue-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/Navy_blue/btnRecommond.png");
}

.Navy_blue-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/Navy_blue/btnLivegame.png");
}

.Navy_blue-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/Navy_blue/btnSlot.png");
}

.Navy_blue-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/Navy_blue/btnTogel.png");
}

.Navy_blue-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/Navy_blue/btnSport.png");
}

.Navy_blue-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/Navy_blue/btnKartu.png");
}

.Navy_blue-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/Navy_blue/btnFishing.png");
}

.Navy_blue-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.Navy_blue-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Navy_blue/btnSelect.png");
    background-size: 100% 100%;
}

.Navy_blue-theme .game-list .game-menu .game-menu-current i,
.Navy_blue-theme #withdrawal .container ul li p,
.Navy_blue-theme .mine-top .mine-statistics .commissionToday span i,
.Navy_blue-theme .mine-top .mine-statistics .myPurse span i,
.Navy_blue-theme .notice .scrollText,
.Navy_blue-theme #deposit .container .bank-list b,
.Navy_blue-theme #deposit .container .bank-list p u,
.Navy_blue-theme #myMessage .list .item .left .top b,
.Navy_blue-theme .loginForm .login-item input,
.Navy_blue-theme .loginForm .memberPsw label,
.Navy_blue-theme .loginForm .other-item b,
.pc .Navy_blue-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.Navy_blue-theme footer {
    background: #010a21;
}

.Navy_blue-theme footer .nav-item .icon {
    background-image: url("images/theme/Navy_blue/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.Navy_blue-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/Navy_blue/btnPromosi.png") !important;
}

.Navy_blue-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/Navy_blue/btnContact.png") !important;
}

.Navy_blue-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/Navy_blue/btnProfil.png") !important;
}

.Navy_blue-theme footer .nav-item h3 {
    color: #fff;
}

.Navy_blue-theme footer .nav-item-active,
.Navy_blue-theme .recommend-table table thead th,
.Navy_blue-theme .rebate-table table thead th,
.Navy_blue-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.Navy_blue-theme #activity .game-list .game-items .game-item,
.Navy_blue-theme .mine-common,
.Navy_blue-theme .mine-menus,
.Navy_blue-theme #accountsAndSecurity ul,
.Navy_blue-theme #deposit .container dl,
.Navy_blue-theme #deposit .container ul,
.Navy_blue-theme .recommend-share,
.Navy_blue-theme #myRecommend .detail dl,
.Navy_blue-theme #myRecommend .detail dl dd,
.Navy_blue-theme #myRecommend .detail dl dd:nth-child(2n),
.Navy_blue-theme .recommend-table table tbody td,
.Navy_blue-theme .rebate-table table tbody td,
.Navy_blue-theme #transactionRecords .list,
.Navy_blue-theme #personalData ul,
.Navy_blue-theme .mine-about ul li,
.Navy_blue-theme #withdrawal .container .payment-list .payment-item,
.Navy_blue-theme #withdrawal .container ul,
.Navy_blue-theme #myFavorite .tabs,
.Navy_blue-theme #myFavorite .tabs li,
.Navy_blue-theme #myFavorite .list,
.Navy_blue-theme #gameRules .rule-detail .rule-content,
.Navy_blue-theme #oddsRules .rule-detail .rule-content,
.Navy_blue-theme #oddsRules .rule-detail .rule-content dd table,
.Navy_blue-theme #oddsRules .rule-detail .rule-content dd table tr,
.Navy_blue-theme #gameRules .rule-detail .tabs,
.Navy_blue-theme #gameRules .rule-detail .tabs li,
.Navy_blue-theme #oddsRules .rule-detail .tabs,
.Navy_blue-theme #oddsRules .rule-detail .tabs li,
.Navy_blue-theme #myMessage .list,
.Navy_blue-theme .game-list .live,
.Navy_blue-theme .game-list .elgame,
.Navy_blue-theme .game-list .lottery,
.Navy_blue-theme .game-list .sport,
.Navy_blue-theme .game-list .card,
.Navy_blue-theme .game-list .fish,
.Navy_blue-theme #game .list .item,
.Navy_blue-theme #betRecords .list .items,
.Navy_blue-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.Navy_blue-theme .mine-menus ul li,
.Navy_blue-theme #deposit .container .bank-tabs,
.Navy_blue-theme #paymentMethod .container,
.Navy_blue-theme #paymentMethod .container .payment-list,
.Navy_blue-theme #withdrawal .container ul li {
    background: none;
}

.Navy_blue-theme .mine-menus ul li,
.Navy_blue-theme .mine-about ul li,
.Navy_blue-theme #personalData ul li,
.Navy_blue-theme #deposit .container .bank-list .bank-item,
.Navy_blue-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.Navy_blue-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.Navy_blue-theme .mine-top .mine-statistics {
    background: #010a21 linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.Navy_blue-theme .game-list .game-items .home-banklist,
.Navy_blue-theme .game-bank-rule .home-banklist,
.Navy_blue-theme #deposit .container .deposit-banklist {
    background: #010a21 linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #010a21;
    border: none;
}

.Navy_blue-theme .mine-menus ul li:last-child,
.Navy_blue-theme .mine-about ul li:last-child,
.Navy_blue-theme #personalData ul li:last-child,
.Navy_blue-theme #myMessage .list .item:last-child {
    border: none;
}

.Navy_blue-theme #myFavorite .tabs .actived,
.Navy_blue-theme #gameRules .rule-detail .tabs .actived,
.Navy_blue-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.Navy_blue-theme .navigator-bar .detail-navi-back,
.Navy_blue-theme .navigator-bar .navi-back,
.Navy_blue-theme .mine-menus ul li:after,
.Navy_blue-theme .mine-about ul li:after,
.Navy_blue-theme #personalData ul li i,
.Navy_blue-theme #accountsAndSecurity ul li i,
.Navy_blue-theme #gameRules .navigator-bar i,
.Navy_blue-theme #oddsRules .navigator-bar i,
.Navy_blue-theme #myMessage .list .item .left .bottom i,
.Navy_blue-theme .loginForm .login-psw b,
.Navy_blue-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.Navy_blue-theme .mine-top .mine-info .about,
.Navy_blue-theme .mine-menus ul li img,
.Navy_blue-theme .user .password:before,
.Navy_blue-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.Navy_blue-theme #mask .login-notify {
    background: #375194;
    color: #fff;
}

.Navy_blue-theme #mask .login-success-btn a,
.Navy_blue-theme .loginForm .login-btn,
.Navy_blue-theme .recommend-register a {
    background: linear-gradient(to bottom, #375194, #010a21);
}

.Navy_blue-theme #mask .login-success-btn {
    background: #375194;
}

.Navy_blue-theme #betRecords .list .items {
    gap: 0.07rem;
}

.Navy_blue-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Navy_blue-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .Navy_blue-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Navy_blue-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/Navy_blue/btnHot.png");
}

.pc .Navy_blue-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/Navy_blue/btnRecommond.png");
}

.pc .Navy_blue-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/Navy_blue/btnLivegame.png");
}

.pc .Navy_blue-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/Navy_blue/btnSlot.png");
}

.pc .Navy_blue-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/Navy_blue/btnTogel.png");
}

.pc .Navy_blue-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/Navy_blue/btnSport.png");
}

.pc .Navy_blue-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/Navy_blue/btnKartu.png");
}

.pc .Navy_blue-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/Navy_blue/btnFishing.png");
}

.pc .Navy_blue-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .Navy_blue-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Navy_blue/btnSelect.png");
    background-size: 100% 100%;
}

.pc .Navy_blue-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Navy_blue-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .Navy_blue-theme .user .password,
.pc .Navy_blue-theme .user .username {
    flex: 2;
}

.pc .Navy_blue-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .Navy_blue-theme #footer {
    background: #010a21;
}

.pc .Navy_blue-theme #footer .footer-inner .other .service a:after,
.pc .Navy_blue-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .Navy_blue-theme #footer,
.pc .Navy_blue-theme #footer .footer-inner .other .service,
.pc .Navy_blue-theme #footer .footer-inner .other .service a,
.pc .Navy_blue-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .Navy_blue-theme #footer .footer-inner .worktogether img,
.pc .Navy_blue-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 黑金主题 */

.black_gold-theme {
    color: #fff;
}

.black_gold-theme #mask {
    color: #6a82ad;
}

.black_gold-theme .navigator-bar,
.black_gold-theme #service .navigator-bar,
.black_gold-theme #service .navigator-bar .service-navi-bar img,
.black_gold-theme #service .navigator-bar .service-navi-bar p {
    background: #000000;
    color: #fff;
}

.black_gold-theme section,
.black_gold-theme .tabs,
.black_gold-theme .tabs .logo,
.black_gold-theme .user,
.black_gold-theme .loginForm,
.pc body.black_gold-theme,
.pc .black_gold-theme .index-footer {
    background: #0d0a02 !important;
    /* 主体色 */
}

.black_gold-theme .user .password,
.black_gold-theme .user .username {
    background: #474747;
    /* 头部输入框 */
}

.black_gold-theme .user .password:before,
.black_gold-theme .user .username:before {
    opacity: 0.3;
}

.black_gold-theme .user .password input::placeholder,
.black_gold-theme .user .username input::placeholder {
    color: #fff;
}

.black_gold-theme .notice {
    background: #000000;
    color: #fff;
    /* 底边颜色搜索这个 */
}

.black_gold-theme .notice font {
    color: #fff;
}

.black_gold-theme .game-list .live,
.black_gold-theme .game-list .elgame,
.black_gold-theme .game-list .lottery,
.black_gold-theme .game-list .sport,
.black_gold-theme .game-list .card,
.black_gold-theme .game-list .fish,
.black_gold-theme #game .list .item {
    border-color: #0d0a02;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #000000;
}

.black_gold-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/black_gold/btnHot.png");
}

.black_gold-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/black_gold/btnRecommond.png");
}

.black_gold-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/black_gold/btnLivegame.png");
}

.black_gold-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/black_gold/btnSlot.png");
}

.black_gold-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/black_gold/btnTogel.png");
}

.black_gold-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/black_gold/btnSport.png");
}

.black_gold-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/black_gold/btnKartu.png");
}

.black_gold-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/black_gold/btnFishing.png");
}

.black_gold-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.black_gold-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/black_gold/btnSelect.png");
    background-size: 100% 100%;
}

.black_gold-theme .game-list .game-menu .game-menu-current i,
.black_gold-theme #withdrawal .container ul li p,
.black_gold-theme .mine-top .mine-statistics .commissionToday span i,
.black_gold-theme .mine-top .mine-statistics .myPurse span i,
.black_gold-theme .notice .scrollText,
.black_gold-theme #deposit .container .bank-list b,
.black_gold-theme #deposit .container .bank-list p u,
.black_gold-theme #myMessage .list .item .left .top b,
.black_gold-theme .loginForm .login-item input,
.black_gold-theme .loginForm .memberPsw label,
.black_gold-theme .loginForm .other-item b,
.pc .black_gold-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.black_gold-theme footer {
    background: #000000;
}

.black_gold-theme footer .nav-item .icon {
    background-image: url("images/theme/black_gold/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.black_gold-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/black_gold/btnPromosi.png") !important;
}

.black_gold-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/black_gold/btnContact.png") !important;
}

.black_gold-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/black_gold/btnProfil.png") !important;
}

.black_gold-theme footer .nav-item h3 {
    color: #fff;
}

.black_gold-theme footer .nav-item-active,
.black_gold-theme .recommend-table table thead th,
.black_gold-theme .rebate-table table thead th,
.black_gold-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.black_gold-theme #activity .game-list .game-items .game-item,
.black_gold-theme .mine-common,
.black_gold-theme .mine-menus,
.black_gold-theme #accountsAndSecurity ul,
.black_gold-theme #deposit .container dl,
.black_gold-theme #deposit .container ul,
.black_gold-theme .recommend-share,
.black_gold-theme #myRecommend .detail dl,
.black_gold-theme #myRecommend .detail dl dd,
.black_gold-theme #myRecommend .detail dl dd:nth-child(2n),
.black_gold-theme .recommend-table table tbody td,
.black_gold-theme .rebate-table table tbody td,
.black_gold-theme #transactionRecords .list,
.black_gold-theme #personalData ul,
.black_gold-theme .mine-about ul li,
.black_gold-theme #withdrawal .container .payment-list .payment-item,
.black_gold-theme #withdrawal .container ul,
.black_gold-theme #myFavorite .tabs,
.black_gold-theme #myFavorite .tabs li,
.black_gold-theme #myFavorite .list,
.black_gold-theme #gameRules .rule-detail .rule-content,
.black_gold-theme #oddsRules .rule-detail .rule-content,
.black_gold-theme #oddsRules .rule-detail .rule-content dd table,
.black_gold-theme #oddsRules .rule-detail .rule-content dd table tr,
.black_gold-theme #gameRules .rule-detail .tabs,
.black_gold-theme #gameRules .rule-detail .tabs li,
.black_gold-theme #oddsRules .rule-detail .tabs,
.black_gold-theme #oddsRules .rule-detail .tabs li,
.black_gold-theme #myMessage .list,
.black_gold-theme .game-list .live,
.black_gold-theme .game-list .elgame,
.black_gold-theme .game-list .lottery,
.black_gold-theme .game-list .sport,
.black_gold-theme .game-list .card,
.black_gold-theme .game-list .fish,
.black_gold-theme #game .list .item,
.black_gold-theme #betRecords .list .items,
.black_gold-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.black_gold-theme .mine-menus ul li,
.black_gold-theme #deposit .container .bank-tabs,
.black_gold-theme #paymentMethod .container,
.black_gold-theme #paymentMethod .container .payment-list,
.black_gold-theme #withdrawal .container ul li {
    background: none;
}

.black_gold-theme .mine-menus ul li,
.black_gold-theme .mine-about ul li,
.black_gold-theme #personalData ul li,
.black_gold-theme #deposit .container .bank-list .bank-item,
.black_gold-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.black_gold-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.black_gold-theme .mine-top .mine-statistics {
    background: #000 linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.black_gold-theme .game-list .game-items .home-banklist,
.black_gold-theme .game-bank-rule .home-banklist,
.black_gold-theme #deposit .container .deposit-banklist {
    background: #000 linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #000;
    border: none;
}

.black_gold-theme .mine-menus ul li:last-child,
.black_gold-theme .mine-about ul li:last-child,
.black_gold-theme #personalData ul li:last-child,
.black_gold-theme #myMessage .list .item:last-child {
    border: none;
}

.black_gold-theme #myFavorite .tabs .actived,
.black_gold-theme #gameRules .rule-detail .tabs .actived,
.black_gold-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.black_gold-theme .navigator-bar .detail-navi-back,
.black_gold-theme .navigator-bar .navi-back,
.black_gold-theme .mine-menus ul li:after,
.black_gold-theme .mine-about ul li:after,
.black_gold-theme #personalData ul li i,
.black_gold-theme #accountsAndSecurity ul li i,
.black_gold-theme #gameRules .navigator-bar i,
.black_gold-theme #oddsRules .navigator-bar i,
.black_gold-theme #myMessage .list .item .left .bottom i,
.black_gold-theme .loginForm .login-psw b,
.black_gold-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.black_gold-theme .mine-top .mine-info .about,
.black_gold-theme .mine-menus ul li img,
.black_gold-theme .user .password:before,
.black_gold-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.black_gold-theme #mask .login-notify {
    background: #0d0a02;
    color: #fff;
}

.black_gold-theme #mask .login-success-btn a,
.black_gold-theme .loginForm .login-btn,
.black_gold-theme .recommend-register a {
    background: linear-gradient(to bottom, #0d0a02, #000000);
}

.black_gold-theme #mask .login-success-btn {
    background: #0d0a02;
}

.black_gold-theme #betRecords .list .items {
    gap: 0.07rem;
}

.black_gold-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .black_gold-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .black_gold-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .black_gold-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/black_gold/btnHot.png");
}

.pc .black_gold-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/black_gold/btnRecommond.png");
}

.pc .black_gold-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/black_gold/btnLivegame.png");
}

.pc .black_gold-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/black_gold/btnSlot.png");
}

.pc .black_gold-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/black_gold/btnTogel.png");
}

.pc .black_gold-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/black_gold/btnSport.png");
}

.pc .black_gold-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/black_gold/btnKartu.png");
}

.pc .black_gold-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/black_gold/btnFishing.png");
}

.pc .black_gold-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .black_gold-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/black_gold/btnSelect.png");
    background-size: 100% 100%;
}

.pc .black_gold-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .black_gold-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .black_gold-theme .user .password,
.pc .black_gold-theme .user .username {
    flex: 2;
}

.pc .black_gold-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .black_gold-theme #footer {
    background: #000000;
}

.pc .black_gold-theme #footer .footer-inner .other .service a:after,
.pc .black_gold-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .black_gold-theme #footer,
.pc .black_gold-theme #footer .footer-inner .other .service,
.pc .black_gold-theme #footer .footer-inner .other .service a,
.pc .black_gold-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .black_gold-theme #footer .footer-inner .worktogether img,
.pc .black_gold-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 黑黄主题 */

.black_yellow-theme {
    color: #fff;
}

.black_yellow-theme #mask {
    color: #6a82ad;
}

.black_yellow-theme .navigator-bar,
.black_yellow-theme #service .navigator-bar,
.black_yellow-theme #service .navigator-bar .service-navi-bar img,
.black_yellow-theme #service .navigator-bar .service-navi-bar p {
    background: #0c0c0c;
    color: #fff;
}

.black_yellow-theme section,
.black_yellow-theme .tabs,
.black_yellow-theme .tabs .logo,
.black_yellow-theme .user,
.black_yellow-theme .loginForm,
.pc body.black_yellow-theme,
.pc .black_yellow-theme .index-footer {
    background: #fe9800 !important;
    /* 主体色 */
}

.black_yellow-theme .user .password,
.black_yellow-theme .user .username {
    background: #ffc978;
    /* 头部输入框 */
}

.black_yellow-theme .user .password:before,
.black_yellow-theme .user .username:before {
    opacity: 0.3;
}

.black_yellow-theme .user .password input::placeholder,
.black_yellow-theme .user .username input::placeholder {
    color: #fff;
}

.black_yellow-theme .notice {
    background: #0c0c0c;
    color: #fff;
    /* 底边颜色搜索这个 */
}

.black_yellow-theme .notice font {
    color: #fff;
}

.black_yellow-theme .game-list .live,
.black_yellow-theme .game-list .elgame,
.black_yellow-theme .game-list .lottery,
.black_yellow-theme .game-list .sport,
.black_yellow-theme .game-list .card,
.black_yellow-theme .game-list .fish,
.black_yellow-theme #game .list .item {
    border-color: #ffc978;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #0c0c0c;
}

.black_yellow-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/black_yellow/btnHot.png");
}

.black_yellow-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/black_yellow/btnRecommond.png");
}

.black_yellow-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/black_yellow/btnLivegame.png");
}

.black_yellow-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/black_yellow/btnSlot.png");
}

.black_yellow-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/black_yellow/btnTogel.png");
}

.black_yellow-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/black_yellow/btnSport.png");
}

.black_yellow-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/black_yellow/btnKartu.png");
}

.black_yellow-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/black_yellow/btnFishing.png");
}

.black_yellow-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.black_yellow-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/black_yellow/btnSelect.png");
    background-size: 100% 100%;
}

.black_yellow-theme .game-list .game-menu .game-menu-current i,
.black_yellow-theme #withdrawal .container ul li p,
.black_yellow-theme .mine-top .mine-statistics .commissionToday span i,
.black_yellow-theme .mine-top .mine-statistics .myPurse span i,
.black_yellow-theme .notice .scrollText,
.black_yellow-theme #deposit .container .bank-list b,
.black_yellow-theme #deposit .container .bank-list p u,
.black_yellow-theme #myMessage .list .item .left .top b,
.black_yellow-theme .loginForm .login-item input,
.black_yellow-theme .loginForm .memberPsw label,
.black_yellow-theme .loginForm .other-item b,
.pc .black_yellow-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.black_yellow-theme footer {
    background: #0c0c0c;
}

.black_yellow-theme footer .nav-item .icon {
    background-image: url("images/theme/black_yellow/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.black_yellow-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/black_yellow/btnPromosi.png") !important;
}

.black_yellow-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/black_yellow/btnContact.png") !important;
}

.black_yellow-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/black_yellow/btnProfil.png") !important;
}

.black_yellow-theme footer .nav-item h3 {
    color: #fff;
}

.black_yellow-theme footer .nav-item-active,
.black_yellow-theme .recommend-table table thead th,
.black_yellow-theme .rebate-table table thead th,
.black_yellow-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.black_yellow-theme #activity .game-list .game-items .game-item,
.black_yellow-theme .mine-common,
.black_yellow-theme .mine-menus,
.black_yellow-theme #accountsAndSecurity ul,
.black_yellow-theme #deposit .container dl,
.black_yellow-theme #deposit .container ul,
.black_yellow-theme .recommend-share,
.black_yellow-theme #myRecommend .detail dl,
.black_yellow-theme #myRecommend .detail dl dd,
.black_yellow-theme #myRecommend .detail dl dd:nth-child(2n),
.black_yellow-theme .recommend-table table tbody td,
.black_yellow-theme .rebate-table table tbody td,
.black_yellow-theme #transactionRecords .list,
.black_yellow-theme #personalData ul,
.black_yellow-theme .mine-about ul li,
.black_yellow-theme #withdrawal .container .payment-list .payment-item,
.black_yellow-theme #withdrawal .container ul,
.black_yellow-theme #myFavorite .tabs,
.black_yellow-theme #myFavorite .tabs li,
.black_yellow-theme #myFavorite .list,
.black_yellow-theme #gameRules .rule-detail .rule-content,
.black_yellow-theme #oddsRules .rule-detail .rule-content,
.black_yellow-theme #oddsRules .rule-detail .rule-content dd table,
.black_yellow-theme #oddsRules .rule-detail .rule-content dd table tr,
.black_yellow-theme #gameRules .rule-detail .tabs,
.black_yellow-theme #gameRules .rule-detail .tabs li,
.black_yellow-theme #oddsRules .rule-detail .tabs,
.black_yellow-theme #oddsRules .rule-detail .tabs li,
.black_yellow-theme #myMessage .list,
.black_yellow-theme .game-list .live,
.black_yellow-theme .game-list .elgame,
.black_yellow-theme .game-list .lottery,
.black_yellow-theme .game-list .sport,
.black_yellow-theme .game-list .card,
.black_yellow-theme .game-list .fish,
.black_yellow-theme #game .list .item,
.black_yellow-theme #betRecords .list .items,
.black_yellow-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.black_yellow-theme .mine-menus ul li,
.black_yellow-theme #deposit .container .bank-tabs,
.black_yellow-theme #paymentMethod .container,
.black_yellow-theme #paymentMethod .container .payment-list,
.black_yellow-theme #withdrawal .container ul li {
    background: none;
}

.black_yellow-theme .mine-menus ul li,
.black_yellow-theme .mine-about ul li,
.black_yellow-theme #personalData ul li,
.black_yellow-theme #deposit .container .bank-list .bank-item,
.black_yellow-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.black_yellow-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.black_yellow-theme .mine-top .mine-statistics {
    background: #0c0c0c linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.black_yellow-theme .game-list .game-items .home-banklist,
.black_yellow-theme .game-bank-rule .home-banklist,
.black_yellow-theme #deposit .container .deposit-banklist {
    background: #0c0c0c linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #0c0c0c;
    border: none;
}

.black_yellow-theme .mine-menus ul li:last-child,
.black_yellow-theme .mine-about ul li:last-child,
.black_yellow-theme #personalData ul li:last-child,
.black_yellow-theme #myMessage .list .item:last-child {
    border: none;
}

.black_yellow-theme #myFavorite .tabs .actived,
.black_yellow-theme #gameRules .rule-detail .tabs .actived,
.black_yellow-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.black_yellow-theme .navigator-bar .detail-navi-back,
.black_yellow-theme .navigator-bar .navi-back,
.black_yellow-theme .mine-menus ul li:after,
.black_yellow-theme .mine-about ul li:after,
.black_yellow-theme #personalData ul li i,
.black_yellow-theme #accountsAndSecurity ul li i,
.black_yellow-theme #gameRules .navigator-bar i,
.black_yellow-theme #oddsRules .navigator-bar i,
.black_yellow-theme #myMessage .list .item .left .bottom i,
.black_yellow-theme .loginForm .login-psw b,
.black_yellow-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.black_yellow-theme .mine-top .mine-info .about,
.black_yellow-theme .mine-menus ul li img,
.black_yellow-theme .user .password:before,
.black_yellow-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.black_yellow-theme #mask .login-notify {
    background: #ffc978;
    color: #fff;
}

.black_yellow-theme #mask .login-success-btn a,
.black_yellow-theme .loginForm .login-btn,
.black_yellow-theme .recommend-register a {
    background: linear-gradient(to bottom, #ffc978, #0c0c0c);
}

.black_yellow-theme #mask .login-success-btn {
    background: #ffc978;
}

.black_yellow-theme #betRecords .list .items {
    gap: 0.07rem;
}

.black_yellow-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .black_yellow-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .black_yellow-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .black_yellow-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/black_yellow/btnHot.png");
}

.pc .black_yellow-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/black_yellow/btnRecommond.png");
}

.pc .black_yellow-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/black_yellow/btnLivegame.png");
}

.pc .black_yellow-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/black_yellow/btnSlot.png");
}

.pc .black_yellow-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/black_yellow/btnTogel.png");
}

.pc .black_yellow-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/black_yellow/btnSport.png");
}

.pc .black_yellow-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/black_yellow/btnKartu.png");
}

.pc .black_yellow-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/black_yellow/btnFishing.png");
}

.pc .black_yellow-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .black_yellow-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/black_yellow/btnSelect.png");
    background-size: 100% 100%;
}

.pc .black_yellow-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .black_yellow-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .black_yellow-theme .user .password,
.pc .black_yellow-theme .user .username {
    flex: 2;
}

.pc .black_yellow-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .black_yellow-theme #footer {
    background: #0c0c0c;
}

.pc .black_yellow-theme #footer .footer-inner .other .service a:after,
.pc .black_yellow-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .black_yellow-theme #footer,
.pc .black_yellow-theme #footer .footer-inner .other .service,
.pc .black_yellow-theme #footer .footer-inner .other .service a,
.pc .black_yellow-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .black_yellow-theme #footer .footer-inner .worktogether img,
.pc .black_yellow-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 红黄主题 */

.red_yellow-theme {
    color: #fff;
}

.red_yellow-theme #mask {
    color: #6a82ad;
}

.red_yellow-theme .navigator-bar,
.red_yellow-theme #service .navigator-bar,
.red_yellow-theme #service .navigator-bar .service-navi-bar img,
.red_yellow-theme #service .navigator-bar .service-navi-bar p {
    background: #370202;
    color: #fff;
}

.red_yellow-theme section,
.red_yellow-theme .tabs,
.red_yellow-theme .tabs .logo,
.red_yellow-theme .user,
.red_yellow-theme .loginForm,
.pc body.red_yellow-theme,
.pc .red_yellow-theme .index-footer {
    background: #850504 !important;
    /* 主体色 */
}

.red_yellow-theme .user .password,
.red_yellow-theme .user .username {
    background: #b74d4c;
    /* 头部输入框 */
}

.red_yellow-theme .user .password:before,
.red_yellow-theme .user .username:before {
    opacity: 0.3;
}

.red_yellow-theme .user .password input::placeholder,
.red_yellow-theme .user .username input::placeholder {
    color: #fff;
}

.red_yellow-theme .notice {
    background: #370202;
    color: #fff;
    /* 底边颜色搜索这个 */
}

.red_yellow-theme .notice font {
    color: #fff;
}

.red_yellow-theme .game-list .live,
.red_yellow-theme .game-list .elgame,
.red_yellow-theme .game-list .lottery,
.red_yellow-theme .game-list .sport,
.red_yellow-theme .game-list .card,
.red_yellow-theme .game-list .fish,
.red_yellow-theme #game .list .item {
    border-color: #850504;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #370202;
}

.red_yellow-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/red_yellow/btnHot.png");
}

.red_yellow-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/red_yellow/btnRecommond.png");
}

.red_yellow-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/red_yellow/btnLivegame.png");
}

.red_yellow-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/red_yellow/btnSlot.png");
}

.red_yellow-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/red_yellow/btnTogel.png");
}

.red_yellow-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/red_yellow/btnSport.png");
}

.red_yellow-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/red_yellow/btnKartu.png");
}

.red_yellow-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/red_yellow/btnFishing.png");
}

.red_yellow-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.red_yellow-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/red_yellow/btnSelect.png");
    background-size: 100% 100%;
}

.red_yellow-theme .game-list .game-menu .game-menu-current i,
.red_yellow-theme #withdrawal .container ul li p,
.red_yellow-theme .mine-top .mine-statistics .commissionToday span i,
.red_yellow-theme .mine-top .mine-statistics .myPurse span i,
.red_yellow-theme .notice .scrollText,
.red_yellow-theme #deposit .container .bank-list b,
.red_yellow-theme #deposit .container .bank-list p u,
.red_yellow-theme #myMessage .list .item .left .top b,
.red_yellow-theme .loginForm .login-item input,
.red_yellow-theme .loginForm .memberPsw label,
.red_yellow-theme .loginForm .other-item b,
.pc .red_yellow-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.red_yellow-theme footer {
    background: #370202;
}

.red_yellow-theme footer .nav-item .icon {
    background-image: url("images/theme/red_yellow/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.red_yellow-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/red_yellow/btnPromosi.png") !important;
}

.red_yellow-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/red_yellow/btnContact.png") !important;
}

.red_yellow-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/red_yellow/btnProfil.png") !important;
}

.red_yellow-theme footer .nav-item h3 {
    color: #fff;
}

.red_yellow-theme footer .nav-item-active,
.red_yellow-theme .recommend-table table thead th,
.red_yellow-theme .rebate-table table thead th,
.red_yellow-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.red_yellow-theme #activity .game-list .game-items .game-item,
.red_yellow-theme .mine-common,
.red_yellow-theme .mine-menus,
.red_yellow-theme #accountsAndSecurity ul,
.red_yellow-theme #deposit .container dl,
.red_yellow-theme #deposit .container ul,
.red_yellow-theme .recommend-share,
.red_yellow-theme #myRecommend .detail dl,
.red_yellow-theme #myRecommend .detail dl dd,
.red_yellow-theme #myRecommend .detail dl dd:nth-child(2n),
.red_yellow-theme .recommend-table table tbody td,
.red_yellow-theme .rebate-table table tbody td,
.red_yellow-theme #transactionRecords .list,
.red_yellow-theme #personalData ul,
.red_yellow-theme .mine-about ul li,
.red_yellow-theme #withdrawal .container .payment-list .payment-item,
.red_yellow-theme #withdrawal .container ul,
.red_yellow-theme #myFavorite .tabs,
.red_yellow-theme #myFavorite .tabs li,
.red_yellow-theme #myFavorite .list,
.red_yellow-theme #gameRules .rule-detail .rule-content,
.red_yellow-theme #oddsRules .rule-detail .rule-content,
.red_yellow-theme #oddsRules .rule-detail .rule-content dd table,
.red_yellow-theme #oddsRules .rule-detail .rule-content dd table tr,
.red_yellow-theme #gameRules .rule-detail .tabs,
.red_yellow-theme #gameRules .rule-detail .tabs li,
.red_yellow-theme #oddsRules .rule-detail .tabs,
.red_yellow-theme #oddsRules .rule-detail .tabs li,
.red_yellow-theme #myMessage .list,
.red_yellow-theme .game-list .live,
.red_yellow-theme .game-list .elgame,
.red_yellow-theme .game-list .lottery,
.red_yellow-theme .game-list .sport,
.red_yellow-theme .game-list .card,
.red_yellow-theme .game-list .fish,
.red_yellow-theme #game .list .item,
.red_yellow-theme #betRecords .list .items,
.red_yellow-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.red_yellow-theme .mine-menus ul li,
.red_yellow-theme #deposit .container .bank-tabs,
.red_yellow-theme #paymentMethod .container,
.red_yellow-theme #paymentMethod .container .payment-list,
.red_yellow-theme #withdrawal .container ul li {
    background: none;
}

.red_yellow-theme .mine-menus ul li,
.red_yellow-theme .mine-about ul li,
.red_yellow-theme #personalData ul li,
.red_yellow-theme #deposit .container .bank-list .bank-item,
.red_yellow-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.red_yellow-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.red_yellow-theme .mine-top .mine-statistics {
    background: #370202 linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.red_yellow-theme .game-list .game-items .home-banklist,
.red_yellow-theme .game-bank-rule .home-banklist,
.red_yellow-theme #deposit .container .deposit-banklist {
    background: #370202 linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #370202;
    border: none;
}

.red_yellow-theme .mine-menus ul li:last-child,
.red_yellow-theme .mine-about ul li:last-child,
.red_yellow-theme #personalData ul li:last-child,
.red_yellow-theme #myMessage .list .item:last-child {
    border: none;
}

.red_yellow-theme #myFavorite .tabs .actived,
.red_yellow-theme #gameRules .rule-detail .tabs .actived,
.red_yellow-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.red_yellow-theme .navigator-bar .detail-navi-back,
.red_yellow-theme .navigator-bar .navi-back,
.red_yellow-theme .mine-menus ul li:after,
.red_yellow-theme .mine-about ul li:after,
.red_yellow-theme #personalData ul li i,
.red_yellow-theme #accountsAndSecurity ul li i,
.red_yellow-theme #gameRules .navigator-bar i,
.red_yellow-theme #oddsRules .navigator-bar i,
.red_yellow-theme #myMessage .list .item .left .bottom i,
.red_yellow-theme .loginForm .login-psw b,
.red_yellow-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.red_yellow-theme .mine-top .mine-info .about,
.red_yellow-theme .mine-menus ul li img,
.red_yellow-theme .user .password:before,
.red_yellow-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.red_yellow-theme #mask .login-notify {
    background: #850504;
    color: #fff;
}

.red_yellow-theme #mask .login-success-btn a,
.red_yellow-theme .loginForm .login-btn,
.red_yellow-theme .recommend-register a {
    background: linear-gradient(to bottom, #850504, #370202);
}

.red_yellow-theme #mask .login-success-btn {
    background: #850504;
}

.red_yellow-theme #betRecords .list .items {
    gap: 0.07rem;
}

.red_yellow-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .red_yellow-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .red_yellow-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .red_yellow-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/red_yellow/btnHot.png");
}

.pc .red_yellow-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/red_yellow/btnRecommond.png");
}

.pc .red_yellow-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/red_yellow/btnLivegame.png");
}

.pc .red_yellow-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/red_yellow/btnSlot.png");
}

.pc .red_yellow-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/red_yellow/btnTogel.png");
}

.pc .red_yellow-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/red_yellow/btnSport.png");
}

.pc .red_yellow-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/red_yellow/btnKartu.png");
}

.pc .red_yellow-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/red_yellow/btnFishing.png");
}

.pc .red_yellow-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .red_yellow-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/red_yellow/btnSelect.png");
    background-size: 100% 100%;
}

.pc .red_yellow-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .red_yellow-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .red_yellow-theme .user .password,
.pc .red_yellow-theme .user .username {
    flex: 2;
}

.pc .red_yellow-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .red_yellow-theme #footer {
    background: #370202;
}

.pc .red_yellow-theme #footer .footer-inner .other .service a:after,
.pc .red_yellow-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .red_yellow-theme #footer,
.pc .red_yellow-theme #footer .footer-inner .other .service,
.pc .red_yellow-theme #footer .footer-inner .other .service a,
.pc .red_yellow-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .red_yellow-theme #footer .footer-inner .worktogether img,
.pc .red_yellow-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 青色主题 */

.greens-theme {
    color: #fff;
}

.greens-theme #mask {
    color: #6a82ad;
}

.greens-theme .navigator-bar,
.greens-theme #service .navigator-bar,
.greens-theme #service .navigator-bar .service-navi-bar img,
.greens-theme #service .navigator-bar .service-navi-bar p {
    background: #004c5e;
    color: #fff;
}

.greens-theme section,
.greens-theme .tabs,
.greens-theme .tabs .logo,
.greens-theme .user,
.greens-theme .loginForm,
.pc body.greens-theme,
.pc .greens-theme .index-footer {
    background: #1b829b !important;
    /* 主体色 */
}

.greens-theme .user .password,
.greens-theme .user .username {
    background: #3eadc8;
    /* 头部输入框 */
}

.greens-theme .user .password:before,
.greens-theme .user .username:before {
    opacity: 0.3;
}

.greens-theme .user .password input::placeholder,
.greens-theme .user .username input::placeholder {
    color: #fff;
}

.greens-theme .notice {
    background: #004c5e;
    color: #fff;
    /* 底边颜色搜索这个 */
}

.greens-theme .notice font {
    color: #fff;
}

.greens-theme .game-list .live,
.greens-theme .game-list .elgame,
.greens-theme .game-list .lottery,
.greens-theme .game-list .sport,
.greens-theme .game-list .card,
.greens-theme .game-list .fish,
.greens-theme #game .list .item {
    border-color: #1b829b;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #004c5e;
}

.greens-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/greens/btnHot.png");
}

.greens-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/greens/btnRecommond.png");
}

.greens-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/greens/btnLivegame.png");
}

.greens-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/greens/btnSlot.png");
}

.greens-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/greens/btnTogel.png");
}

.greens-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/greens/btnSport.png");
}

.greens-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/greens/btnKartu.png");
}

.greens-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/greens/btnFishing.png");
}

.greens-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.greens-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/greens/btnSelect.png");
    background-size: 100% 100%;
}

.greens-theme .game-list .game-menu .game-menu-current i,
.greens-theme #withdrawal .container ul li p,
.greens-theme .mine-top .mine-statistics .commissionToday span i,
.greens-theme .mine-top .mine-statistics .myPurse span i,
.greens-theme .notice .scrollText,
.greens-theme #deposit .container .bank-list b,
.greens-theme #deposit .container .bank-list p u,
.greens-theme #myMessage .list .item .left .top b,
.greens-theme .loginForm .login-item input,
.greens-theme .loginForm .memberPsw label,
.greens-theme .loginForm .other-item b,
.pc .greens-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.greens-theme footer {
    background: #004c5e;
}

.greens-theme footer .nav-item .icon {
    background-image: url("images/theme/greens/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.greens-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/greens/btnPromosi.png") !important;
}

.greens-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/greens/btnContact.png") !important;
}

.greens-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/greens/btnProfil.png") !important;
}

.greens-theme footer .nav-item h3 {
    color: #fff;
}

.greens-theme footer .nav-item-active,
.greens-theme .recommend-table table thead th,
.greens-theme .rebate-table table thead th,
.greens-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.greens-theme #activity .game-list .game-items .game-item,
.greens-theme .mine-common,
.greens-theme .mine-menus,
.greens-theme #accountsAndSecurity ul,
.greens-theme #deposit .container dl,
.greens-theme #deposit .container ul,
.greens-theme .recommend-share,
.greens-theme #myRecommend .detail dl,
.greens-theme #myRecommend .detail dl dd,
.greens-theme #myRecommend .detail dl dd:nth-child(2n),
.greens-theme .recommend-table table tbody td,
.greens-theme .rebate-table table tbody td,
.greens-theme #transactionRecords .list,
.greens-theme #personalData ul,
.greens-theme .mine-about ul li,
.greens-theme #withdrawal .container .payment-list .payment-item,
.greens-theme #withdrawal .container ul,
.greens-theme #myFavorite .tabs,
.greens-theme #myFavorite .tabs li,
.greens-theme #myFavorite .list,
.greens-theme #gameRules .rule-detail .rule-content,
.greens-theme #oddsRules .rule-detail .rule-content,
.greens-theme #oddsRules .rule-detail .rule-content dd table,
.greens-theme #oddsRules .rule-detail .rule-content dd table tr,
.greens-theme #gameRules .rule-detail .tabs,
.greens-theme #gameRules .rule-detail .tabs li,
.greens-theme #oddsRules .rule-detail .tabs,
.greens-theme #oddsRules .rule-detail .tabs li,
.greens-theme #myMessage .list,
.greens-theme .game-list .live,
.greens-theme .game-list .elgame,
.greens-theme .game-list .lottery,
.greens-theme .game-list .sport,
.greens-theme .game-list .card,
.greens-theme .game-list .fish,
.greens-theme #game .list .item,
.greens-theme #betRecords .list .items,
.greens-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.greens-theme .mine-menus ul li,
.greens-theme #deposit .container .bank-tabs,
.greens-theme #paymentMethod .container,
.greens-theme #paymentMethod .container .payment-list,
.greens-theme #withdrawal .container ul li {
    background: none;
}

.greens-theme .mine-menus ul li,
.greens-theme .mine-about ul li,
.greens-theme #personalData ul li,
.greens-theme #deposit .container .bank-list .bank-item,
.greens-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.greens-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.greens-theme .mine-top .mine-statistics {
    background: #004c5e linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.greens-theme .game-list .game-items .home-banklist,
.greens-theme .game-bank-rule .home-banklist,
.greens-theme #deposit .container .deposit-banklist {
    background: #004c5e linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #004c5e;
    border: none;
}

.greens-theme .mine-menus ul li:last-child,
.greens-theme .mine-about ul li:last-child,
.greens-theme #personalData ul li:last-child,
.greens-theme #myMessage .list .item:last-child {
    border: none;
}

.greens-theme #myFavorite .tabs .actived,
.greens-theme #gameRules .rule-detail .tabs .actived,
.greens-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.greens-theme .navigator-bar .detail-navi-back,
.greens-theme .navigator-bar .navi-back,
.greens-theme .mine-menus ul li:after,
.greens-theme .mine-about ul li:after,
.greens-theme #personalData ul li i,
.greens-theme #accountsAndSecurity ul li i,
.greens-theme #gameRules .navigator-bar i,
.greens-theme #oddsRules .navigator-bar i,
.greens-theme #myMessage .list .item .left .bottom i,
.greens-theme .loginForm .login-psw b,
.greens-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.greens-theme .mine-top .mine-info .about,
.greens-theme .mine-menus ul li img,
.greens-theme .user .password:before,
.greens-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.greens-theme #mask .login-notify {
    background: #1b829b;
    color: #fff;
}

.greens-theme #mask .login-success-btn a,
.greens-theme .loginForm .login-btn,
.greens-theme .recommend-register a {
    background: linear-gradient(to bottom, #1b829b, #004c5e);
}

.greens-theme #mask .login-success-btn {
    background: #1b829b;
}

.greens-theme #betRecords .list .items {
    gap: 0.07rem;
}

.greens-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .greens-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .greens-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .greens-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/greens/btnHot.png");
}

.pc .greens-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/greens/btnRecommond.png");
}

.pc .greens-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/greens/btnLivegame.png");
}

.pc .greens-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/greens/btnSlot.png");
}

.pc .greens-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/greens/btnTogel.png");
}

.pc .greens-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/greens/btnSport.png");
}

.pc .greens-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/greens/btnKartu.png");
}

.pc .greens-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/greens/btnFishing.png");
}

.pc .greens-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .greens-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/greens/btnSelect.png");
    background-size: 100% 100%;
}

.pc .greens-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .greens-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .greens-theme .user .password,
.pc .greens-theme .user .username {
    flex: 2;
}

.pc .greens-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .greens-theme #footer {
    background: #004c5e;
}

.pc .greens-theme #footer .footer-inner .other .service a:after,
.pc .greens-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .greens-theme #footer,
.pc .greens-theme #footer .footer-inner .other .service,
.pc .greens-theme #footer .footer-inner .other .service a,
.pc .greens-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .greens-theme #footer .footer-inner .worktogether img,
.pc .greens-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 棕黄主题 */

.Brown_yellow-theme {
    color: #fff;
}

.Brown_yellow-theme #mask {
    color: #6a82ad;
}

.Brown_yellow-theme .navigator-bar,
.Brown_yellow-theme #service .navigator-bar,
.Brown_yellow-theme #service .navigator-bar .service-navi-bar img,
.Brown_yellow-theme #service .navigator-bar .service-navi-bar p {
    background: #442907;
    color: #fff;
}

.Brown_yellow-theme section,
.Brown_yellow-theme .tabs,
.Brown_yellow-theme .tabs .logo,
.Brown_yellow-theme .user,
.Brown_yellow-theme .loginForm,
.pc body.Brown_yellow-theme,
.pc .Brown_yellow-theme .index-footer {
    background: #b8871a !important;
    /* 主体色 */
}

.Brown_yellow-theme .user .password,
.Brown_yellow-theme .user .username {
    background: #edd742;
    /* 头部输入框 */
}

.Brown_yellow-theme .user .password:before,
.Brown_yellow-theme .user .username:before {
    opacity: 0.3;
}

.Brown_yellow-theme .user .password input::placeholder,
.Brown_yellow-theme .user .username input::placeholder {
    color: #fff;
}

.Brown_yellow-theme .notice {
    background: #442907;
    color: #fff;
    /* 底边颜色搜索这个 */
}

.Brown_yellow-theme .notice font {
    color: #fff;
}

.Brown_yellow-theme .game-list .live,
.Brown_yellow-theme .game-list .elgame,
.Brown_yellow-theme .game-list .lottery,
.Brown_yellow-theme .game-list .sport,
.Brown_yellow-theme .game-list .card,
.Brown_yellow-theme .game-list .fish,
.Brown_yellow-theme #game .list .item {
    border-color: #1b829b;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #442907;
}

.Brown_yellow-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/Brown_yellow/btnHot.png");
}

.Brown_yellow-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/Brown_yellow/btnRecommond.png");
}

.Brown_yellow-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/Brown_yellow/btnLivegame.png");
}

.Brown_yellow-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/Brown_yellow/btnSlot.png");
}

.Brown_yellow-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/Brown_yellow/btnTogel.png");
}

.Brown_yellow-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/Brown_yellow/btnSport.png");
}

.Brown_yellow-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/Brown_yellow/btnKartu.png");
}

.Brown_yellow-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/Brown_yellow/btnFishing.png");
}

.Brown_yellow-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.Brown_yellow-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Brown_yellow/btnSelect.png");
    background-size: 100% 100%;
}

.Brown_yellow-theme .game-list .game-menu .game-menu-current i,
.Brown_yellow-theme #withdrawal .container ul li p,
.Brown_yellow-theme .mine-top .mine-statistics .commissionToday span i,
.Brown_yellow-theme .mine-top .mine-statistics .myPurse span i,
.Brown_yellow-theme .notice .scrollText,
.Brown_yellow-theme #deposit .container .bank-list b,
.Brown_yellow-theme #deposit .container .bank-list p u,
.Brown_yellow-theme #myMessage .list .item .left .top b,
.Brown_yellow-theme .loginForm .login-item input,
.Brown_yellow-theme .loginForm .memberPsw label,
.Brown_yellow-theme .loginForm .other-item b,
.pc .Brown_yellow-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.Brown_yellow-theme footer {
    background: #442907;
}

.Brown_yellow-theme footer .nav-item .icon {
    background-image: url("images/theme/Brown_yellow/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.Brown_yellow-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/Brown_yellow/btnPromosi.png") !important;
}

.Brown_yellow-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/Brown_yellow/btnContact.png") !important;
}

.Brown_yellow-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/Brown_yellow/btnProfil.png") !important;
}

.Brown_yellow-theme footer .nav-item h3 {
    color: #fff;
}

.Brown_yellow-theme footer .nav-item-active,
.Brown_yellow-theme .recommend-table table thead th,
.Brown_yellow-theme .rebate-table table thead th,
.Brown_yellow-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.Brown_yellow-theme #activity .game-list .game-items .game-item,
.Brown_yellow-theme .mine-common,
.Brown_yellow-theme .mine-menus,
.Brown_yellow-theme #accountsAndSecurity ul,
.Brown_yellow-theme #deposit .container dl,
.Brown_yellow-theme #deposit .container ul,
.Brown_yellow-theme .recommend-share,
.Brown_yellow-theme #myRecommend .detail dl,
.Brown_yellow-theme #myRecommend .detail dl dd,
.Brown_yellow-theme #myRecommend .detail dl dd:nth-child(2n),
.Brown_yellow-theme .recommend-table table tbody td,
.Brown_yellow-theme .rebate-table table tbody td,
.Brown_yellow-theme #transactionRecords .list,
.Brown_yellow-theme #personalData ul,
.Brown_yellow-theme .mine-about ul li,
.Brown_yellow-theme #withdrawal .container .payment-list .payment-item,
.Brown_yellow-theme #withdrawal .container ul,
.Brown_yellow-theme #myFavorite .tabs,
.Brown_yellow-theme #myFavorite .tabs li,
.Brown_yellow-theme #myFavorite .list,
.Brown_yellow-theme #gameRules .rule-detail .rule-content,
.Brown_yellow-theme #oddsRules .rule-detail .rule-content,
.Brown_yellow-theme #oddsRules .rule-detail .rule-content dd table,
.Brown_yellow-theme #oddsRules .rule-detail .rule-content dd table tr,
.Brown_yellow-theme #gameRules .rule-detail .tabs,
.Brown_yellow-theme #gameRules .rule-detail .tabs li,
.Brown_yellow-theme #oddsRules .rule-detail .tabs,
.Brown_yellow-theme #oddsRules .rule-detail .tabs li,
.Brown_yellow-theme #myMessage .list,
.Brown_yellow-theme .game-list .live,
.Brown_yellow-theme .game-list .elgame,
.Brown_yellow-theme .game-list .lottery,
.Brown_yellow-theme .game-list .sport,
.Brown_yellow-theme .game-list .card,
.Brown_yellow-theme .game-list .fish,
.Brown_yellow-theme #game .list .item,
.Brown_yellow-theme #betRecords .list .items,
.Brown_yellow-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.Brown_yellow-theme .mine-menus ul li,
.Brown_yellow-theme #deposit .container .bank-tabs,
.Brown_yellow-theme #paymentMethod .container,
.Brown_yellow-theme #paymentMethod .container .payment-list,
.Brown_yellow-theme #withdrawal .container ul li {
    background: none;
}

.Brown_yellow-theme .mine-menus ul li,
.Brown_yellow-theme .mine-about ul li,
.Brown_yellow-theme #personalData ul li,
.Brown_yellow-theme #deposit .container .bank-list .bank-item,
.Brown_yellow-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.Brown_yellow-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.Brown_yellow-theme .mine-top .mine-statistics {
    background: #442907 linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.Brown_yellow-theme .game-list .game-items .home-banklist,
.Brown_yellow-theme .game-bank-rule .home-banklist,
.Brown_yellow-theme #deposit .container .deposit-banklist {
    background: #442907 linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #442907;
    border: none;
}

.Brown_yellow-theme .mine-menus ul li:last-child,
.Brown_yellow-theme .mine-about ul li:last-child,
.Brown_yellow-theme #personalData ul li:last-child,
.Brown_yellow-theme #myMessage .list .item:last-child {
    border: none;
}

.Brown_yellow-theme #myFavorite .tabs .actived,
.Brown_yellow-theme #gameRules .rule-detail .tabs .actived,
.Brown_yellow-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.Brown_yellow-theme .navigator-bar .detail-navi-back,
.Brown_yellow-theme .navigator-bar .navi-back,
.Brown_yellow-theme .mine-menus ul li:after,
.Brown_yellow-theme .mine-about ul li:after,
.Brown_yellow-theme #personalData ul li i,
.Brown_yellow-theme #accountsAndSecurity ul li i,
.Brown_yellow-theme #gameRules .navigator-bar i,
.Brown_yellow-theme #oddsRules .navigator-bar i,
.Brown_yellow-theme #myMessage .list .item .left .bottom i,
.Brown_yellow-theme .loginForm .login-psw b,
.Brown_yellow-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.Brown_yellow-theme .mine-top .mine-info .about,
.Brown_yellow-theme .mine-menus ul li img,
.Brown_yellow-theme .user .password:before,
.Brown_yellow-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.Brown_yellow-theme #mask .login-notify {
    background: #1b829b;
    color: #fff;
}

.Brown_yellow-theme #mask .login-success-btn a,
.Brown_yellow-theme .loginForm .login-btn,
.Brown_yellow-theme .recommend-register a {
    background: linear-gradient(to bottom, #1b829b, #442907);
}

.Brown_yellow-theme #mask .login-success-btn {
    background: #1b829b;
}

.Brown_yellow-theme #betRecords .list .items {
    gap: 0.07rem;
}

.Brown_yellow-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Brown_yellow-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .Brown_yellow-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Brown_yellow-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/Brown_yellow/btnHot.png");
}

.pc .Brown_yellow-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/Brown_yellow/btnRecommond.png");
}

.pc .Brown_yellow-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/Brown_yellow/btnLivegame.png");
}

.pc .Brown_yellow-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/Brown_yellow/btnSlot.png");
}

.pc .Brown_yellow-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/Brown_yellow/btnTogel.png");
}

.pc .Brown_yellow-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/Brown_yellow/btnSport.png");
}

.pc .Brown_yellow-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/Brown_yellow/btnKartu.png");
}

.pc .Brown_yellow-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/Brown_yellow/btnFishing.png");
}

.pc .Brown_yellow-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .Brown_yellow-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Brown_yellow/btnSelect.png");
    background-size: 100% 100%;
}

.pc .Brown_yellow-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Brown_yellow-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .Brown_yellow-theme .user .password,
.pc .Brown_yellow-theme .user .username {
    flex: 2;
}

.pc .Brown_yellow-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .Brown_yellow-theme #footer {
    background: #442907;
}

.pc .Brown_yellow-theme #footer .footer-inner .other .service a:after,
.pc .Brown_yellow-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .Brown_yellow-theme #footer,
.pc .Brown_yellow-theme #footer .footer-inner .other .service,
.pc .Brown_yellow-theme #footer .footer-inner .other .service a,
.pc .Brown_yellow-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .Brown_yellow-theme #footer .footer-inner .worktogether img,
.pc .Brown_yellow-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 蓝黄主题 */

.Blue_yellow-theme {
    color: #fff;
}

.Blue_yellow-theme #mask {
    color: #6a82ad;
}

.Blue_yellow-theme .navigator-bar,
.Blue_yellow-theme #service .navigator-bar,
.Blue_yellow-theme #service .navigator-bar .service-navi-bar img,
.Blue_yellow-theme #service .navigator-bar .service-navi-bar p {
    background: #0549a7;
    color: #fff;
}

.Blue_yellow-theme section,
.Blue_yellow-theme .tabs,
.Blue_yellow-theme .tabs .logo,
.Blue_yellow-theme .user,
.Blue_yellow-theme .loginForm,
.pc body.Blue_yellow-theme,
.pc .Blue_yellow-theme .index-footer {
    background: #066fff !important;
    /* 主体色 */
}

.Blue_yellow-theme .user .password,
.Blue_yellow-theme .user .username {
    background: #87baff;
    /* 头部输入框 */
}

.Blue_yellow-theme .user .password:before,
.Blue_yellow-theme .user .username:before {
    opacity: 0.3;
}

.Blue_yellow-theme .user .password input::placeholder,
.Blue_yellow-theme .user .username input::placeholder {
    color: #fff;
}

.Blue_yellow-theme .notice {
    background: #0549a7;
    color: #fff;
    /* 底边颜色搜索这个 */
}

.Blue_yellow-theme .notice font {
    color: #fff;
}

.Blue_yellow-theme .game-list .live,
.Blue_yellow-theme .game-list .elgame,
.Blue_yellow-theme .game-list .lottery,
.Blue_yellow-theme .game-list .sport,
.Blue_yellow-theme .game-list .card,
.Blue_yellow-theme .game-list .fish,
.Blue_yellow-theme #game .list .item {
    border-color: #066fff;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #0549a7;
}

.Blue_yellow-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/Blue_yellow/btnHot.png");
}

.Blue_yellow-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/Blue_yellow/btnRecommond.png");
}

.Blue_yellow-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/Blue_yellow/btnLivegame.png");
}

.Blue_yellow-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/Blue_yellow/btnSlot.png");
}

.Blue_yellow-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/Blue_yellow/btnTogel.png");
}

.Blue_yellow-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/Blue_yellow/btnSport.png");
}

.Blue_yellow-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/Blue_yellow/btnKartu.png");
}

.Blue_yellow-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/Blue_yellow/btnFishing.png");
}

.Blue_yellow-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.Blue_yellow-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Blue_yellow/btnSelect.png");
    background-size: 100% 100%;
}

.Blue_yellow-theme .game-list .game-menu .game-menu-current i,
.Blue_yellow-theme #withdrawal .container ul li p,
.Blue_yellow-theme .mine-top .mine-statistics .commissionToday span i,
.Blue_yellow-theme .mine-top .mine-statistics .myPurse span i,
.Blue_yellow-theme .notice .scrollText,
.Blue_yellow-theme #deposit .container .bank-list b,
.Blue_yellow-theme #deposit .container .bank-list p u,
.Blue_yellow-theme #myMessage .list .item .left .top b,
.Blue_yellow-theme .loginForm .login-item input,
.Blue_yellow-theme .loginForm .memberPsw label,
.Blue_yellow-theme .loginForm .other-item b,
.pc .Blue_yellow-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.Blue_yellow-theme footer {
    background: #0549a7;
}

.Blue_yellow-theme footer .nav-item .icon {
    background-image: url("images/theme/Blue_yellow/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.Blue_yellow-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/Blue_yellow/btnPromosi.png") !important;
}

.Blue_yellow-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/Blue_yellow/btnContact.png") !important;
}

.Blue_yellow-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/Blue_yellow/btnProfil.png") !important;
}

.Blue_yellow-theme footer .nav-item h3 {
    color: #fff;
}

.Blue_yellow-theme footer .nav-item-active,
.Blue_yellow-theme .recommend-table table thead th,
.Blue_yellow-theme .rebate-table table thead th,
.Blue_yellow-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.Blue_yellow-theme #activity .game-list .game-items .game-item,
.Blue_yellow-theme .mine-common,
.Blue_yellow-theme .mine-menus,
.Blue_yellow-theme #accountsAndSecurity ul,
.Blue_yellow-theme #deposit .container dl,
.Blue_yellow-theme #deposit .container ul,
.Blue_yellow-theme .recommend-share,
.Blue_yellow-theme #myRecommend .detail dl,
.Blue_yellow-theme #myRecommend .detail dl dd,
.Blue_yellow-theme #myRecommend .detail dl dd:nth-child(2n),
.Blue_yellow-theme .recommend-table table tbody td,
.Blue_yellow-theme .rebate-table table tbody td,
.Blue_yellow-theme #transactionRecords .list,
.Blue_yellow-theme #personalData ul,
.Blue_yellow-theme .mine-about ul li,
.Blue_yellow-theme #withdrawal .container .payment-list .payment-item,
.Blue_yellow-theme #withdrawal .container ul,
.Blue_yellow-theme #myFavorite .tabs,
.Blue_yellow-theme #myFavorite .tabs li,
.Blue_yellow-theme #myFavorite .list,
.Blue_yellow-theme #gameRules .rule-detail .rule-content,
.Blue_yellow-theme #oddsRules .rule-detail .rule-content,
.Blue_yellow-theme #oddsRules .rule-detail .rule-content dd table,
.Blue_yellow-theme #oddsRules .rule-detail .rule-content dd table tr,
.Blue_yellow-theme #gameRules .rule-detail .tabs,
.Blue_yellow-theme #gameRules .rule-detail .tabs li,
.Blue_yellow-theme #oddsRules .rule-detail .tabs,
.Blue_yellow-theme #oddsRules .rule-detail .tabs li,
.Blue_yellow-theme #myMessage .list,
.Blue_yellow-theme .game-list .live,
.Blue_yellow-theme .game-list .elgame,
.Blue_yellow-theme .game-list .lottery,
.Blue_yellow-theme .game-list .sport,
.Blue_yellow-theme .game-list .card,
.Blue_yellow-theme .game-list .fish,
.Blue_yellow-theme #game .list .item,
.Blue_yellow-theme #betRecords .list .items,
.Blue_yellow-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.Blue_yellow-theme .mine-menus ul li,
.Blue_yellow-theme #deposit .container .bank-tabs,
.Blue_yellow-theme #paymentMethod .container,
.Blue_yellow-theme #paymentMethod .container .payment-list,
.Blue_yellow-theme #withdrawal .container ul li {
    background: none;
}

.Blue_yellow-theme .mine-menus ul li,
.Blue_yellow-theme .mine-about ul li,
.Blue_yellow-theme #personalData ul li,
.Blue_yellow-theme #deposit .container .bank-list .bank-item,
.Blue_yellow-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.Blue_yellow-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.Blue_yellow-theme .mine-top .mine-statistics {
    background: #0549a7 linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.Blue_yellow-theme .game-list .game-items .home-banklist,
.Blue_yellow-theme .game-bank-rule .home-banklist,
.Blue_yellow-theme #deposit .container .deposit-banklist {
    background: #0549a7 linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #0549a7;
    border: none;
}

.Blue_yellow-theme .mine-menus ul li:last-child,
.Blue_yellow-theme .mine-about ul li:last-child,
.Blue_yellow-theme #personalData ul li:last-child,
.Blue_yellow-theme #myMessage .list .item:last-child {
    border: none;
}

.Blue_yellow-theme #myFavorite .tabs .actived,
.Blue_yellow-theme #gameRules .rule-detail .tabs .actived,
.Blue_yellow-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.Blue_yellow-theme .navigator-bar .detail-navi-back,
.Blue_yellow-theme .navigator-bar .navi-back,
.Blue_yellow-theme .mine-menus ul li:after,
.Blue_yellow-theme .mine-about ul li:after,
.Blue_yellow-theme #personalData ul li i,
.Blue_yellow-theme #accountsAndSecurity ul li i,
.Blue_yellow-theme #gameRules .navigator-bar i,
.Blue_yellow-theme #oddsRules .navigator-bar i,
.Blue_yellow-theme #myMessage .list .item .left .bottom i,
.Blue_yellow-theme .loginForm .login-psw b,
.Blue_yellow-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.Blue_yellow-theme .mine-top .mine-info .about,
.Blue_yellow-theme .mine-menus ul li img,
.Blue_yellow-theme .user .password:before,
.Blue_yellow-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.Blue_yellow-theme #mask .login-notify {
    background: #066fff;
    color: #fff;
}

.Blue_yellow-theme #mask .login-success-btn a,
.Blue_yellow-theme .loginForm .login-btn,
.Blue_yellow-theme .recommend-register a {
    background: linear-gradient(to bottom, #066fff, #0549a7);
}

.Blue_yellow-theme #mask .login-success-btn {
    background: #066fff;
}

.Blue_yellow-theme #betRecords .list .items {
    gap: 0.07rem;
}

.Blue_yellow-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Blue_yellow-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .Blue_yellow-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Blue_yellow-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/Blue_yellow/btnHot.png");
}

.pc .Blue_yellow-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/Blue_yellow/btnRecommond.png");
}

.pc .Blue_yellow-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/Blue_yellow/btnLivegame.png");
}

.pc .Blue_yellow-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/Blue_yellow/btnSlot.png");
}

.pc .Blue_yellow-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/Blue_yellow/btnTogel.png");
}

.pc .Blue_yellow-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/Blue_yellow/btnSport.png");
}

.pc .Blue_yellow-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/Blue_yellow/btnKartu.png");
}

.pc .Blue_yellow-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/Blue_yellow/btnFishing.png");
}

.pc .Blue_yellow-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .Blue_yellow-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Blue_yellow/btnSelect.png");
    background-size: 100% 100%;
}

.pc .Blue_yellow-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Blue_yellow-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .Blue_yellow-theme .user .password,
.pc .Blue_yellow-theme .user .username {
    flex: 2;
}

.pc .Blue_yellow-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .Blue_yellow-theme #footer {
    background: #0549a7;
}

.pc .Blue_yellow-theme #footer .footer-inner .other .service a:after,
.pc .Blue_yellow-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .Blue_yellow-theme #footer,
.pc .Blue_yellow-theme #footer .footer-inner .other .service,
.pc .Blue_yellow-theme #footer .footer-inner .other .service a,
.pc .Blue_yellow-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .Blue_yellow-theme #footer .footer-inner .worktogether img,
.pc .Blue_yellow-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 蓝紫主题 */

.Blue_violet-theme {
    color: #fff;
}

.Blue_violet-theme #mask {
    color: #6a82ad;
}

.Blue_violet-theme .navigator-bar,
.Blue_violet-theme #service .navigator-bar,
.Blue_violet-theme #service .navigator-bar .service-navi-bar img,
.Blue_violet-theme #service .navigator-bar .service-navi-bar p {
    background: #442907;
    color: #fff;
}

.Blue_violet-theme section,
.Blue_violet-theme .tabs,
.Blue_violet-theme .tabs .logo,
.Blue_violet-theme .user,
.Blue_violet-theme .loginForm,
.pc body.Blue_violet-theme,
.pc .Blue_violet-theme .index-footer {
    background: #0669ba !important;
    /* 主体色 */
}

.Blue_violet-theme .user .password,
.Blue_violet-theme .user .username {
    background: #68abe5;
    /* 头部输入框 */
}

.Blue_violet-theme .user .password:before,
.Blue_violet-theme .user .username:before {
    opacity: 0.3;
}

.Blue_violet-theme .user .password input::placeholder,
.Blue_violet-theme .user .username input::placeholder {
    color: #fff;
}

.Blue_violet-theme .notice {
    background: #042f51;
    color: #fff;
    /* 底边颜色搜索这个 */
}

.Blue_violet-theme .notice font {
    color: #fff;
}

.Blue_violet-theme .game-list .live,
.Blue_violet-theme .game-list .elgame,
.Blue_violet-theme .game-list .lottery,
.Blue_violet-theme .game-list .sport,
.Blue_violet-theme .game-list .card,
.Blue_violet-theme .game-list .fish,
.Blue_violet-theme #game .list .item {
    border-color: #1b829b;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #042f51;
}

.Blue_violet-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/Blue_violet/btnHot.png");
}

.Blue_violet-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/Blue_violet/btnRecommond.png");
}

.Blue_violet-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/Blue_violet/btnLivegame.png");
}

.Blue_violet-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/Blue_violet/btnSlot.png");
}

.Blue_violet-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/Blue_violet/btnTogel.png");
}

.Blue_violet-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/Blue_violet/btnSport.png");
}

.Blue_violet-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/Blue_violet/btnKartu.png");
}

.Blue_violet-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/Blue_violet/btnFishing.png");
}

.Blue_violet-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.Blue_violet-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Blue_violet/btnSelect.png");
    background-size: 100% 100%;
}

.Blue_violet-theme .game-list .game-menu .game-menu-current i,
.Blue_violet-theme #withdrawal .container ul li p,
.Blue_violet-theme .mine-top .mine-statistics .commissionToday span i,
.Blue_violet-theme .mine-top .mine-statistics .myPurse span i,
.Blue_violet-theme .notice .scrollText,
.Blue_violet-theme #deposit .container .bank-list b,
.Blue_violet-theme #deposit .container .bank-list p u,
.Blue_violet-theme #myMessage .list .item .left .top b,
.Blue_violet-theme .loginForm .login-item input,
.Blue_violet-theme .loginForm .memberPsw label,
.Blue_violet-theme .loginForm .other-item b,
.pc .Blue_violet-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.Blue_violet-theme footer {
    background: #042f51;
}

.Blue_violet-theme footer .nav-item .icon {
    background-image: url("images/theme/Blue_violet/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.Blue_violet-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/Blue_violet/btnPromosi.png") !important;
}

.Blue_violet-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/Blue_violet/btnContact.png") !important;
}

.Blue_violet-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/Blue_violet/btnProfil.png") !important;
}

.Blue_violet-theme footer .nav-item h3 {
    color: #fff;
}

.Blue_violet-theme footer .nav-item-active,
.Blue_violet-theme .recommend-table table thead th,
.Blue_violet-theme .rebate-table table thead th,
.Blue_violet-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.Blue_violet-theme #activity .game-list .game-items .game-item,
.Blue_violet-theme .mine-common,
.Blue_violet-theme .mine-menus,
.Blue_violet-theme #accountsAndSecurity ul,
.Blue_violet-theme #deposit .container dl,
.Blue_violet-theme #deposit .container ul,
.Blue_violet-theme .recommend-share,
.Blue_violet-theme #myRecommend .detail dl,
.Blue_violet-theme #myRecommend .detail dl dd,
.Blue_violet-theme #myRecommend .detail dl dd:nth-child(2n),
.Blue_violet-theme .recommend-table table tbody td,
.Blue_violet-theme .rebate-table table tbody td,
.Blue_violet-theme #transactionRecords .list,
.Blue_violet-theme #personalData ul,
.Blue_violet-theme .mine-about ul li,
.Blue_violet-theme #withdrawal .container .payment-list .payment-item,
.Blue_violet-theme #withdrawal .container ul,
.Blue_violet-theme #myFavorite .tabs,
.Blue_violet-theme #myFavorite .tabs li,
.Blue_violet-theme #myFavorite .list,
.Blue_violet-theme #gameRules .rule-detail .rule-content,
.Blue_violet-theme #oddsRules .rule-detail .rule-content,
.Blue_violet-theme #oddsRules .rule-detail .rule-content dd table,
.Blue_violet-theme #oddsRules .rule-detail .rule-content dd table tr,
.Blue_violet-theme #gameRules .rule-detail .tabs,
.Blue_violet-theme #gameRules .rule-detail .tabs li,
.Blue_violet-theme #oddsRules .rule-detail .tabs,
.Blue_violet-theme #oddsRules .rule-detail .tabs li,
.Blue_violet-theme #myMessage .list,
.Blue_violet-theme .game-list .live,
.Blue_violet-theme .game-list .elgame,
.Blue_violet-theme .game-list .lottery,
.Blue_violet-theme .game-list .sport,
.Blue_violet-theme .game-list .card,
.Blue_violet-theme .game-list .fish,
.Blue_violet-theme #game .list .item,
.Blue_violet-theme #betRecords .list .items,
.Blue_violet-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.Blue_violet-theme .mine-menus ul li,
.Blue_violet-theme #deposit .container .bank-tabs,
.Blue_violet-theme #paymentMethod .container,
.Blue_violet-theme #paymentMethod .container .payment-list,
.Blue_violet-theme #withdrawal .container ul li {
    background: none;
}

.Blue_violet-theme .mine-menus ul li,
.Blue_violet-theme .mine-about ul li,
.Blue_violet-theme #personalData ul li,
.Blue_violet-theme #deposit .container .bank-list .bank-item,
.Blue_violet-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.Blue_violet-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.Blue_violet-theme .mine-top .mine-statistics {
    background: #042f51 linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.Blue_violet-theme .game-list .game-items .home-banklist,
.Blue_violet-theme .game-bank-rule .home-banklist,
.Blue_violet-theme #deposit .container .deposit-banklist {
    background: #042f51 linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #042f51;
    border: none;
}

.Blue_violet-theme .mine-menus ul li:last-child,
.Blue_violet-theme .mine-about ul li:last-child,
.Blue_violet-theme #personalData ul li:last-child,
.Blue_violet-theme #myMessage .list .item:last-child {
    border: none;
}

.Blue_violet-theme #myFavorite .tabs .actived,
.Blue_violet-theme #gameRules .rule-detail .tabs .actived,
.Blue_violet-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.Blue_violet-theme .navigator-bar .detail-navi-back,
.Blue_violet-theme .navigator-bar .navi-back,
.Blue_violet-theme .mine-menus ul li:after,
.Blue_violet-theme .mine-about ul li:after,
.Blue_violet-theme #personalData ul li i,
.Blue_violet-theme #accountsAndSecurity ul li i,
.Blue_violet-theme #gameRules .navigator-bar i,
.Blue_violet-theme #oddsRules .navigator-bar i,
.Blue_violet-theme #myMessage .list .item .left .bottom i,
.Blue_violet-theme .loginForm .login-psw b,
.Blue_violet-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.Blue_violet-theme .mine-top .mine-info .about,
.Blue_violet-theme .mine-menus ul li img,
.Blue_violet-theme .user .password:before,
.Blue_violet-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.Blue_violet-theme #mask .login-notify {
    background: #1b829b;
    color: #fff;
}

.Blue_violet-theme #mask .login-success-btn a,
.Blue_violet-theme .loginForm .login-btn,
.Blue_violet-theme .recommend-register a {
    background: linear-gradient(to bottom, #1b829b, #042f51);
}

.Blue_violet-theme #mask .login-success-btn {
    background: #1b829b;
}

.Blue_violet-theme #betRecords .list .items {
    gap: 0.07rem;
}

.Blue_violet-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Blue_violet-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .Blue_violet-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Blue_violet-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/Blue_violet/btnHot.png");
}

.pc .Blue_violet-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/Blue_violet/btnRecommond.png");
}

.pc .Blue_violet-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/Blue_violet/btnLivegame.png");
}

.pc .Blue_violet-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/Blue_violet/btnSlot.png");
}

.pc .Blue_violet-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/Blue_violet/btnTogel.png");
}

.pc .Blue_violet-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/Blue_violet/btnSport.png");
}

.pc .Blue_violet-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/Blue_violet/btnKartu.png");
}

.pc .Blue_violet-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/Blue_violet/btnFishing.png");
}

.pc .Blue_violet-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .Blue_violet-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Blue_violet/btnSelect.png");
    background-size: 100% 100%;
}

.pc .Blue_violet-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Blue_violet-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .Blue_violet-theme .user .password,
.pc .Blue_violet-theme .user .username {
    flex: 2;
}

.pc .Blue_violet-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .Blue_violet-theme #footer {
    background: #042f51;
}

.pc .Blue_violet-theme #footer .footer-inner .other .service a:after,
.pc .Blue_violet-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .Blue_violet-theme #footer,
.pc .Blue_violet-theme #footer .footer-inner .other .service,
.pc .Blue_violet-theme #footer .footer-inner .other .service a,
.pc .Blue_violet-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .Blue_violet-theme #footer .footer-inner .worktogether img,
.pc .Blue_violet-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 栗粉主题 */

.Chestnut_powder-theme {
    color: #fff;
}

.Chestnut_powder-theme #mask {
    color: #6a82ad;
}

.Chestnut_powder-theme .navigator-bar,
.Chestnut_powder-theme #service .navigator-bar,
.Chestnut_powder-theme #service .navigator-bar .service-navi-bar img,
.Chestnut_powder-theme #service .navigator-bar .service-navi-bar p {
    background: #661536;
    color: #fff;
}

.Chestnut_powder-theme section,
.Chestnut_powder-theme .tabs,
.Chestnut_powder-theme .tabs .logo,
.Chestnut_powder-theme .user,
.Chestnut_powder-theme .loginForm,
.pc body.Chestnut_powder-theme,
.pc .Chestnut_powder-theme .index-footer {
    background: #a00745 !important;
    /* 主体色 */
}

.Chestnut_powder-theme .user .password,
.Chestnut_powder-theme .user .username {
    background: #f36ba2;
    /* 头部输入框 */
}

.Chestnut_powder-theme .user .password:before,
.Chestnut_powder-theme .user .username:before {
    opacity: 0.3;
}

.Chestnut_powder-theme .user .password input::placeholder,
.Chestnut_powder-theme .user .username input::placeholder {
    color: #fff;
}

.Chestnut_powder-theme .notice {
    background: #661536;
    color: #fff;
    /* 底边颜色搜索这个 */
}

.Chestnut_powder-theme .notice font {
    color: #fff;
}

.Chestnut_powder-theme .game-list .live,
.Chestnut_powder-theme .game-list .elgame,
.Chestnut_powder-theme .game-list .lottery,
.Chestnut_powder-theme .game-list .sport,
.Chestnut_powder-theme .game-list .card,
.Chestnut_powder-theme .game-list .fish,
.Chestnut_powder-theme #game .list .item {
    border-color: #a00745;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #661536;
}

.Chestnut_powder-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/Chestnut_powder/btnHot.png");
}

.Chestnut_powder-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/Chestnut_powder/btnRecommond.png");
}

.Chestnut_powder-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/Chestnut_powder/btnLivegame.png");
}

.Chestnut_powder-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/Chestnut_powder/btnSlot.png");
}

.Chestnut_powder-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/Chestnut_powder/btnTogel.png");
}

.Chestnut_powder-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/Chestnut_powder/btnSport.png");
}

.Chestnut_powder-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/Chestnut_powder/btnKartu.png");
}

.Chestnut_powder-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/Chestnut_powder/btnFishing.png");
}

.Chestnut_powder-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.Chestnut_powder-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Chestnut_powder/btnSelect.png");
    background-size: 100% 100%;
}

.Chestnut_powder-theme .game-list .game-menu .game-menu-current i,
.Chestnut_powder-theme #withdrawal .container ul li p,
.Chestnut_powder-theme .mine-top .mine-statistics .commissionToday span i,
.Chestnut_powder-theme .mine-top .mine-statistics .myPurse span i,
.Chestnut_powder-theme .notice .scrollText,
.Chestnut_powder-theme #deposit .container .bank-list b,
.Chestnut_powder-theme #deposit .container .bank-list p u,
.Chestnut_powder-theme #myMessage .list .item .left .top b,
.Chestnut_powder-theme .loginForm .login-item input,
.Chestnut_powder-theme .loginForm .memberPsw label,
.Chestnut_powder-theme .loginForm .other-item b,
.pc .Chestnut_powder-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.Chestnut_powder-theme footer {
    background: #661536;
}

.Chestnut_powder-theme footer .nav-item .icon {
    background-image: url("images/theme/Chestnut_powder/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.Chestnut_powder-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/Chestnut_powder/btnPromosi.png") !important;
}

.Chestnut_powder-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/Chestnut_powder/btnContact.png") !important;
}

.Chestnut_powder-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/Chestnut_powder/btnProfil.png") !important;
}

.Chestnut_powder-theme footer .nav-item h3 {
    color: #fff;
}

.Chestnut_powder-theme footer .nav-item-active,
.Chestnut_powder-theme .recommend-table table thead th,
.Chestnut_powder-theme .rebate-table table thead th,
.Chestnut_powder-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.Chestnut_powder-theme #activity .game-list .game-items .game-item,
.Chestnut_powder-theme .mine-common,
.Chestnut_powder-theme .mine-menus,
.Chestnut_powder-theme #accountsAndSecurity ul,
.Chestnut_powder-theme #deposit .container dl,
.Chestnut_powder-theme #deposit .container ul,
.Chestnut_powder-theme .recommend-share,
.Chestnut_powder-theme #myRecommend .detail dl,
.Chestnut_powder-theme #myRecommend .detail dl dd,
.Chestnut_powder-theme #myRecommend .detail dl dd:nth-child(2n),
.Chestnut_powder-theme .recommend-table table tbody td,
.Chestnut_powder-theme .rebate-table table tbody td,
.Chestnut_powder-theme #transactionRecords .list,
.Chestnut_powder-theme #personalData ul,
.Chestnut_powder-theme .mine-about ul li,
.Chestnut_powder-theme #withdrawal .container .payment-list .payment-item,
.Chestnut_powder-theme #withdrawal .container ul,
.Chestnut_powder-theme #myFavorite .tabs,
.Chestnut_powder-theme #myFavorite .tabs li,
.Chestnut_powder-theme #myFavorite .list,
.Chestnut_powder-theme #gameRules .rule-detail .rule-content,
.Chestnut_powder-theme #oddsRules .rule-detail .rule-content,
.Chestnut_powder-theme #oddsRules .rule-detail .rule-content dd table,
.Chestnut_powder-theme #oddsRules .rule-detail .rule-content dd table tr,
.Chestnut_powder-theme #gameRules .rule-detail .tabs,
.Chestnut_powder-theme #gameRules .rule-detail .tabs li,
.Chestnut_powder-theme #oddsRules .rule-detail .tabs,
.Chestnut_powder-theme #oddsRules .rule-detail .tabs li,
.Chestnut_powder-theme #myMessage .list,
.Chestnut_powder-theme .game-list .live,
.Chestnut_powder-theme .game-list .elgame,
.Chestnut_powder-theme .game-list .lottery,
.Chestnut_powder-theme .game-list .sport,
.Chestnut_powder-theme .game-list .card,
.Chestnut_powder-theme .game-list .fish,
.Chestnut_powder-theme #game .list .item,
.Chestnut_powder-theme #betRecords .list .items,
.Chestnut_powder-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.Chestnut_powder-theme .mine-menus ul li,
.Chestnut_powder-theme #deposit .container .bank-tabs,
.Chestnut_powder-theme #paymentMethod .container,
.Chestnut_powder-theme #paymentMethod .container .payment-list,
.Chestnut_powder-theme #withdrawal .container ul li {
    background: none;
}

.Chestnut_powder-theme .mine-menus ul li,
.Chestnut_powder-theme .mine-about ul li,
.Chestnut_powder-theme #personalData ul li,
.Chestnut_powder-theme #deposit .container .bank-list .bank-item,
.Chestnut_powder-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.Chestnut_powder-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.Chestnut_powder-theme .mine-top .mine-statistics {
    background: #661536 linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.Chestnut_powder-theme .game-list .game-items .home-banklist,
.Chestnut_powder-theme .game-bank-rule .home-banklist,
.Chestnut_powder-theme #deposit .container .deposit-banklist {
    background: #661536 linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #661536;
    border: none;
}

.Chestnut_powder-theme .mine-menus ul li:last-child,
.Chestnut_powder-theme .mine-about ul li:last-child,
.Chestnut_powder-theme #personalData ul li:last-child,
.Chestnut_powder-theme #myMessage .list .item:last-child {
    border: none;
}

.Chestnut_powder-theme #myFavorite .tabs .actived,
.Chestnut_powder-theme #gameRules .rule-detail .tabs .actived,
.Chestnut_powder-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.Chestnut_powder-theme .navigator-bar .detail-navi-back,
.Chestnut_powder-theme .navigator-bar .navi-back,
.Chestnut_powder-theme .mine-menus ul li:after,
.Chestnut_powder-theme .mine-about ul li:after,
.Chestnut_powder-theme #personalData ul li i,
.Chestnut_powder-theme #accountsAndSecurity ul li i,
.Chestnut_powder-theme #gameRules .navigator-bar i,
.Chestnut_powder-theme #oddsRules .navigator-bar i,
.Chestnut_powder-theme #myMessage .list .item .left .bottom i,
.Chestnut_powder-theme .loginForm .login-psw b,
.Chestnut_powder-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.Chestnut_powder-theme .mine-top .mine-info .about,
.Chestnut_powder-theme .mine-menus ul li img,
.Chestnut_powder-theme .user .password:before,
.Chestnut_powder-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.Chestnut_powder-theme #mask .login-notify {
    background: #a00745;
    color: #fff;
}

.Chestnut_powder-theme #mask .login-success-btn a,
.Chestnut_powder-theme .loginForm .login-btn,
.Chestnut_powder-theme .recommend-register a {
    background: linear-gradient(to bottom, #a00745, #661536);
}

.Chestnut_powder-theme #mask .login-success-btn {
    background: #a00745;
}

.Chestnut_powder-theme #betRecords .list .items {
    gap: 0.07rem;
}

.Chestnut_powder-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Chestnut_powder-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .Chestnut_powder-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Chestnut_powder-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/Chestnut_powder/btnHot.png");
}

.pc .Chestnut_powder-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/Chestnut_powder/btnRecommond.png");
}

.pc .Chestnut_powder-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/Chestnut_powder/btnLivegame.png");
}

.pc .Chestnut_powder-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/Chestnut_powder/btnSlot.png");
}

.pc .Chestnut_powder-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/Chestnut_powder/btnTogel.png");
}

.pc .Chestnut_powder-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/Chestnut_powder/btnSport.png");
}

.pc .Chestnut_powder-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/Chestnut_powder/btnKartu.png");
}

.pc .Chestnut_powder-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/Chestnut_powder/btnFishing.png");
}

.pc .Chestnut_powder-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .Chestnut_powder-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Chestnut_powder/btnSelect.png");
    background-size: 100% 100%;
}

.pc .Chestnut_powder-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Chestnut_powder-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .Chestnut_powder-theme .user .password,
.pc .Chestnut_powder-theme .user .username {
    flex: 2;
}

.pc .Chestnut_powder-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .Chestnut_powder-theme #footer {
    background: #661536;
}

.pc .Chestnut_powder-theme #footer .footer-inner .other .service a:after,
.pc .Chestnut_powder-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .Chestnut_powder-theme #footer,
.pc .Chestnut_powder-theme #footer .footer-inner .other .service,
.pc .Chestnut_powder-theme #footer .footer-inner .other .service a,
.pc .Chestnut_powder-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .Chestnut_powder-theme #footer .footer-inner .worktogether img,
.pc .Chestnut_powder-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 绿灰主题 */

.Green_gray-theme {
    color: #fff;
}

.Green_gray-theme #mask {
    color: #6a82ad;
}

.Green_gray-theme .navigator-bar,
.Green_gray-theme #service .navigator-bar,
.Green_gray-theme #service .navigator-bar .service-navi-bar img,
.Green_gray-theme #service .navigator-bar .service-navi-bar p {
    background: #0f420c;
    color: #fff;
}

.Green_gray-theme section,
.Green_gray-theme .tabs,
.Green_gray-theme .tabs .logo,
.Green_gray-theme .user,
.Green_gray-theme .loginForm,
.pc body.Green_gray-theme,
.pc .Green_gray-theme .index-footer {
    background: #2c5000 !important;
    /* 主体色 */
}

.Green_gray-theme .user .password,
.Green_gray-theme .user .username {
    background: #7dba7f;
    /* 头部输入框 */
}

.Green_gray-theme .user .password:before,
.Green_gray-theme .user .username:before {
    opacity: 0.3;
}

.Green_gray-theme .user .password input::placeholder,
.Green_gray-theme .user .username input::placeholder {
    color: #fff;
}

.Green_gray-theme .notice {
    background: #0f420c;
    color: #fff;
    /* 底边颜色搜索这个 */
}

.Green_gray-theme .notice font {
    color: #fff;
}

.Green_gray-theme .game-list .live,
.Green_gray-theme .game-list .elgame,
.Green_gray-theme .game-list .lottery,
.Green_gray-theme .game-list .sport,
.Green_gray-theme .game-list .card,
.Green_gray-theme .game-list .fish,
.Green_gray-theme #game .list .item {
    border-color: #2c5000;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #0f420c;
}

.Green_gray-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/Green_gray/btnHot.png");
}

.Green_gray-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/Green_gray/btnRecommond.png");
}

.Green_gray-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/Green_gray/btnLivegame.png");
}

.Green_gray-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/Green_gray/btnSlot.png");
}

.Green_gray-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/Green_gray/btnTogel.png");
}

.Green_gray-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/Green_gray/btnSport.png");
}

.Green_gray-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/Green_gray/btnKartu.png");
}

.Green_gray-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/Green_gray/btnFishing.png");
}

.Green_gray-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.Green_gray-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Green_gray/btnSelect.png");
    background-size: 100% 100%;
}

.Green_gray-theme .game-list .game-menu .game-menu-current i,
.Green_gray-theme #withdrawal .container ul li p,
.Green_gray-theme .mine-top .mine-statistics .commissionToday span i,
.Green_gray-theme .mine-top .mine-statistics .myPurse span i,
.Green_gray-theme .notice .scrollText,
.Green_gray-theme #deposit .container .bank-list b,
.Green_gray-theme #deposit .container .bank-list p u,
.Green_gray-theme #myMessage .list .item .left .top b,
.Green_gray-theme .loginForm .login-item input,
.Green_gray-theme .loginForm .memberPsw label,
.Green_gray-theme .loginForm .other-item b,
.pc .Green_gray-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.Green_gray-theme footer {
    background: #0f420c;
}

.Green_gray-theme footer .nav-item .icon {
    background-image: url("images/theme/Green_gray/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.Green_gray-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/Green_gray/btnDeposit.png") !important;
}

.Green_gray-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/Green_gray/btnPromosi.png") !important;
}

.Green_gray-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/Green_gray/btnContact.png") !important;
}

.Green_gray-theme footer .nav-item:nth-of-type(5) .icon {
    background-image: url("images/theme/Green_gray/btnMenu.png") !important;
}

.Green_gray-theme footer .nav-item h3 {
    color: #fff;
}

.Green_gray-theme footer .nav-item-active,
.Green_gray-theme .recommend-table table thead th,
.Green_gray-theme .rebate-table table thead th,
.Green_gray-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.Green_gray-theme #activity .game-list .game-items .game-item,
.Green_gray-theme .mine-common,
.Green_gray-theme .mine-menus,
.Green_gray-theme #accountsAndSecurity ul,
.Green_gray-theme #deposit .container dl,
.Green_gray-theme #deposit .container ul,
.Green_gray-theme .recommend-share,
.Green_gray-theme #myRecommend .detail dl,
.Green_gray-theme #myRecommend .detail dl dd,
.Green_gray-theme #myRecommend .detail dl dd:nth-child(2n),
.Green_gray-theme .recommend-table table tbody td,
.Green_gray-theme .rebate-table table tbody td,
.Green_gray-theme #transactionRecords .list,
.Green_gray-theme #personalData ul,
.Green_gray-theme .mine-about ul li,
.Green_gray-theme #withdrawal .container .payment-list .payment-item,
.Green_gray-theme #withdrawal .container ul,
.Green_gray-theme #myFavorite .tabs,
.Green_gray-theme #myFavorite .tabs li,
.Green_gray-theme #myFavorite .list,
.Green_gray-theme #gameRules .rule-detail .rule-content,
.Green_gray-theme #oddsRules .rule-detail .rule-content,
.Green_gray-theme #oddsRules .rule-detail .rule-content dd table,
.Green_gray-theme #oddsRules .rule-detail .rule-content dd table tr,
.Green_gray-theme #gameRules .rule-detail .tabs,
.Green_gray-theme #gameRules .rule-detail .tabs li,
.Green_gray-theme #oddsRules .rule-detail .tabs,
.Green_gray-theme #oddsRules .rule-detail .tabs li,
.Green_gray-theme #myMessage .list,
.Green_gray-theme .game-list .live,
.Green_gray-theme .game-list .elgame,
.Green_gray-theme .game-list .lottery,
.Green_gray-theme .game-list .sport,
.Green_gray-theme .game-list .card,
.Green_gray-theme .game-list .fish,
.Green_gray-theme #game .list .item,
.Green_gray-theme #betRecords .list .items,
.Green_gray-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.Green_gray-theme .mine-menus ul li,
.Green_gray-theme #deposit .container .bank-tabs,
.Green_gray-theme #paymentMethod .container,
.Green_gray-theme #paymentMethod .container .payment-list,
.Green_gray-theme #withdrawal .container ul li {
    background: none;
}

.Green_gray-theme .mine-menus ul li,
.Green_gray-theme .mine-about ul li,
.Green_gray-theme #personalData ul li,
.Green_gray-theme #deposit .container .bank-list .bank-item,
.Green_gray-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.Green_gray-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}


/* .Green_gray-theme .mine-top .mine-statistics {
    background: linear-gradient(120deg, #186549, #134e38);
}

.Green_gray-theme .game-list .game-items .home-banklist,
.Green_gray-theme .game-bank-rule .home-banklist,
.Green_gray-theme #deposit .container .deposit-banklist {
    background: linear-gradient(120deg, #134e38, #186549);
    box-shadow: 0 0 1rem #0f420c;
    border: none;
} */

.Green_gray-theme .mine-top .mine-statistics {
    background: #0f420c linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.Green_gray-theme .game-list .game-items .home-banklist,
.Green_gray-theme .game-bank-rule .home-banklist,
.Green_gray-theme #deposit .container .deposit-banklist {
    background: #0f420c linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #0f420c;
    border: none;
}

.Green_gray-theme .mine-menus ul li:last-child,
.Green_gray-theme .mine-about ul li:last-child,
.Green_gray-theme #personalData ul li:last-child,
.Green_gray-theme #myMessage .list .item:last-child {
    border: none;
}

.Green_gray-theme #myFavorite .tabs .actived,
.Green_gray-theme #gameRules .rule-detail .tabs .actived,
.Green_gray-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.Green_gray-theme .navigator-bar .detail-navi-back,
.Green_gray-theme .navigator-bar .navi-back,
.Green_gray-theme .mine-menus ul li:after,
.Green_gray-theme .mine-about ul li:after,
.Green_gray-theme #personalData ul li i,
.Green_gray-theme #accountsAndSecurity ul li i,
.Green_gray-theme #gameRules .navigator-bar i,
.Green_gray-theme #oddsRules .navigator-bar i,
.Green_gray-theme #myMessage .list .item .left .bottom i,
.Green_gray-theme .loginForm .login-psw b,
.Green_gray-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.Green_gray-theme .mine-top .mine-info .about,
.Green_gray-theme .mine-menus ul li img,
.Green_gray-theme .user .password:before,
.Green_gray-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.Green_gray-theme #mask .login-notify {
    background: #2c5000;
    color: #fff;
}

.Green_gray-theme #mask .login-success-btn a,
.Green_gray-theme .loginForm .login-btn,
.Green_gray-theme .recommend-register a {
    background: linear-gradient(to bottom, #2c5000, #0f420c);
}

.Green_gray-theme #mask .login-success-btn {
    background: #2c5000;
}

.Green_gray-theme #betRecords .list .items {
    gap: 0.07rem;
}

.Green_gray-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Green_gray-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .Green_gray-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Green_gray-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/Green_gray/btnHot.png");
}

.pc .Green_gray-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/Green_gray/btnRecommond.png");
}

.pc .Green_gray-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/Green_gray/btnLivegame.png");
}

.pc .Green_gray-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/Green_gray/btnSlot.png");
}

.pc .Green_gray-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/Green_gray/btnTogel.png");
}

.pc .Green_gray-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/Green_gray/btnSport.png");
}

.pc .Green_gray-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/Green_gray/btnKartu.png");
}

.pc .Green_gray-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/Green_gray/btnFishing.png");
}

.pc .Green_gray-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .Green_gray-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/Green_gray/btnSelect.png");
    background-size: 100% 100%;
}

.pc .Green_gray-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .Green_gray-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .Green_gray-theme .user .password,
.pc .Green_gray-theme .user .username {
    flex: 2;
}

.pc .Green_gray-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .Green_gray-theme #footer {
    background: #0f420c;
}

.pc .Green_gray-theme #footer .footer-inner .other .service a:after,
.pc .Green_gray-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .Green_gray-theme #footer,
.pc .Green_gray-theme #footer .footer-inner .other .service,
.pc .Green_gray-theme #footer .footer-inner .other .service a,
.pc .Green_gray-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .Green_gray-theme #footer .footer-inner .worktogether img,
.pc .Green_gray-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 黄色主题 */

.yellow-theme {
    color: #fff;
}

.yellow-theme #mask {
    color: #6a82ad;
}

.yellow-theme .navigator-bar,
.yellow-theme #service .navigator-bar,
.yellow-theme #service .navigator-bar .service-navi-bar img,
.yellow-theme #service .navigator-bar .service-navi-bar p {
    background: #f1b95d;
    color: #fff;
}

.yellow-theme section,
.yellow-theme .tabs,
.yellow-theme .tabs .logo,
.yellow-theme .user,
.yellow-theme .loginForm,
.pc body.yellow-theme,
.pc .yellow-theme .index-footer {
    background: #ffd287 !important;
}

.yellow-theme .user .password,
.yellow-theme .user .username {
    background: #e5b365;
}

.yellow-theme .user .password:before,
.yellow-theme .user .username:before {
    opacity: 0.3;
}

.yellow-theme .user .password input::placeholder,
.yellow-theme .user .username input::placeholder {
    color: #fff;
}

.yellow-theme .notice {
    background: #f1b95d;
    color: #fff;
}

.yellow-theme .notice font {
    color: #fff;
}

.yellow-theme .game-list .live,
.yellow-theme .game-list .elgame,
.yellow-theme .game-list .lottery,
.yellow-theme .game-list .sport,
.yellow-theme .game-list .card,
.yellow-theme .game-list .fish,
.yellow-theme #game .list .item {
    border-color: #ffd287;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #f1b95d;
}

.yellow-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/yellow/btnHot.png");
}

.yellow-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/yellow/btnRecommond.png");
}

.yellow-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/yellow/btnLivegame.png");
}

.yellow-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/yellow/btnSlot.png");
}

.yellow-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/yellow/btnTogel.png");
}

.yellow-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/yellow/btnSport.png");
}

.yellow-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/yellow/btnKartu.png");
}

.yellow-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/yellow/btnFishing.png");
}

.yellow-theme .game-list .game-menu .game-menu-item i {
    color: #fff;
}

.yellow-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/yellow/btnSelect.png");
    background-size: 100% 100%;
}

.yellow-theme .game-list .game-menu .game-menu-current i,
.yellow-theme #withdrawal .container ul li p,
.yellow-theme .mine-top .mine-statistics .commissionToday span i,
.yellow-theme .mine-top .mine-statistics .myPurse span i,
.yellow-theme .notice .scrollText,
.yellow-theme #deposit .container .bank-list b,
.yellow-theme #deposit .container .bank-list p u,
.yellow-theme #myMessage .list .item .left .top b,
.yellow-theme .loginForm .login-item input,
.yellow-theme .loginForm .memberPsw label,
.yellow-theme .loginForm .other-item b,
.pc .yellow-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.yellow-theme footer {
    background: #f1b95d;
}

.yellow-theme footer .nav-item .icon {
    background-image: url("images/theme/yellow/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.yellow-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/yellow/btnPromosi.png") !important;
}

.yellow-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/yellow/btnContact.png") !important;
}

.yellow-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/yellow/btnProfil.png") !important;
}

.yellow-theme footer .nav-item h3 {
    color: #fff;
}

.yellow-theme footer .nav-item-active,
.yellow-theme .recommend-table table thead th,
.yellow-theme .rebate-table table thead th,
.yellow-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.yellow-theme #activity .game-list .game-items .game-item,
.yellow-theme .mine-common,
.yellow-theme .mine-menus,
.yellow-theme #accountsAndSecurity ul,
.yellow-theme #deposit .container dl,
.yellow-theme #deposit .container ul,
.yellow-theme .recommend-share,
.yellow-theme #myRecommend .detail dl,
.yellow-theme #myRecommend .detail dl dd,
.yellow-theme #myRecommend .detail dl dd:nth-child(2n),
.yellow-theme .recommend-table table tbody td,
.yellow-theme .rebate-table table tbody td,
.yellow-theme #transactionRecords .list,
.yellow-theme #personalData ul,
.yellow-theme .mine-about ul li,
.yellow-theme #withdrawal .container .payment-list .payment-item,
.yellow-theme #withdrawal .container ul,
.yellow-theme #myFavorite .tabs,
.yellow-theme #myFavorite .tabs li,
.yellow-theme #myFavorite .list,
.yellow-theme #gameRules .rule-detail .rule-content,
.yellow-theme #oddsRules .rule-detail .rule-content,
.yellow-theme #oddsRules .rule-detail .rule-content dd table,
.yellow-theme #oddsRules .rule-detail .rule-content dd table tr,
.yellow-theme #gameRules .rule-detail .tabs,
.yellow-theme #gameRules .rule-detail .tabs li,
.yellow-theme #oddsRules .rule-detail .tabs,
.yellow-theme #oddsRules .rule-detail .tabs li,
.yellow-theme #myMessage .list,
.yellow-theme .game-list .live,
.yellow-theme .game-list .elgame,
.yellow-theme .game-list .lottery,
.yellow-theme .game-list .sport,
.yellow-theme .game-list .card,
.yellow-theme .game-list .fish,
.yellow-theme #game .list .item,
.yellow-theme #betRecords .list .items,
.yellow-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.yellow-theme .mine-menus ul li,
.yellow-theme #deposit .container .bank-tabs,
.yellow-theme #paymentMethod .container,
.yellow-theme #paymentMethod .container .payment-list,
.yellow-theme #withdrawal .container ul li {
    background: none;
}

.yellow-theme .mine-menus ul li,
.yellow-theme .mine-about ul li,
.yellow-theme #personalData ul li,
.yellow-theme #deposit .container .bank-list .bank-item,
.yellow-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.yellow-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.yellow-theme .mine-top .mine-statistics {
    background: #f1b95d linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.yellow-theme .game-list .game-items .home-banklist,
.yellow-theme .game-bank-rule .home-banklist,
.yellow-theme #deposit .container .deposit-banklist {
    background: #f1b95d linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #f1b95d;
    border: none;
}

.yellow-theme .mine-menus ul li:last-child,
.yellow-theme .mine-about ul li:last-child,
.yellow-theme #personalData ul li:last-child,
.yellow-theme #myMessage .list .item:last-child {
    border: none;
}

.yellow-theme #myFavorite .tabs .actived,
.yellow-theme #gameRules .rule-detail .tabs .actived,
.yellow-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.yellow-theme .navigator-bar .detail-navi-back,
.yellow-theme .navigator-bar .navi-back,
.yellow-theme .mine-menus ul li:after,
.yellow-theme .mine-about ul li:after,
.yellow-theme #personalData ul li i,
.yellow-theme #accountsAndSecurity ul li i,
.yellow-theme #gameRules .navigator-bar i,
.yellow-theme #oddsRules .navigator-bar i,
.yellow-theme #myMessage .list .item .left .bottom i,
.yellow-theme .loginForm .login-psw b,
.yellow-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.yellow-theme .mine-top .mine-info .about,
.yellow-theme .mine-menus ul li img,
.yellow-theme .user .password:before,
.yellow-theme .user .username:before {
    filter: brightness(0) invert(1) !important;
}

.yellow-theme #mask .login-notify {
    background: #ffd287;
    color: #fff;
}

.yellow-theme #mask .login-success-btn a,
.yellow-theme .loginForm .login-btn,
.yellow-theme .recommend-register a {
    background: linear-gradient(to bottom, #ffd287, #f1b95d);
}

.yellow-theme #mask .login-success-btn {
    background: #ffd287;
}

.yellow-theme #betRecords .list .items {
    gap: 0.07rem;
}

.yellow-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .yellow-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .yellow-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .yellow-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/yellow/btnHot.png");
}

.pc .yellow-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/yellow/btnRecommond.png");
}

.pc .yellow-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/yellow/btnLivegame.png");
}

.pc .yellow-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/yellow/btnSlot.png");
}

.pc .yellow-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/yellow/btnTogel.png");
}

.pc .yellow-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/yellow/btnSport.png");
}

.pc .yellow-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/yellow/btnKartu.png");
}

.pc .yellow-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/yellow/btnFishing.png");
}

.pc .yellow-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .yellow-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/yellow/btnSelect.png");
    background-size: 100% 100%;
}

.pc .yellow-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .yellow-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .yellow-theme .user .password,
.pc .yellow-theme .user .username {
    flex: 2;
}

.pc .yellow-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .yellow-theme #footer {
    background: #f1b95d;
}

.pc .yellow-theme #footer .footer-inner .other .service a:after,
.pc .yellow-theme #footer .footer-inner .worktogether {
    border-color: #fff;
}

.pc .yellow-theme #footer,
.pc .yellow-theme #footer .footer-inner .other .service,
.pc .yellow-theme #footer .footer-inner .other .service a,
.pc .yellow-theme #footer .footer-inner .other .about a {
    color: #fff;
}

.pc .yellow-theme #footer .footer-inner .worktogether img,
.pc .yellow-theme #footer .footer-inner .other .authentication .item img {
    filter: brightness(0) invert(1);
}


/* 浅粉主题 */

.light-pink-theme {
    color: #f7c4c0;
}

.light-pink-theme #mask {
    color: #6a82ad;
}

.light-pink-theme .navigator-bar,
.light-pink-theme #service .navigator-bar,
.light-pink-theme #service .navigator-bar .service-navi-bar img,
.light-pink-theme #service .navigator-bar .service-navi-bar p {
    background: #fff;
    color: #f7c4c0;
}

.light-pink-theme section,
.light-pink-theme .tabs,
.light-pink-theme .tabs .logo,
.light-pink-theme .user,
.light-pink-theme .loginForm,
.pc body.light-pink-theme,
.pc .light-pink-theme .index-footer {
    background: #fff2f8 !important;
}

.light-pink-theme .user .password,
.light-pink-theme .user .username {
    background: #efbecf;
}

.light-pink-theme .user .password:before,
.light-pink-theme .user .username:before {
    opacity: 0.3;
}

.light-pink-theme .user .password input::placeholder,
.light-pink-theme .user .username input::placeholder {
    color: #fff;
}

.light-pink-theme .notice {
    background: #fff;
    color: #f7c4c0;
}

.light-pink-theme .notice font {
    color: #f7c4c0;
}

.light-pink-theme .game-list .live,
.light-pink-theme .game-list .elgame,
.light-pink-theme .game-list .lottery,
.light-pink-theme .game-list .sport,
.light-pink-theme .game-list .card,
.light-pink-theme .game-list .fish,
.light-pink-theme #game .list .item {
    border-color: #fff2f8;
    box-shadow: 0.2rem 0.4rem 0.6rem 0 #fff;
}

.light-pink-theme .game-list .game-menu .hot-menu {
    background-image: url("images/theme/light-pink/btnHot.png");
}

.light-pink-theme .game-list .game-menu .recommond-menu {
    background-image: url("images/theme/light-pink/btnRecommond.png");
}

.light-pink-theme .game-list .game-menu .live-menu {
    background-image: url("images/theme/light-pink/btnLivegame.png");
}

.light-pink-theme .game-list .game-menu .elgame-menu {
    background-image: url("images/theme/light-pink/btnSlot.png");
}

.light-pink-theme .game-list .game-menu .lottery-menu {
    background-image: url("images/theme/light-pink/btnTogel.png");
}

.light-pink-theme .game-list .game-menu .sport-menu {
    background-image: url("images/theme/light-pink/btnSport.png");
}

.light-pink-theme .game-list .game-menu .card-menu {
    background-image: url("images/theme/light-pink/btnKartu.png");
}

.light-pink-theme .game-list .game-menu .fish-menu {
    background-image: url("images/theme/light-pink/btnFishing.png");
}

.light-pink-theme .game-list .game-menu .game-menu-item i {
    color: #f7c4c0;
}

.light-pink-theme .game-list .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/light-pink/btnSelect.png");
    background-size: 100% 100%;
}

.light-pink-theme .game-list .game-menu .game-menu-current i,
.light-pink-theme #withdrawal .container ul li p,
.light-pink-theme .mine-top .mine-statistics .commissionToday span i,
.light-pink-theme .mine-top .mine-statistics .myPurse span i,
.light-pink-theme .notice .scrollText,
.light-pink-theme #deposit .container .bank-list b,
.light-pink-theme #deposit .container .bank-list p u,
.light-pink-theme #myMessage .list .item .left .top b,
.light-pink-theme .loginForm .login-item input,
.light-pink-theme .loginForm .memberPsw label,
.light-pink-theme .loginForm .other-item b,
.pc .light-pink-theme .game-list-box .game-menu .game-menu-current i {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.light-pink-theme footer {
    background: #fff;
}

.light-pink-theme footer .nav-item .icon {
    background-image: url("images/theme/light-pink/btnHome.png") !important;
    background-size: 24px 24px !important;
    background-position: center 5px !important;
}

.light-pink-theme footer .nav-item:nth-of-type(2) .icon {
    background-image: url("images/theme/light-pink/btnPromosi.png") !important;
}

.light-pink-theme footer .nav-item:nth-of-type(3) .icon {
    background-image: url("images/theme/light-pink/btnContact.png") !important;
}

.light-pink-theme footer .nav-item:nth-of-type(4) .icon {
    background-image: url("images/theme/light-pink/btnProfil.png") !important;
}

.light-pink-theme footer .nav-item h3 {
    color: #f7c4c0;
}

.light-pink-theme footer .nav-item-active,
.light-pink-theme .recommend-table table thead th,
.light-pink-theme .rebate-table table thead th,
.light-pink-theme #betRecords .sub-tabs {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}

.light-pink-theme #activity .game-list .game-items .game-item,
.light-pink-theme .mine-common,
.light-pink-theme .mine-menus,
.light-pink-theme #accountsAndSecurity ul,
.light-pink-theme #deposit .container dl,
.light-pink-theme #deposit .container ul,
.light-pink-theme .recommend-share,
.light-pink-theme #myRecommend .detail dl,
.light-pink-theme #myRecommend .detail dl dd,
.light-pink-theme #myRecommend .detail dl dd:nth-child(2n),
.light-pink-theme .recommend-table table tbody td,
.light-pink-theme .rebate-table table tbody td,
.light-pink-theme #transactionRecords .list,
.light-pink-theme #personalData ul,
.light-pink-theme .mine-about ul li,
.light-pink-theme #withdrawal .container .payment-list .payment-item,
.light-pink-theme #withdrawal .container ul,
.light-pink-theme #myFavorite .tabs,
.light-pink-theme #myFavorite .tabs li,
.light-pink-theme #myFavorite .list,
.light-pink-theme #gameRules .rule-detail .rule-content,
.light-pink-theme #oddsRules .rule-detail .rule-content,
.light-pink-theme #oddsRules .rule-detail .rule-content dd table,
.light-pink-theme #oddsRules .rule-detail .rule-content dd table tr,
.light-pink-theme #gameRules .rule-detail .tabs,
.light-pink-theme #gameRules .rule-detail .tabs li,
.light-pink-theme #oddsRules .rule-detail .tabs,
.light-pink-theme #oddsRules .rule-detail .tabs li,
.light-pink-theme #myMessage .list,
.light-pink-theme .game-list .live,
.light-pink-theme .game-list .elgame,
.light-pink-theme .game-list .lottery,
.light-pink-theme .game-list .sport,
.light-pink-theme .game-list .card,
.light-pink-theme .game-list .fish,
.light-pink-theme #game .list .item,
.light-pink-theme #betRecords .list .items,
.light-pink-theme #betRecords .list .items li:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}

.light-pink-theme .mine-menus ul li,
.light-pink-theme #deposit .container .bank-tabs,
.light-pink-theme #paymentMethod .container,
.light-pink-theme #paymentMethod .container .payment-list,
.light-pink-theme #withdrawal .container ul li {
    background: none;
}

.light-pink-theme .mine-menus ul li,
.light-pink-theme .mine-about ul li,
.light-pink-theme #personalData ul li,
.light-pink-theme #deposit .container .bank-list .bank-item,
.light-pink-theme #myMessage .list .item {
    border-bottom: #666 .1rem solid;
}

.light-pink-theme #deposit .container .bank-list .qris-item {
    background: #fff;
}

.light-pink-theme .mine-top .mine-statistics {
    background: #fff linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}

.light-pink-theme .game-list .game-items .home-banklist,
.light-pink-theme .game-bank-rule .home-banklist,
.light-pink-theme #deposit .container .deposit-banklist {
    background: #fff linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    box-shadow: 0 0 1rem #fff;
    border: none;
}

.light-pink-theme .mine-menus ul li:last-child,
.light-pink-theme .mine-about ul li:last-child,
.light-pink-theme #personalData ul li:last-child,
.light-pink-theme #myMessage .list .item:last-child {
    border: none;
}

.light-pink-theme #myFavorite .tabs .actived,
.light-pink-theme #gameRules .rule-detail .tabs .actived,
.light-pink-theme #oddsRules .rule-detail .tabs .actived {
    background: #f60 !important;
}

.light-pink-theme .navigator-bar .detail-navi-back,
.light-pink-theme .navigator-bar .navi-back,
.light-pink-theme .mine-menus ul li:after,
.light-pink-theme .mine-about ul li:after,
.light-pink-theme #personalData ul li i,
.light-pink-theme #accountsAndSecurity ul li i,
.light-pink-theme #gameRules .navigator-bar i,
.light-pink-theme #oddsRules .navigator-bar i,
.light-pink-theme #myMessage .list .item .left .bottom i,
.light-pink-theme .loginForm .login-psw b,
.light-pink-theme #betRecords .navigator-bar .navi-filter {
    filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg) brightness(118%) contrast(100%) !important;
    opacity: 1;
}

.light-pink-theme .mine-top .mine-info .about,
.light-pink-theme .mine-menus ul li img,
.light-pink-theme .user .password:before,
.light-pink-theme .user .username:before {
    filter: invert(63%) sepia(11%) saturate(589%) hue-rotate(316deg) brightness(120%) contrast(113%) !important;
}

.light-pink-theme #mask .login-notify {
    background: #fff2f8;
    color: #fff;
}

.light-pink-theme #mask .login-success-btn a,
.light-pink-theme .loginForm .login-btn,
.light-pink-theme .recommend-register a {
    background: linear-gradient(to bottom, #ff92b1, #f15d83);
}

.light-pink-theme #mask .login-success-btn {
    background: #fff2f8;
}

.light-pink-theme #betRecords .list .items {
    gap: 0.07rem;
}

.light-pink-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .light-pink-theme .game-bank-rule .home-banklist .bank-rule a {
    color: #3a9ce8;
}

.pc .light-pink-theme .game-list .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .light-pink-theme .game-list-box .game-menu .hot-menu {
    background-image: url("images/theme/light-pink/btnHot.png");
}

.pc .light-pink-theme .game-list-box .game-menu .recommond-menu {
    background-image: url("images/theme/light-pink/btnRecommond.png");
}

.pc .light-pink-theme .game-list-box .game-menu .live-menu {
    background-image: url("images/theme/light-pink/btnLivegame.png");
}

.pc .light-pink-theme .game-list-box .game-menu .elgame-menu {
    background-image: url("images/theme/light-pink/btnSlot.png");
}

.pc .light-pink-theme .game-list-box .game-menu .lottery-menu {
    background-image: url("images/theme/light-pink/btnTogel.png");
}

.pc .light-pink-theme .game-list-box .game-menu .sport-menu {
    background-image: url("images/theme/light-pink/btnSport.png");
}

.pc .light-pink-theme .game-list-box .game-menu .card-menu {
    background-image: url("images/theme/light-pink/btnKartu.png");
}

.pc .light-pink-theme .game-list-box .game-menu .fish-menu {
    background-image: url("images/theme/light-pink/btnFishing.png");
}

.pc .light-pink-theme .game-list-box .game-menu .game-menu-item i {
    color: #fff;
}

.pc .light-pink-theme .game-list-box .game-menu p {
    width: 6.8rem;
    height: 6.8rem;
    background-image: url("images/theme/light-pink/btnSelect.png");
    background-size: 100% 100%;
}

.pc .light-pink-theme .game-list-box .game-menu p {
    width: 10rem;
    height: 10rem;
}

.pc .light-pink-theme #deposit .container .bank-list .qris-item {
    margin-left: 295px;
}

.pc .light-pink-theme .user .password,
.pc .light-pink-theme .user .username {
    flex: 2;
}

.pc .light-pink-theme footer .nav-item .icon {
    background-position: center 7px !important;
}

.pc .light-pink-theme #footer {
    background: #fff;
}

.pc .light-pink-theme #footer .footer-inner .other .service a:after,
.pc .light-pink-theme #footer .footer-inner .worktogether {
    border-color: #f7c4c0;
}

.pc .light-pink-theme #footer,
.pc .light-pink-theme #footer .footer-inner .other .service,
.pc .light-pink-theme #footer .footer-inner .other .service a,
.pc .light-pink-theme #footer .footer-inner .other .about a {
    color: #f7c4c0;
}

.pc .light-pink-theme #footer .footer-inner .worktogether img,
.pc .light-pink-theme #footer .footer-inner .other .authentication .item img {
    filter: invert(63%) sepia(11%) saturate(589%) hue-rotate(316deg) brightness(120%) contrast(113%);
}


/* 样式调整 */

.game-list .live {
    max-height: 23rem;
}

.game-list .pioneer-live {
    max-height: none;
}

.game-list .lottery p>img {
    width: 100%;
}

.game-list .lottery h3 {
    background: linear-gradient(165deg, #cd5c5c 100%, transparent);
}

.game-list .game-items .game-item .game-item-history i {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* USDT */

#withdrawal .container .usdt-withdrawal-title h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    background: #fc1855;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    font-size: 1.2rem;
}

#withdrawal .container .usdt-withdrawal-title-txt {
    flex: 1;
    margin-left: 1rem;
    font-size: 2rem;
    font-weight: normal;
}

#withdrawal .tabs {
    font-size: 2rem;
    margin: 0 1rem;
    height: auto;
    padding: 0;
}

#withdrawal .tabs .tab-list {
    display: flex;
    justify-content: left;
    align-items: center;
    position: relative;
}

#withdrawal .tabs .tabs-item {
    box-sizing: border-box;
    min-width: 7rem;
    cursor: pointer;
    color: #999;
    text-align: center;
}

#withdrawal .tabs .active {
    font-weight: bold;
    color: white;
}

#withdrawal .tabs .tabs-line {
    box-sizing: border-box;
    min-width: 7rem;
    height: 0.3rem;
    background: #fc1855;
    position: absolute;
    bottom: -12px;
    left: 0;
}

.mobile #withdrawal .container .usdt-withdrawal-title label {
    min-width: 4rem;
    max-width: 8rem;
}

.mobile #withdrawal .container .usdt-withdrawal-content label {
    min-width: 9rem;
    max-width: 9rem;
}

.theme-style #withdrawal .pilihJaringan {
    display: flex;
}

.theme-style #withdrawal .pilihJaringan button {
    background-color: rgb(43, 47, 48);
    cursor: pointer;
    border-radius: 0.5rem;
    color: white;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
    box-sizing: border-box;
    border: none;
}

.theme-style #withdrawal .pilihJaringan button .icon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .375rem;
    background-color: red;
}

.theme-style #withdrawal .pilihJaringan button .txt {
    margin: 0 0.5rem;
}

.theme-style #withdrawal .pilihJaringan button .arrow_down {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .375rem;
    padding: .25rem;
    background-color: rgb(58, 65, 66);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}

.theme-style #withdrawal .pilihJaringan button .arrow_down .arrow_down_icon {
    width: 1rem;
    height: 1rem;
    background-image: url("images/icon_arrow_down.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

#withdrawal .container ul .usdt-withdrawable-amount i {
    color: #ffcb46;
}

#withdrawal .container .submit {
    cursor: pointer;
}

#withdrawal .container .usdt-withdraw,
#withdrawal .container .usdt-binding {
    flex: 1;
    cursor: pointer;
    background: #fc1855;
    height: 4rem;
    margin: 1.5rem;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    color: #fff;
    box-shadow: 0 0 1rem rgb(0 0 0 / 30%);
}

#withdrawal .container .usdt-email {
    cursor: pointer;
    background: #fc1855;
    border-radius: 1rem;
    padding: 1rem;
    margin-left: 0.5rem;
    font-size: 1rem;
    color: #fff;
    box-shadow: 0 0 1rem rgb(0 0 0 / 30%);
}

/* USDT */


/* 样式调整 */

.game-list .lottery p>img {
    width: 100%;
}

.game-list .lottery h3 {
    background: linear-gradient(165deg, #cd5c5c 100%, transparent);
}

.register-step ul li .captcha-image {
    right: 5rem;
    padding-right: 3rem;
    background-position: left center;
}

.register-step .register-verify {
    display: none;
    flex-basis: 100%;
    color: red;
    font-size: 1rem;
}

.register-step ul li .captcha-image::after {
    content: '';
    display: block;
    position: absolute;
    right: .5rem;
    top: 50%;
    margin-top: -.8rem;
    width: 1.6rem;
    height: 1.6rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC/SURBVDhPndPBEcIwDATAlEIplEIR/PnSBaVQCA8K4QFaQMaZOInJzdwksU4nS3aGFeyC+8/rCIdga/0NSZfgs+I9eA2eguCbZgKCTPCOqhEzyFjTgJCAsAU7OwdpHsGRgeBSsn7Fa96CBdkzoxas22Hy+F0rmB1KL1TPCf+N7H+zAWhhboBdkMykF06Fvgwyj6m3DcmTgk7B4ppJ3sjJv2A7GfSsBWKMFWgm1yAkapHBYnJCRUK3jiGWgf0wDC8ooUBPcM/uAAAAAABJRU5ErkJggg==") no-repeat left center;
    background-size: 100%;
}

.register-step ul li.existFales,
.register-step ul li.existTrue {
    overflow: visible;
}

.register-step ul li.existFales::before,
.register-step ul li.existTrue::before {
    content: '';
    display: block;
    position: absolute;
    right: -25px;
    top: 50%;
    margin-top: -.8rem;
    width: 1.6rem;
    height: 1.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}

.register-step ul li.existFales::before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVFhH7ZXRDQIhDIYZxVEcxQQSx3AUH83hEI7iKCctXCRQCijliS/5YwzJ9aelrVpM4anPyuo3atN39biewskEIJg1e6JbOJ0A3jwzsIdTYeCmVHCQOFh3IjDKZUUUuu5fgTlRNvMiA3sJP0BrLknASCv1knAtB8ZEqaVefPQOST24PD4Ev62uh6U+m9nuf80Em/qeliuOzYqJzHSkrpbjhkepHGzq3c7vAlPJ3AaCxSZEFg13Iy//mtm6O/017VpMDGk5Dqgf/fGKfk09Bf8eaA1fNH0mBBZNvTOCRqY+pcVE3J4i8CaEd/wBTsrERNeiGQFOv2Cie9QuSij1AR/MLkwk8haEAAAAAElFTkSuQmCC");
}

.register-step ul li.existTrue::before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE0SURBVFhHtZfbEYIwEEUphVJsIvhrJ5ZCKZZiB1CC7oa9yGAg2Qd35s7wWHMOUT/oONMwPOdh+Ewpvfk4XwzMfL/3tO6Y16fyudzK8JHh20ZKMOxv/a1EPtkN5KEAiRIcXdcngVdpgOuROIPnpvRYBumgOCC1SFThVBldwpDSEKqRaIHTzE3Gf4mQMMMRj4QbjlgkwuCIRiIcjrRIXAZHahLVeuCIWSICjqglIuFIs8QVcA4tXP3BkeQo47FpgaO8U/KxmGjgaJiEBY66JVq/89J11CzR9OTya2dI8b5ULaGBI2ESFjjilvDAEbNEBBxRS0TCEZUEnZz+lbRwpCaxrnv0YpJrhCNnEusuHL6YOOHIoQTWp4N+uwv5OAiO7CX4oeXWEpbgN6R1Wy4IGNEP50zXfQEg/rhaY1WWzAAAAABJRU5ErkJggg==");
}

#myFeedback .tabs {
    position: fixed;
    bottom: 0;
    top: auto;
}

.ls-list {
    /* width: 100%; */
    display: none;
    border-bottom: 2px solid #fff;
    list-style: none;
}

.ls-list:first-child {
    display: flex;
}

.ls-list li {
    flex: 1;
    display: inline-block;
    text-align: center;
    line-height: 1.8rem;
    list-style: none;
    padding: .5rem;
    word-break: break-all;
}

.ls-list li:first-child {
    min-width: 5.6rem;
}

.ls-list-item {
    display: flex !important;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 2px solid #fff;
    list-style: none;
    padding: .5rem;
}

.ls-list-item li {
    /* margin: auto !important; */
    flex: 1;
    text-align: center;
    line-height: 1.8rem;
    border-bottom: none;
    list-style: none;
    word-break: break-all;
}

.ls-list-item li:first-child {
    min-width: 5.6rem;
}

.popUp-navigator-bar {
    background-color: #444 !important;
    color: #fff !important;
}

.popUp-container {
    background-color: #333 !important;
    color: #fff !important;
}

.popUp .popUp-container .popUp-navigator-bar {
    padding-left: 0
}

.popUp .popUp-container .popUp-content {
    margin-right: 1.5rem;
    padding-right: .5rem
}

.history-detail-table thead th {
    background: none !important;
    border: none !important;
    /* background-color: #333 !important; */
}

.data-change {
    white-space: nowrap !important;
    word-wrap: normal !important;
}

.apk-download {
    position: relative;
    padding: 1rem 12rem 1rem 7.5rem;
    min-height: 6.5rem;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.2);
}

.apk-download .apk-icon {
    position: absolute;
    left: 2rem;
    top: 50%;
    width: 4.6rem;
    height: 4.6rem;
    margin-top: -2.3rem;
}

.apk-download .apk-icon img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .3rem;
}

.apk-download .apk-title {
    font-size: 1.4rem;
    font-weight: bold;
}

.apk-download .apk-content {
    font-size: 1.2rem;
}

.apk-download .download-btn {
    position: absolute;
    right: 1rem;
    top: 50%;
    height: 3.6rem;
    line-height: 3.6rem;
    margin-top: -1.8rem;
    color: #fff;
    padding: 0 1rem;
    border-radius: 1.8rem;
    font-size: 1.4rem;
    border: #fff .1rem solid;
}

.apk-download .close-btn {
    position: absolute;
    left: .5rem;
    top: 50%;
    width: 1rem;
    height: 1rem;
    margin-top: -.5rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFFSURBVFhHxZdLjoMwEAVzP3a5/y73QENNYRT0DMF85JISWe3X1R2y4jWO4zB9PvNneD1MzJsP37zn7O3gdsTCp7YA3L4ETtUr/hfgkdS4bQlcKgP/8umwFbi8BA5VwdpNwXpwegl6VQR1JxfeB81L0GNrsO8iYC44vARZW4JjDoLmg58CMkaDtqdIg33Bpog7I0Hb8AKN9gchpOZVcG54AYGeYBFzthRcG15ApC+g/uzwAkK9h7h3eAGx/l2eGV5ggHOqPDscGOKsKl1/faHr/1+4dwmEegPqm3dz+zUQ6QuWAZwtBdeWQKAnCDE1r4JzS9Bof7Ap5M5I0LYEDfYFP0VkjAbHliBoPjj8K8jaEuw7CJgL2h7hBD22BnUXF94HzcML9KoI1k4K1oPTwws4VAW6p0PfF5Ppq/urWfeX046v5+PwBzml6TiBj1QmAAAAAElFTkSuQmCC") no-repeat top left;
    background-size: 100% 100%;
}

.pc .apk-download {
    display: none;
}

.game-list .game-items .game-item .play-now {
    display: none;
}

.pc .game-list .game-items .game-item .play-now {
    display: none;
}


/* .pc .game-list .game-items .game-item.hover-active .play-now {
    display: block;
} */

.pc .game-list .game-items .game-item.hover-active {
    background: none !important;
    box-shadow: none;
    overflow: visible;
    height: auto;
}

.game-item.lottery.closed.hover-active::before {
    content: "" !important;
    z-index: 0 !important;
}


/* .game-list .game-items .game-item.hover-active::before {
    background: #0008 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAPoSURBVHhe7ZuNdaswDIUzSkfpKN3kjdJROko2ad694to1DklsyaTQ8J3jAwhLluRf+nM6ODg4OHgCl8vlTeX9+/v7n8pnKpB/qLxLZf8wYAX6hfsuoHOmLm73lRA4nII+WyQDSMlQE9tFPbYI3n3pvQ1zlDfq8KpCmU0D1OOUmAHZ2RrZIvCP83rW43xOAataF9BjUiwZsu2yszp0EM7NYOB6/XdBnJzrs8XtJQIniJXDM6Mh+ne2r3swUItacBTo1d8H8XLY58XupYInDFixH8FL/BogZh5QDAS/3QPJWjBoxU9cqz307LSnx/0Ap8ve/5S4C6jmnUPJ3E8iqt6383svTJz0DdpE2dfHTcThOgEJJgIXV1IfAbv8joglWg4aErmoEjD7cAo7eYPUBq8S9WMeAhhxzf0E9WXKEomL/cxgkkzgmdvssNFQtgn61xwo5cUPhD5F6wQkFpIwbDTAXLnw9tuEUj74SOQGthYTQCCaHa/JiCTATP5gYywStyNdKoeGP7mXAALx0pRgUkLbJQOfrHV2IuqXX3zhn8Q8SkACr+uPrdCUoK5MkfZkovKw+U9aE0BQ5dZo6F4goVN2pDsB4VNbTwISqBreLqHmWwhZWXokvDXBXncCCKovjYbmNQnVy4WwKwEuh28RtVcnATSNStQrE9C+mO8gAc2jUvW7E7ClKZC3MsJnvX4IqvumAOpvYhGcNH7oCgJAxbedo/KvnAMSDFTVDTx7t0Hfdo7Kvu3jBq0JwOvZQYhE2od6mYD2BLLypGMOhH8A2pIABqoqhhIRmn5lu6BvBDFwatERidyUjkiUgWhpoQt/fxCZ89mDUtkjw3pCIgOP5RAd0usJ2PHN/wSUhk2DOgG4hLa3Fso2gW8rT07iGpoGlTPh7a0FmTYk6ge6eRgxCIm7qRKQYWJxCR+0apjQqYVgcqGft6WIs6VDiZBjD1AThkR+YCM8CqBaniuGLXRL0MepJSN8iEujIK8FuLicpx2vbiu0j2LQV4njwF7dg8PnbRT6ZA7+MDbZCLxcWDb3G2L4lLdV3ks8Dtid7d24H3JaG8HqwSdgP+8KBPerreStVMGvPzLRzmyuKSFPXxPYZhm8WHWRzaCheiQ8NQlsyxoWav85wSfQ4FUSULhQrpYI2lYbGTyvN+cfgfaXHBr+626YvWqHQLaNhRi+2B8jTG5NKBE8lblOY9Czg9ONwNlW/JQ3EjhkvSTnZlCGYslQ4cHKpgqvKpQxkfafJLi/QnZ+fee5C/xMiahXaDe7CHwJ+M6eZa92JyMFjdvNHbtdMBAUG+YsDA4l/dMU7xks3z93Ozs4ODh4XU6n/53yqdQwfbnjAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: center 4.2rem;
    background-size: 2.4rem 2.4rem;
} */

.pc .game-list .game-items .game-item.hover-active .game-item-inner {
    transition: transform 0.6s;
    transform-style: preserve-3d;
    position: relative;
    height: 100%;
}

.pc .game-list .game-items .game-item.hover-active:hover {
    box-shadow: none;
}


/* .pc .game-list .game-items .game-item.hover-active:hover .game-item-inner {
    transform: rotateY(180deg);
} */

.pc .game-list .game-items .game-item.hover-active .game-item-front,
.pc .game-list .game-items .game-item.hover-active .game-item-inner .play-now {
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.pc .game-list .game-items .game-item.hover-active .game-item-inner .play-now {
    position: relative;
    background-color: rgba(255, 255, 255, .1);
    color: white;
    transform: rotateY(180deg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pc .game-list .game-items .game-item.hover-active .game-item-inner .play-now span {
    display: block;
    padding-top: 100px;
    font-size: 16px;
    font-weight: bold;
}

.pc .game-list .game-items .game-item.hover-active .game-item-inner .play-now .play-now-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAO/SURBVHhe7ZyLbRs5AERdiktRKe4kpbgUl+JOrLyhSIBOJKx2RXL5mQcceEAuXHJehkv5hLzt5Xq9Xn5+fr4Yr4zf/PPJv77HXzYtieH/RxTzJ/5npgXkfrnF/xiJYbjE32JqEsN+CrelATHrp/ExVhHy3TyuHoEUv/RLQ6CHhQi3pTBk+pKQhMQwuC2vQohFhAi3pQDkWExIIrbFV+QjKLiQYmHcloOQXRUhCYvZCZlVFZJAiq/Iz0BITYQIt+UJyKmZkITEMLgt9yCY5kKE2/IAsjlFSCK2xVfkhMIIyZyI25JBHqcLSVgMkEM3QhJIWfeKzMa7EyKWbQt771JIQmIY1mkLm+1aiFiqLey3eyGJ2Ja5r8jaYNjtIEzfFvY4lJDEtG3RpsIOB0VtYZjnpc9mhhYipjrG2M/wQhJI0feSx24LG5hGiBi+LexhKiEJiWEYry0sekohYsi2sO5phSRiW8a4ImuhYdULMERbWOcyQkT3xxhrXEpIAil9XpFZ1JJCRJdtYV3LCklIDEMfbWEhywsR3bSFtVhIRmzLeVdkPTysxPzitLbwbAt5wCnHGM+1kA2Q0u6KzIMs5AmatYVnWcgOJIahXluY3EJ2UrUtzG8hB6gmhbkt5CDx+Cr7mUUThtnNUSykJ2jJV4yyDMxpIS+AkM8YZRmY00Je4yNGWQYmtJDXKPuZhAkt5DjlfyqsSW9zm52UPaoSTGwhO6jy2SNHk4cnmU2qfDL/F55jIRvoswaDf/x+NjqemrQih+dayB3UihhRW3i2hWSoFQz+kkMPND+e7sE6lhdyeitytJCwqkXpohU5rGlJIXppM/Tx9dEcFrWUEB1P3bUihzUuIwQRZf/fRQ1Y5/RC1AqGPl7aW2ihYdWT0vXxdA/WPKWQoVqRo0WHHUzEcK3IYf3TCEGE/2qNHtDxNHQrctjP0EIQ0f9Vdg/saUghagXDeC/tLbSpsMOBmOZ4ugf7G0bItK3I0QbDbjtn6lbksNeuhSBi/KvsHthsl0Li8VTny2g9w6a7E7LM8XQP9t+NkCVe2lsogJDGySzdihyyOFVIbMU6L+0tCOMUIRLhVtyBbJoLQcQ53wocAfJpJiQeT2u/tLdQQCGtyvh4ehKyqirErdiJwgrJVcCtOAC5FRcSW+Gr7BEIrpgQiXArXoQciwhBhK+yJSDLl4TE48kv7VIozJDsAXw8VYBc32/xPo9bURmd/7eot3ErGkDOH7e4HxOl+SrbCv3Jv0X/Gx1PbsVJkP9F4asNcbSIYry9/QWjHi4QMzd6TQAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px 50px;
    padding: 0;
}

.pc .game-list .game-items .game-item.hover-active::before {
    display: none;
}


/* .pc .game-list .game-items .game-item.hover-active .game-item-front::before {
    content: attr(data-before-content);
    display: flex;
    width: 100%;
    height: 100%;
    background: #0008 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAPoSURBVHhe7ZuNdaswDIUzSkfpKN3kjdJROko2ad694to1DklsyaTQ8J3jAwhLluRf+nM6ODg4OHgCl8vlTeX9+/v7n8pnKpB/qLxLZf8wYAX6hfsuoHOmLm73lRA4nII+WyQDSMlQE9tFPbYI3n3pvQ1zlDfq8KpCmU0D1OOUmAHZ2RrZIvCP83rW43xOAataF9BjUiwZsu2yszp0EM7NYOB6/XdBnJzrs8XtJQIniJXDM6Mh+ne2r3swUItacBTo1d8H8XLY58XupYInDFixH8FL/BogZh5QDAS/3QPJWjBoxU9cqz307LSnx/0Ap8ve/5S4C6jmnUPJ3E8iqt6383svTJz0DdpE2dfHTcThOgEJJgIXV1IfAbv8joglWg4aErmoEjD7cAo7eYPUBq8S9WMeAhhxzf0E9WXKEomL/cxgkkzgmdvssNFQtgn61xwo5cUPhD5F6wQkFpIwbDTAXLnw9tuEUj74SOQGthYTQCCaHa/JiCTATP5gYywStyNdKoeGP7mXAALx0pRgUkLbJQOfrHV2IuqXX3zhn8Q8SkACr+uPrdCUoK5MkfZkovKw+U9aE0BQ5dZo6F4goVN2pDsB4VNbTwISqBreLqHmWwhZWXokvDXBXncCCKovjYbmNQnVy4WwKwEuh28RtVcnATSNStQrE9C+mO8gAc2jUvW7E7ClKZC3MsJnvX4IqvumAOpvYhGcNH7oCgJAxbedo/KvnAMSDFTVDTx7t0Hfdo7Kvu3jBq0JwOvZQYhE2od6mYD2BLLypGMOhH8A2pIABqoqhhIRmn5lu6BvBDFwatERidyUjkiUgWhpoQt/fxCZ89mDUtkjw3pCIgOP5RAd0usJ2PHN/wSUhk2DOgG4hLa3Fso2gW8rT07iGpoGlTPh7a0FmTYk6ge6eRgxCIm7qRKQYWJxCR+0apjQqYVgcqGft6WIs6VDiZBjD1AThkR+YCM8CqBaniuGLXRL0MepJSN8iEujIK8FuLicpx2vbiu0j2LQV4njwF7dg8PnbRT6ZA7+MDbZCLxcWDb3G2L4lLdV3ks8Dtid7d24H3JaG8HqwSdgP+8KBPerreStVMGvPzLRzmyuKSFPXxPYZhm8WHWRzaCheiQ8NQlsyxoWav85wSfQ4FUSULhQrpYI2lYbGTyvN+cfgfaXHBr+626YvWqHQLaNhRi+2B8jTG5NKBE8lblOY9Czg9ONwNlW/JQ3EjhkvSTnZlCGYslQ4cHKpgqvKpQxkfafJLi/QnZ+fee5C/xMiahXaDe7CHwJ+M6eZa92JyMFjdvNHbtdMBAUG+YsDA4l/dMU7xks3z93Ozs4ODh4XU6n/53yqdQwfbnjAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: center 6.4rem;
    background-size: 3.2rem 3.2rem;
    position: absolute;
    z-index: 2;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: capitalize;
} */

.pc .game-list .game-items .game-item.hover-active .game-item-front,
.pc .game-list .game-items .game-item.hover-active .game-item-inner .play-now {
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: .2rem .4rem .6rem 0 rgba(0, 0, 0, .8);
}

.history-detail-table thead th:nth-of-type(2),
.history-detail-table thead th:nth-of-type(3),
.history-detail-table thead th:nth-of-type(6),
.history-detail-table tbody td:nth-of-type(2),
.history-detail-table tbody td:nth-of-type(3),
.history-detail-table tbody td:nth-of-type(6) {
    display: none;
}

.pc .history-detail-table thead th:nth-of-type(2),
.pc .history-detail-table thead th:nth-of-type(3),
.pc .history-detail-table thead th:nth-of-type(6),
.pc .history-detail-table tbody td:nth-of-type(2),
.pc .history-detail-table tbody td:nth-of-type(3),
.pc .history-detail-table tbody td:nth-of-type(6) {
    display: table-cell;
}

.lottery-history-detail {
    left: .5rem;
    right: .5rem;
    min-height: 40rem;
    max-height: 100%;
}

.lottery-history-detail .popUp-container .popUp-content {
    margin: 2rem 0;
}

.history-detail-table thead th,
.history-detail-table tbody td {
    transform: scale(0.8);
    padding: 1rem 0;
}

.history-detail-table tbody td {
    vertical-align: middle;
}

.history-detail-table tbody td p {
    padding: 5px 0;
}

.pc .lottery-history-detail {
    left: 3%;
    right: 3%;
}

.pc .lottery-history-detail .popUp-container .popUp-content {
    margin: 2rem .5rem;
}

.pc .history-detail-table thead th,
.pc .history-detail-table tbody td {
    transform: scale(1);
    padding: 1rem .75rem;
}

.lottery-live-detail {
    left: .5rem;
    right: .5rem;
    min-height: 36rem;
    max-height: 100%;
}

.lottery-live-detail .popUp-container .popUp-content {
    padding-top: 1rem;
    margin: 0;
    background: #000;
    overflow: scroll;
}

.lottery-live-detail iframe {
    border: none;
    scrollbar-width: none;
    -webkit-scrollbar-width: none;
    height: calc(36vh - 1rem) !important;
}

.pc .lottery-live-detail {
    left: 3%;
    right: 3%;
    min-height: 900px;
    max-height: 100%;
    height: 900px;
}

.pc .lottery-live-detail .popUp-container {
    width: 100%;
    max-width: 1390px;
}

.pc .lottery-live-detail .popUp-container .popUp-content {
    padding: 0;
    margin: 0;
    display: flex;
}

.pc .lottery-live-detail iframe {
    height: 100% !important;
}

.game-list .hot {
    box-shadow: .2rem .4rem .6rem 0 rgba(0, 0, 0, .1);
}

#game .top-game-list {
    width: auto;
    padding: 1rem;
}

#game .top-game-list a {
    display: inline-block;
    padding: 1rem;
    margin: .5rem;
    color: #fff;
    background: rgba(0, 0, 0, .3);
    border-radius: .3rem;
}

#game .top-game-list a.actived {
    background: rgba(255, 255, 255, .3);
}

#game .top-game-list .item img {
    display: block;
    width: 5rem;
    height: 5rem;
    margin: 0 auto 1rem;
}

.game-activity-bg {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.game-activity-box {
    width: 100%;
    height: 100%;
    background-image: url("images/game-activity/activity-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game-activity-box .game-activity-home .activity-tag1 {
    position: absolute;
    right: 0;
    bottom: 16rem;
    width: 11.9rem;
    height: 9.5rem;
    background: url("images/game-activity/activity-tag1.png") no-repeat left top;
    background-size: 100% 100%;
}

.game-activity-box .game-activity-home .activity-tag2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background-size: contain;
}

.game-activity-box .game-activity-home .activity-button {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 3.8rem;
    width: 22.2rem;
    height: 6.3rem;
    margin-left: -10.4rem;
    background: url("images/game-activity/activity-btn.png") no-repeat left top;
    background-size: 100% 100%;
}

.game-activity-box .game-activity-home .activity-link-l {
    display: block;
    position: absolute;
    left: 0;
    bottom: 4.8rem;
    width: 6.5rem;
    height: 5.3rem;
    background-size: contain;
    font-size: 1.4rem;
}

.game-activity-box .game-activity-home .activity-link-l span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #373780;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(0deg, #FFF09B, #FFFEE4);
    border-radius: 0 1.3rem 1.3rem 0;
}

.game-activity-box .game-activity-home .activity-link-l i {
    display: none;
    font-style: normal;
    font-size: 1.1rem;
    position: absolute;
    background-color: red;
    color: #fff;
    text-align: center;
    transform: translate(0%, -80%);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    left: 5.6rem;
    top: .8rem;
}

.game-activity-box .game-activity-home .activity-link-r {
    display: block;
    position: absolute;
    left: 0;
    top: 2rem;
    width: 8.8rem;
    height: 3rem;
    background: #072750;
    border-radius: 0 .8rem .8rem 0;
    font-size: 1.2rem;
}

.game-activity-box .game-activity-home .activity-link-r span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-weight: normal;
    text-align: center;
}

.game-activity-box .game-activity-home .activity-close {
    display: block;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 2rem;
    width: 4.7rem;
    height: 3rem;
    border-radius: .8rem 0 0 .8rem;
    transition: all 0.6s;
    background: #072750 url(images/game-activity/icon-Close.png) no-repeat center / 1.3rem;
}

.game-activity-box .game-activity-home .music-icon {
    display: block;
    position: absolute;
    width: 3rem;
    height: 3rem;
    background: #072750;
    border-radius: .8rem;
    right: 5rem;
    top: 2rem;
    cursor: pointer;
    background: #072750 url(images/game-activity/icon-musicClose.png) no-repeat center / 1.5rem;
}

.game-activity-box .game-activity-home .music-icon.open {
    background: #072750 url(images/game-activity/icon-musicOpen.png) no-repeat center / 1.5rem;
}

.game-activity-box .game-activity-history {
    display: none;
    width: 100%;
    height: 100%;
    background: #53A8D5 url("images/game-activity/history-bg.png") no-repeat left top;
    background-size: contain;
}

.game-activity-box .game-activity-history .history-title {
    position: relative;
    display: block;
    height: 4.4rem;
    line-height: 4.4rem;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
}

.game-activity-box .game-activity-history .history-title .box-back {
    position: absolute;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADaSURBVFhH7ZfRDYMwDEQzCqNklG7SURiFUbpJ0rtypDVC+aqdqOqTLFBs6RlCIKQ/36bWmkspG+KB85uGY6AQ0WATSvkDn5EfKO0LrvQun4HjKvEDklU+Q5R8k++M/8PXkWeV+ADBMp0cY1zzIXKKDGHyl+0E5SrxA55xcgLR1ZxvSvsjZyNannetYVHaH8p25xvOPcL/NXtAmdyN0Cbg4/of97UjcPWaWFXmT6eJ8TsfNoFDzAqhSELDNE0gQh/OKZqYc5nyTqgkhqsmlIoDzs9fM9+d0g+Q0hPB49Q26NbiGwAAAABJRU5ErkJggg==") no-repeat;
    background-size: 100% 100%;
    left: 1rem;
    top: 50%;
    margin-top: -.8rem;
}

.game-activity-box .game-activity-history .history-list {
    position: absolute;
    width: 34.3rem !important;
    height: 73% !important;
    background: #fff;
    border-radius: 1.5rem;
    margin-left: -17.2rem !important;
    left: 50% !important;
    top: 22.5% !important;
    margin: 0 1.6rem;
}

.game-activity-box .game-activity-history .history-list ul {
    height: 100%;
    overflow: auto;
    padding: 0 1.6rem;
}

.game-activity-box .game-activity-history .history-list li {
    list-style: none;
    border-bottom: #B9B9B9 .1rem solid;
    color: #787878;
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 1.2rem 0;
    position: relative;
}

.game-activity-box .game-activity-history .history-list li .prize-title {
    font-size: 1.7rem;
    font-weight: bold;
    color: #2C2C3B;
}

.game-activity-box .game-activity-history .history-list li .prize-status {
    position: absolute;
    right: 0;
    margin-top: .6rem;
}

.game-activity-box .game-activity-history .history-list li .prize-status.status {
    background: #1481b8;
    border-radius: 1rem;
    height: 3rem;
    line-height: 3rem;
    width: 10rem;
    text-align: center;
    margin-top: 5px;
    color: #fff;
    cursor: pointer;
}

.game-activity-box .game-activity-history .history-list li .prize-amount {
    display: block;
    height: 3.6rem;
    line-height: 3.6rem;
    margin-left: 1rem;
}

.game-activity-box .game-activity-history .history-list li.noPrizesData {
    list-style: none;
    color: #787878;
    font-size: 1.4rem;
    border-bottom: none !important;
    line-height: 1.6;
    padding: 1.2rem 0;
    position: relative;
    text-align: center;
}

.game-activity-box .game-activity-history .history-list li.noPrizesData img {
    height: 15rem;
    display: block;
    margin: 1rem auto;
}

.game-activity-box .game-activity-rule {
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.game-activity-box .game-activity-rule .rule-notify {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    color: #666;
    max-height: 60rem;
    width: 100%;
    border-radius: 1.5rem 1.5rem 0 0;
    padding-bottom: 3.2rem;
    overflow: auto;
}

.pc .game-activity-box .game-activity-rule .rule-notify {
    max-height: 77%;
    padding-bottom: 2.2rem;
}

.game-activity-box .game-activity-rule .rule-notify-contain {
    overflow: scroll;
    height: 55rem;
    margin-bottom: 1rem
}

.pc .game-activity-box .game-activity-rule .rule-notify-contain {
    height: 44rem;
}

.game-activity-box .game-activity-rule .rule-notify .rule-content {
    margin: 0 2.8rem 1rem;
    font-weight: 400;
    font-size: 1.4rem;
    color: #666666;
    line-height: 2;
}

.game-activity-box .game-activity-rule .rule-notify .rule-content li {
    margin-left: 20px;
}

/* .game-activity-box .game-activity-rule .rule-notify h3 */
.game-activity-box .game-activity-rule .rule-notify .rule-notify-title {
    padding: 1.5rem 0 1.5rem 3rem;
    font-size: 2.8rem;
    box-sizing: border-box;
    font-weight: normal;
    color: #333;
}

.game-activity-box .game-activity-rule .rule-notify ul {
    padding: 0 2.8rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
    height: 49vh;
    overflow: scroll;
}

.game-activity-box .game-activity-rule .rule-notify ul li {
    list-style: none;
    margin-bottom: 1.4rem;
}

.game-activity-box .game-activity-rule .rule-btn {
    width: 32rem;
    height: 5.6rem;
    line-height: 5.6rem;
    margin: 0 auto;
    background: linear-gradient(0deg, #1481B8, #93DFFF);
    border-radius: 2.8rem;
    cursor: pointer;
}

.game-activity-box .game-activity-rule .rule-btn h1 {
    font-family: SF Pro Display;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}

.game-activity-box .game-activity-rule .rule-close {
    display: block;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 2.8rem;
    height: 3rem;
    background: url(images/game-activity/icon-popClose.png) no-repeat left top / contain;
    filter: invert(1);
    cursor: pointer;
}


/* 转盘弹窗 */

.game-activity-box .activity-prize-box {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

.game-activity-box .popUpTurnTable.popUp-in {
    width: 37.6rem;
    height: 39.8rem;
    background: rgba(255, 238, 181, 0.5);
    /* opacity: 0.5; */
    background: url(images/game-activity/star.png) no-repeat center / cover, url(images/game-activity/rays.png) no-repeat top / contain;
    position: relative;
    top: -6rem;
}

.game-activity-box .popUpTurnTable .popUpTurnTable-header {
    width: 100%;
    height: 30%;
    background: url(images/game-activity/butterfly.png) no-repeat top / 55%;
    z-index: 2;
    position: absolute;
    top: 3rem;
}

.game-activity-box .popUpTurnTable-navigator-bar {
    position: absolute;
    top: 4rem;
    left: 3rem;
    font-weight: bold;
    color: #333333;
    line-height: 9px;
    text-transform: uppercase;
}

.game-activity-box .popUpTurnTable-container {
    position: absolute;
    top: 11.8rem;
    left: 5.8rem;
    width: 26rem !important;
    height: 23.2rem !important;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 1rem !important;
    box-shadow: inset 0 0 1.4rem rgba(255, 255, 255, 1);
}

.game-activity-box .popUpTurnTable-content {
    width: 24rem;
    height: 21.2rem;
    background: linear-gradient(0deg, #FFFFFF, #FBE7CD);
    border-radius: .8rem;
    border: 1px solid #FFFFFF;
    margin: 1rem;
}

.game-activity-box .popUpTurnTable-content .messagehtml {
    position: absolute;
    font-family: SF Pro Display;
    font-weight: 400;
    font-size: 1.7rem;
    color: #707070;
    top: 7.4rem;
    margin: 0 2rem;
}

.game-activity-box .popUpTurnTable-btns {
    box-sizing: border-box;
    width: 18rem;
    background: linear-gradient(0deg, #93DFFF, #1481B8);
    border-radius: 2.2rem;
    height: 4.4rem;
    cursor: pointer;
    position: absolute;
    top: 15rem;
    left: 4rem;
    font-family: SF Pro Display;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 4.4rem;
    text-align: center;
    text-transform: uppercase;
}

.game-activity-box .popUpTurnTable .popUp-close {
    width: 2.8rem;
    height: 2.8rem;
    position: absolute;
    left: 17.4rem;
    bottom: -2rem;
    filter: invert(.4);
}


/* 页面基础CSS */

.game-activity-box .turnTable {
    position: relative;
    top: -3vh;
    animation: float 10s infinite;
}

.game-activity-box .wheel-outer {
    position: relative;
    width: 35.1rem;
    height: 35.1rem;
    margin: 0 auto;
}

.game-activity-box .wheel-outer img.wheel-outer-img {
    position: absolute;
    width: 35.1rem;
    height: 35.1rem;
    margin: 0 auto;
    z-index: 1;
}

.game-activity-box .wheel-outer .wheel-loading {
    z-index: 11000;
    background: rgba(255, 255, 255, 0) url(images/loading.svg) no-repeat 50% 38% / 5rem;
    visibility: visible;
    width: 35.1rem;
    height: 35.1rem;
    position: absolute;
}

.game-activity-box .wheel-outer .wheel-loading h1 {
    position: absolute;
    top: 50%;
    left: 20%;
    color: #707070;
}

.game-activity-box .start1,
.game-activity-box .start2,
.game-activity-box .start3,
.game-activity-box .start4,
.game-activity-box .start5 {
    background: url(images/game-activity/starb.png) no-repeat center / cover;
}

.game-activity-box .start1 {
    width: 4.4rem;
    height: 4.2rem;
    position: absolute;
    left: 5rem;
    bottom: 11rem;
    animation: highLightBig 2s infinite;
}

.game-activity-box .start2 {
    width: 6rem;
    height: 6rem;
    position: absolute;
    right: 0;
    top: 16rem;
    animation: highLightBig 2s infinite;
}

.game-activity-box .start3 {
    width: 4.5rem;
    height: 4.5rem;
    position: absolute;
    left: 1rem;
    top: 13rem;
    animation: highLightBig 1.6s infinite;
}

.game-activity-box .start4 {
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    left: 10.2rem;
    top: 9.8rem;
    animation: highLightSmall 1.5s infinite;
}

.game-activity-box .start5 {
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: 1.2rem;
    top: 24.2rem;
    animation: highLightSmall 1.5s infinite;
}

.game-activity-box .lightAll1 {
    width: 35.1rem;
    height: 35.1rem;
    margin: 0 auto;
    position: absolute;
    background: url(images/game-activity/light1.png) no-repeat center / cover;
    animation: lightFlash 1s infinite;
    z-index: 2;
}

.game-activity-box .lightAll2 {
    width: 35.1rem;
    height: 35.1rem;
    margin: 0 auto;
    position: absolute;
    background: url(images/game-activity/light2.png) no-repeat center / cover;
    animation: lightFlash1 1s infinite;
    z-index: 2;
}

.game-activity-box .wheel-outer .wheel {
    width: 27rem;
    height: 27rem;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    background: transparent;
    transition: transform 5s;
    top: 4.05rem;
    -webkit-tap-highlight-color: transparent;
}

.game-activity-box .wheel-outer .wheel-pointer {
    background: url(images/game-activity/pointer.png) no-repeat center / cover;
    height: 8rem;
    width: 8rem;
    position: absolute;
    left: 13.55rem;
    top: 13.55rem;
    z-index: 3;
    cursor: pointer;
}

.game-activity-box .wheel-outer .slice {
    position: absolute;
    width: 27rem;
    height: 27rem;
    left: 50%;
    bottom: 50%;
    /* overflow: hidden; */
    transform-origin: left bottom;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.2); */
}

.game-activity-box .turnTable-button {
    position: absolute;
    width: 100%;
    height: 10rem;
    bottom: 0;
    display: flex;
}

.game-activity-box .wheel-outer .text,
.game-activity-box .wheel-outer .text2 {
    position: absolute;
    left: 0%;
    height: 4.6rem;
    line-height: 2.3rem;
    font-weight: 700;
    font-family: microsoft yahei;
    color: #FFFAE2;
    text-shadow: 0px 0px 4px rgba(8, 0, 42, 0.5);
    width: 8.2rem;
    display: grid;
    justify-content: center;
    align-items: center;
}

.game-activity-box .wheel-outer .text {
    z-index: 2;
}

.game-activity-box .wheel-outer .text2 {
    -webkit-text-stroke: 4px #040007;
}

.game-activity-box .wheel-outer .text.num5,
.game-activity-box .wheel-outer .text2.num5 {
    position: absolute;
    top: 70%;
    left: 0;
    height: 4.6rem;
    font-weight: 700;
    font-family: microsoft yahei;
    font-size: 1.8rem;
    line-height: 2.3rem;
    width: 8.2rem;
    transform: skewY(18deg) rotate(130deg);
}

.game-activity-box .wheel-outer .text.num6,
.game-activity-box .wheel-outer .text2.num6 {
    top: 73%;
    font-size: 1.6rem;
    transform: skewY(30deg) rotate(120deg);
}

.game-activity-box .wheel-outer .text.num7,
.game-activity-box .wheel-outer .text2.num7 {
    top: 73%;
    left: -0.4rem !important;
    font-size: 1.6rem;
    transform: skewY(40deg) rotate(108deg);
}

.game-activity-box .wheel-outer .text.num8,
.game-activity-box .wheel-outer .text2.num8 {
    top: 72%;
    left: -1rem !important;
    font-size: 1.4rem;
    transform: skewY(44deg) rotate(109deg);
}

.game-activity-box .wheel-outer .text.num9,
.game-activity-box .wheel-outer .text2.num9 {
    top: 73%;
    left: -1rem !important;
    font-size: 1.4rem;
    transform: skewY(50deg) rotate(106deg);
}

.game-activity-box .wheel-outer .text.num10,
.game-activity-box .wheel-outer .text2.num10 {
    top: 73%;
    left: -1.5rem;
    font-size: 1.3rem;
    transform: skewY(54deg) rotate(107deg);
}

.game-activity-box .wheel-outer .text.num11,
.game-activity-box .wheel-outer .text2.num11 {
    top: 73%;
    left: -1.8rem !important;
    font-size: 1.3rem;
    transform: skewY(58deg) rotate(107deg);
}

.game-activity-box .wheel-outer .text.num12,
.game-activity-box .wheel-outer .text2.num12 {
    top: 73%;
    left: -1.8rem !important;
    font-size: 1.3rem;
    transform: skewY(60deg) rotate(110deg);
}

.game-activity-box .wheel-outer .text.num13,
.game-activity-box .wheel-outer .text2.num13 {
    top: 74%;
    left: -2.1rem !important;
    font-size: 1.2rem;
    grid: .1rem;
    transform: skewY(62deg) rotate(110deg);
    height: 4rem;
    line-height: 2rem
}

.game-activity-box .wheel-outer .text.num14,
.game-activity-box .wheel-outer .text2.num14 {
    top: 78%;
    left: -1.8rem !important;
    font-size: 1.2rem;
    transform: skewY(64deg) rotate(110deg);
    height: 3.6rem;
    line-height: 1.8rem
}

.game-activity-box .wheel-outer .text.num15,
.game-activity-box .wheel-outer .text2.num15 {
    top: 77%;
    left: -2.1rem !important;
    font-size: 1.1rem;
    transform: skewY(66deg) rotate(107deg);
    height: 3.4rem;
    line-height: 1.7rem;
}

.game-activity-box .wheel-outer .text.num16,
.game-activity-box .wheel-outer .text2.num16 {
    top: 78%;
    left: -2.3rem !important;
    font-size: 1.1rem;
    transform: skewY(67deg) rotate(104deg);
    height: 3.2rem;
    line-height: 1.6rem;
}

.game-activity-box .wheel-outer .text.num17,
.game-activity-box .wheel-outer .text2.num17 {
    top: 78%;
    left: -2.4rem !important;
    font-size: 1.1rem;
    transform: skewY(69deg) rotate(105deg);
    height: 3rem;
    line-height: 1.5rem;
}

.game-activity-box .wheel-outer .text.num18,
.game-activity-box .wheel-outer .text2.num18 {
    top: 78%;
    left: -2.6rem !important;
    font-size: 1rem;
    transform: skewY(70deg) rotate(107deg);
    height: 2.8rem;
    line-height: 1.4rem;
}

.game-activity-box .wheel-outer .text.num19,
.game-activity-box .wheel-outer .text2.num19 {
    top: 78%;
    left: -2.6rem !important;
    font-size: 1rem;
    transform: skewY(71deg) rotate(106deg);
    height: 2.6rem;
    line-height: 1.3rem;
}

.game-activity-box .wheel-outer .text.num20,
.game-activity-box .wheel-outer .text2.num20 {
    top: 78%;
    left: -2.6rem !important;
    font-size: 1rem;
    transform: skewY(72deg) rotate(107deg);
    height: 2.6rem;
    line-height: 1.3rem;
}

.game-activity-box .wheel-outer .text.num21,
.game-activity-box .wheel-outer .text2.num21 {
    top: 78%;
    left: -2.6rem !important;
    font-size: 1rem;
    transform: skewY(73deg) rotate(101deg);
    height: 2.6rem;
    line-height: 1.3rem;
}

.game-activity-box .wheel-outer .text.num22,
.game-activity-box .wheel-outer .text2.num22 {
    top: 78%;
    left: -2.6rem !important;
    font-size: 1rem;
    transform: skewY(73deg) rotate(101deg);
    height: 2.6rem;
    line-height: 1.3rem;
}

.game-activity-tag {
    position: fixed;
    right: 1rem;
    bottom: 16rem;
    width: 8rem;
    height: 6.6rem;
    background: url(images/game-activity/activity-tag1.png) no-repeat left top;
    background-size: 100% 100%;
    z-index: 1;
    cursor: pointer;
}

.game-activity-bg .left-cont,
.game-activity-bg .right-cont {
    background: RGBA(7, 40, 82, 1);
    display: block;
    position: absolute;
    bottom: 13rem;
    font-size: 1.2rem;
    z-index: 9999;
}

.game-activity-bg .left-cont {
    left: 0;
    min-width: 14rem;
    height: 3.4rem;
    padding: 1rem;
    width: fit-content;
    border-radius: 0 .8rem .8rem 0;
}

.game-activity-bg .right-cont {
    right: 0;
    min-width: 14rem;
    width: fit-content;
    height: 4.4rem;
    border-radius: .8rem 0 0 .8rem;
    padding: 1rem 1rem 0 1rem;
    overflow: hidden;
}

.game-activity-bg .right-cont .swiper-item {
    height: 4.4rem;
    display: flex;
    flex-direction: column;
    align-items: left;
}

.game-activity-bg .left-cont #amount {
    color: RGBA(255, 240, 155, 1);
    font-weight: 800;
    margin-top: .4rem;
}

.game-activity-bg .right-cont .win .coin {
    margin-left: .5rem;
}

.game-activity-bg .right-cont .win,
.game-activity-bg .right-cont .win .coin {
    display: flex;
}

.game-activity-bg .right-cont .win {
    font-weight: 800;
    margin-top: .4rem;
}

.game-activity-box .text.num6.none_1,
.game-activity-box .text.num7.none_1,
.game-activity-box .text.num8.none_1,
.game-activity-box .text.num9.none_1,
.game-activity-box .text.num10.none_1,
.game-activity-box .text.num11.none_1,
.game-activity-box .text.num12.none_1,
.game-activity-box .text.num13.none_1,
.game-activity-box .text.num14.none_1,
.game-activity-box .text.num15.none_1,
.game-activity-box .text.num16.none_1,
.game-activity-box .text.num17.none_1,
.game-activity-box .text.num18.none_1,
.game-activity-box .text.num19.none_1,
.game-activity-box .text.num20.none_1,
.game-activity-box .text.num21.none_1 {
    display: none;
}

.game-activity-box .text.num6.none_2,
.game-activity-box .text.num7.none_2,
.game-activity-box .text.num8.none_2,
.game-activity-box .text.num9.none_2 {
    height: 10rem;
    line-height: 10rem;
    width: 15rem;
    top: 54% !important;
    left: -6.5rem !important;
}

.game-activity-box .text.num10.none_2 {
    height: 10rem;
    line-height: 10rem;
    width: 15rem;
    top: 48% !important;
    left: -7.5rem !important;
}

.game-activity-box .text.num11.none_2,
.game-activity-box .text.num12.none_2 {
    height: 10rem;
    line-height: 10rem;
    width: 15rem;
    top: 48% !important;
    left: -7.3rem !important;
}

.game-activity-box .text.num13.none_2,
.game-activity-box .text.num14.none_2,
.game-activity-box .text.num15.none_2,
.game-activity-box .text.num16.none_2,
.game-activity-box .text.num17.none_2,
.game-activity-box .text.num18.none_2,
.game-activity-box .text.num19.none_2,
.game-activity-box .text.num20.none_2,
.game-activity-box .text.num21.none_2 {
    height: 10rem;
    line-height: 10rem;
    width: 15rem;
    top: 53% !important;
    left: -7rem !important;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 50%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes bounceInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -5px, 0);
    }

    75% {
        transform: translate3d(0, 5px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.game-activity-bg .right-cont .cont.active {
    transform: translateY(0) translateZ(0);
    display: block;
}

.game-activity-bg .right-cont .win .amount.amount-str {
    margin-right: 0.4rem;
    color: rgb(83, 158, 50);
}

.game-activity-bg .right-cont .win .type {
    color: rgb(255, 90, 196);
    margin-left: .4rem;
}

#game .list .item.room-closed,
.game-list .game-items .game-item.room-closed {
    display: none;
}

.game-list .game-items .game-item.pioneer-live {
    grid-column: 1 / 3;
    height: 12.4rem;
}

.game-list .game-items .game-item.live:nth-of-type(1) p:after {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    right: 10rem;
    width: 4.7rem;
    height: 9.1rem;
    background: url(images/game-item-tag.png) no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}

.game-list .game-items .game-item.pioneer-live img {
    width: 100%;
    aspect-ratio: auto;
}

.mobile .game-list .game-items .game-item.pioneer-live h3 {
    position: absolute;
    top: 9.2rem;
    font-size: 1.4rem;
    /* background: none !important;
    background: url(images/pioneer-live-logo4.png) no-repeat !important;
    background-size: contain !important;
    font-size: 0; */
    height: 3.2rem;
    left: 0;
}

.mobile .game-item-history {
    display: none;
}

.mobile .game-list .game-items .game-item.pioneer-live:after {
    content: "";
    position: absolute;
    top: 4.5rem;
    background: url(images/pioneer-live-logo4.png) no-repeat;
    background-size: contain;
    height: 4rem;
    left: 1rem;
    width: 100%;
}

.mobile .game-list .game-items .game-item.pioneer-live h3:after {
    content: "MAIN SEKARANG";
    position: absolute;
    top: 0;
    right: 1rem;
    height: 3.2rem;
    line-height: 3.2rem;
    font-size: 1.2rem;
    font-weight: normal;
}

.pc .game-list .game-items .game-item.pioneer-live {
    grid-column: 1 span;
    height: 30rem;
    order: -1;
}

.pc .game-list .game-items .game-item.live:nth-of-type(1) p:after {
    display: none;
}

.pc .game-list .game-items .game-item.pioneer-live img {
    width: 100%;
    height: auto;
    margin: 0;
    clip-path: none;
}

@keyframes light {

    0%,
    100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}


/* 轮盘PC */

.pc .game-activity-bg {
    background: rgba(0, 0, 0, .9);
}

.pc .game-activity-box {
    width: 520px;
    margin: calc((100vh - 911px) / 2) auto;
    height: 911px;
    left: auto;
    background-image: url("images/game-activity/activity-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 124%;
}

.pc .game-activity-box .game-activity-history .history-list {
    width: 460px !important;
    height: 68% !important;
    margin-left: 30px !important;
    left: 0 !important;
    top: 28% !important;
}

.pc .game-activity-tag {
    right: calc((100vw - 1400px) / 2 - 114px) !important;
    bottom: 100px !important;
}

.pc .game-activity-box .game-activity-history .history-title .box-back:hover,
.pc .game-activity-box .game-activity-rule .rule-close:hover,
.pc .game-activity-box .game-activity-home .activity-button:hover,
.pc .game-activity-box .wheel-outer .wheel-pointer:hover {
    transform: scale(1.05);
}

.pc .game-activity-box .game-activity-home .activity-close:hover,
.pc .game-activity-box .game-activity-home .music-icon:hover,
.pc .game-activity-box .game-activity-home .jq-game-rules:hover {
    filter: brightness(1.2);
}

.pc .game-activity-box .game-activity-rule .rule-btn:hover,
.pc .game-activity-box .game-activity-history .history-list li .prize-status.status:hover,
.pc .game-activity-box .game-activity-home .jq-my-prizes:hover {
    filter: brightness(1.1);
}

.pc .game-activity-bg .left-cont {
    left: calc((100vw - 520px) / 2) !important;
    bottom: calc((100vh - 911px) / 2 + 12rem);
    min-width: 12rem;
}

.pc .game-activity-bg .right-cont {
    right: calc((100vw - 520px) / 2) !important;
    bottom: calc((100vh - 911px) / 2 + 12rem);
}

.pc .game-activity-box .popUpTurnTable-content .messagehtml {
    top: 6.5rem;
    font-size: 1.6rem;
}

#game .list .item.PIONEERLIVE h3 {
    bottom: 8rem;
}

.black-gold-theme #game .top-game-list a,
.black_gold-theme #game .top-game-list a {
    background: rgba(255, 255, 255, .2);
}

.black-gold-theme #game .top-game-list a.actived,
.black_gold-theme #game .top-game-list a.actived {
    background: rgba(255, 255, 255, .5);
}

#registerReferral .register-step li .bank-select a[data-value="QRIS"],
#registerReferral .register-step li .bank-select a[data-value="YUKK"] {
    display: none;
}

.KYC-item {
    display: flex;
    margin: 1rem auto;
    width: 90%;
    border-bottom: .1rem solid #999;
    line-height: 3rem;
    font-size: 1.6rem;
    max-width: 60rem;
    color: #999;
    justify-content: center;
    align-items: center;
}

.KYC-item p {
    /* margin-right: 1rem; */
    width: 24%;
    max-width: 20rem;
    text-align: right;
    padding-right: 1.5rem;
}

.KYC-item span {
    color: red;
}

.KYC-title .KYC-input {
    display: inline-block;
    width: 4rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background: #f60;
    color: #fff;
    margin-left: .5rem;
}

.KYC-aint {
    color: red !important;
    border-color: red !important;
}

.KYC-item .KYC-select {
    line-height: 3rem;
    font-size: 1.6rem;
    color: #fff;
    text-align: left;
    min-width: 60px;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}

.KYC-item .KYC-select option {
    background-color: #999;
}

.KYC-item .KYC-input {
    line-height: 3rem;
    font-size: 1.6rem;
    color: #fff;
    text-align: left;
    flex: 1;
    min-width: 138px;
}


/* 隐藏输入框上下箭头 */

.KYC-item input::-webkit-inner-spin-button,
.KYC-item input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* 兼容Firefox */

.KYC-item input[type=number] {
    -moz-appearance: textfield;
}


/* 针对Chrome浏览器的修改 */

.KYC-item input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) hue-rotate(200deg);
    /* 修改颜色 */
    cursor: pointer;
}


/* 针对Firefox浏览器的修改 */

.KYC-item input[type="date"]::-moz-calendar-picker-indicator {
    color: #fff;
    /* 在Firefox中，你只能修改颜色为图标的颜色 */
}


/* 针对Edge浏览器的修改 */

.KYC-item input[type="date"]::-ms-calendar-picker-indicator {
    color: #fff;
    /* 在Edge中，你只能修改颜色为图标的颜色 */
}

.KYC-item #receipt {
    background-color: #292929;
    border-radius: 3rem;
    color: #fff;
    padding: 0 3rem;
    line-height: 3rem;
    font-size: 1.6rem;
    margin-bottom: .5rem;
    cursor: pointer;
    flex: 1;
}

.KYC-huoqu {
    cursor: pointer;
    border-radius: 1.5rem;
    display: block;
    color: #f60;
    font-size: 1rem;
    line-height: 3rem;
}

.KYC-huoqu:hover {
    color: #fff;
}

.KYC-button {
    cursor: pointer;
    padding: 1rem 2rem;
    border-radius: 3rem;
    background-color: #f60;
    display: block;
    color: #fff;
    margin: 0 auto;
    font-size: 1.6rem;
    margin-top: 3rem;
}

.KYC-button:hover {
    background-color: #fff;
    color: #f60;
}


/* 补充css */

.Brown_yellow-theme .login-btn {
    background: url("images/theme/Brown_yellow/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.Brown_yellow-theme .loginBtn {
    background: url("images/theme/Brown_yellow/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.greens-theme .login-btn {
    background: url("images/theme/greens/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.greens-theme .loginBtn {
    background: url("images/theme/greens/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.Chestnut_powder-theme .login-btn {
    background: url("images/theme/Chestnut_powder/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.Chestnut_powder-theme .loginBtn {
    background: url("images/theme/Chestnut_powder/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.Blue_violet-theme .login-btn {
    background: url("images/theme/Blue_violet/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.Blue_violet-theme .loginBtn {
    background: url("images/theme/Blue_violet/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.Blue_yellow-theme .login-btn {
    background: url("images/theme/Blue_yellow/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.Blue_yellow-theme .loginBtn {
    background: url("images/theme/Blue_yellow/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.red_yellow-theme .login-btn {
    background: url("images/theme/red_yellow/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.red_yellow-theme .loginBtn {
    background: url("images/theme/red_yellow/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.black_gold-theme .login-btn {
    background: url("images/theme/black_gold/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.black_gold-theme .loginBtn {
    background: url("images/theme/black_gold/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.black_yellow-theme .login-btn {
    background: url("images/theme/black_yellow/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.black_yellow-theme .loginBtn {
    background: url("images/theme/black_yellow/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.Navy_blue-theme .login-btn {
    background: url("images/theme/Navy_blue/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.Navy_blue-theme .loginBtn {
    background: url("images/theme/Navy_blue/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.Green_gray-theme .login-btn {
    background: url("images/theme/Green_gray/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.Green_gray-theme .loginBtn {
    background: url("images/theme/Green_gray/btnLogin.png") no-repeat left center !important;
    background-size: 100% 100% !important;
}

.tabs .logo,
#service .navigator-bar .service-navi-bar img {
    display: none;
}

.loginForm .logo {
    visibility: hidden;
}

.game-item-history {
    width: 100%;
    position: relative;
    bottom: 0;
    min-height: 6rem;
    height: 100%;
    z-index: 2;
    display: block;
    flex: 1;
    overflow: auto;
    background: #888;
    right: 0;
}

.game-item-history dl {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: .1rem;
    background: 0 0;
    overflow: hidden;
    transition: all .4s;
    justify-content: center;
    align-items: center;
}

.game-item-history dl dd b:after {
    background: #1e90ff !important;
    left: unset !important;
    top: unset !important;
    right: 0rem !important;
    bottom: 0rem !important
}

.game-item-history dl dd[data-pair="0"] b:after,
.game-item-history dl dd[data-pair="0"] b:before,
.game-item-history dl dd[data-pair="1"] b:after,
.game-item-history dl dd[data-pair="2"] b:before {
    display: none
}

.game-item-history dl dd b i {
    display: block;
    height: calc(100% - .4rem);
    aspect-ratio: 1/1;
    box-sizing: border-box;
    border-radius: 50%;
    color: #fff !important;
    font-weight: 400;
}

.game-item-history dl dd[data-betarea="1"] b i {
    background: #fff;
    box-shadow: .2rem .3rem .4rem #0009;
    border: .2rem red solid
}

.game-item-history dl dd[data-betarea="2"] b i {
    background: #fff;
    box-shadow: .2rem .3rem .4rem #0009;
    border: .2rem #1e90ff solid
}

.game-item-history dl dd b u {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game-item-history dl dd b u:before {
    content: attr(data-tie);
    color: green;
    font-weight: 700;
    font-size: .5rem;
    width: 100%;
    height: 100%
}

.game-item-history dl dd b u[data-tie="1"]:before {
    display: none
}

.game-item-history dl dd {
    background: #eee5;
    height: calc((100% - .5rem) / 6);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    font-size: .5rem;
}

.game-item-history dl dd b {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    position: relative;
    transition: all .4s
}

.game-item-history dl dd[data-pair] b:after,
.game-item-history dl dd[data-pair] b:before {
    content: '';
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: red;
    border: .1rem #fff solid;
    position: absolute;
    left: 0;
    top: 0
}

.game-item-history dl dd[data-pair="0"] b:after,
.game-item-history dl dd[data-pair="0"] b:before,
.game-item-history dl dd[data-pair="1"] b:after,
.game-item-history dl dd[data-pair="2"] b:before {
    display: none
}

.game-item-history dl dd b i {
    display: block;
    height: calc(100% - .4rem);
    aspect-ratio: 1/1;
    box-sizing: border-box;
    border-radius: 50%
}

.game-item-history dl dd b u {
    position: absolute
}

.game-item-history dl dd[data-tie="1"] b u {
    position: absolute;
    display: block;
    width: 100%;
    height: .1rem;
    background: green;
    border: .1rem #fff solid;
    border-radius: .4rem;
    overflow: hidden;
    transform: translateZ(0) rotate(135deg);
    left: -0.1rem;
}

.game-item-history dl dd b u[data-tie="1"]:before {
    display: none
}

.game-item-history dl dd b u[data-tie="1"]:before {
    display: none
}

.game-item-history dl dd b.color0 {
    background: #006400
}

.game-item-history dl dd b.color1 {
    background: brown
}

.game-item-history dl dd b.color2 {
    background: #111
}

.game-item-history dl dd b.color5 {
    background: red
}

.game-item-history dl dd b.color6 {
    background: #111
}

.game-item-history dl dd b.red {
    background: red !important
}

.game-item-history dl dd b.bul {
    background: #000
}

.game-item-history dl dd b.blue {
    background-color: #4682b4;
}

.game-item-history dl dd b.lv {
    background: #007d008D !important;
}

.game-item-history dl dd b i {
    display: flex;
    justify-content: center;
    align-items: center;
    background: content-box;
    border-radius: 0;
    margin: 0;
    aspect-ratio: unset;
    height: 100%;
    box-sizing: unset;
    flex: 1;
    order: 3;
    font-style: normal;
    text-align: center;
}

.baijiale dl dd b {
    border-radius: 50%;
    aspect-ratio: 1/1;
}

.baijiale dl dd b i {
    border-radius: 50%;
    aspect-ratio: 1/1;
    width: 50%;
    height: auto !important;
}

.luimgtouzi dl dd {
    background: #ccc;
    aspect-ratio: 4 / 1;
    height: calc((100% - .4rem) / 5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 0.1rem;
    background: linear-gradient(45deg, #999, transparent);
}

.luimgtouzi dl dd b {
    min-width: 45%;
    width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2rem;
}

.luimgtouzi dl dd b i {
    display: flex;
    justify-content: center;
    align-items: center;
    background: content-box;
    margin: 0;
    aspect-ratio: unset;
    width: 1.6rem;
    height: 1.6rem;
    box-sizing: unset;
    flex: 1;
    order: 3;
    font-size: 0.5rem;
    font-style: normal;
    background: #008b8b;
    border-radius: .5rem;
    box-shadow: .2rem .3rem .4rem #0009 inset;
    text-align: center;
}

.luimgtouzi dl dd b:before {
    content: 'B';
    flex: 1;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1e90ff;
    color: #fff;
    order: 1;
    border-radius: .5rem;
    box-shadow: .2rem .3rem .4rem #0009 inset;
}

.luimgtouzi dl dd b.small:before {
    content: 'S';
    background: #dc143c
}

.luimgtouzi dl dd b:after {
    content: 'O';
    flex: 1;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00bfff !important;
    color: #fff;
    order: 2;
    border-radius: .5rem;
    box-shadow: .2rem .3rem .4rem #0009 inset;
}

.luimgtouzi dl dd b.even:after {
    content: 'E';
    background: #ff4500 !important
}

.luimgtouzi dl dd b.evenT:after {
    content: 'T';
    background: #007d008D !important
}

.luimgtouzi dl dd u {
    flex: 1;
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .1rem;
}

.luimgtouzi dl dd u i {
    display: block;
    height: .8rem;
    aspect-ratio: 1/1;
    overflow: hidden;
    background-image: url(images/_icon-dices.png);
    background-repeat: no-repeat;
    background-size: 100% 700%;
    background-position: 0 0;
    filter: drop-shadow(.2rem .3rem .3rem #0009)
}

.pc .luimgtouzi dl dd u i {
    height: 1rem;
}

.pc .luimgtouzi dl dd b i {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
}

.pc .luimgtouzi dl dd b {
    min-width: 45%;
    width: 40%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .1rem;
    padding: 0 .1rem;
    height: 2rem;
}

.pc .game-item-history {
    max-height: 8rem;
}

.pc .luimgtouzi dl dd {
    background: #ccc;
    width: 33.3%;
    height: calc((100% - .4rem) / 5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0;
    background: linear-gradient(45deg, #999, transparent);
}

.PIONEERLIVE {
    aspect-ratio: 1/1.38 !important;
}

.mobile .theme-style .user,
.mobile .theme-style .tabs {
    padding-left: 2%;
    padding-right: 2%;
}

.mobile .user .password,
.mobile .user .username {
    background: #ffffff !important;
    border-radius: 1.5rem .2rem 1.5rem .5rem;
    width: 12.5rem;
    height: 2.7rem;
}

.mobile .tabs .tab.tab-forget {
    display: flex;
    position: absolute;
    right: calc(30.5%);
    flex-direction: column;
    bottom: calc(4%);
}

.mobile .tabs .tab {
    gap: 0rem;
}

.mobile .user .loginBtn {
    background: linear-gradient(270deg, rgba(201, 138, 0, 1) 15%, rgba(255, 248, 59, 1) 21%, rgba(255, 245, 59, 1) 33%, rgba(211, 158, 7, 1) 44%, rgba(215, 166, 9, 1) 60%, rgb(255, 193, 37) 73%, rgb(255, 196, 37) 85%, rgba(201, 138, 0, 1) 100%);
    background-size: 400% 400%;
    animation: gradient 4s ease infinite !important;
    box-shadow: inset 0 0 5px 3px #ffe100, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: 1px solid #ffe400 !important;
    color: #000;
    border-radius: 20px;
    padding: 0rem 2.5rem;
    height: 2.8rem;
    width: calc(13%);
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: larger;
}

.mobile .tabs .tab[data-href="#/register"] {
    background: linear-gradient(270deg, rgba(201, 138, 0, 1) 15%, rgba(255, 248, 59, 1) 21%, rgba(255, 245, 59, 1) 33%, rgba(211, 158, 7, 1) 44%, rgba(215, 166, 9, 1) 60%, rgb(255, 193, 37) 73%, rgb(255, 196, 37) 85%, rgba(201, 138, 0, 1) 100%);
    background-size: 400% 400%;
    animation: gradient 4s ease infinite !important;
    box-shadow: inset 0 0 5px 3px #ffe100, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: 1px solid #ffe400 !important;
    color: #000;
    border-radius: 20px;
    padding: 0rem 2.5rem;
    height: 2.8rem;
    width: calc(13%);
    display: flex;
    align-items: center;
    font-weight: bold;
    position: absolute;
    right: 2%;
    text-transform: uppercase;
}

.tabs .tab[data-href="#/register"] {
    order: 1;
}

.tabs .tab[data-href="#/register"] img {
    display: none;
}

.mobile .tabs .tab {
    font-size: 1.2rem;
}

.mobile .tabs .tab img {
    height: 2.5rem;
}

.navi-btn-img {
    position: absolute;
    right: 5%;
}

.pc .navi-btn-img {
    height: 4rem;
}

.mobile .navi-btn-img {
    height: 3rem;
}

/*#deposit .container .bank-tabs {*/
/*    position: relative;*/
/*    background: #1376fa !important;*/
/*    padding: .4rem;*/
/*}*/

/*#deposit .container .bank-tabs:after {*/
/*    position: absolute;*/
/*    content: '';*/
/*    display: block;*/
/*    background: #292929;*/
/*    z-index: 0;*/
/*    left: 0;*/
/*    top: 0;*/
/*    inset: 0.4rem;*/
/*}*/

/*#deposit .container .bank-tabs:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100rem;*/
/*    height: 100rem;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    margin: -50rem 0 0 -50rem;*/
/*    background: url(https://png-res.png999.com/20241114/resources/theme/pngnew/images/menu-light.png) no-repeat center;*/
/*    border-radius: 1rem;*/
/*    animation: rotate-border 5s linear infinite;*/
/*    z-index: 2;*/
/*    aspect-ratio: 1 / 1;*/
/*    opacity: 0.8;*/
/*    background-size: 100% 100%;*/
/*}*/

#deposit .container .bank-tabs .bank-tab {
    position: relative;
}

#deposit .container .bank-tabs .bank-tab:before {
    content: "";
    position: absolute;
    display: block;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    top: 50%;
    left: 2rem;
    margin-top: -.4rem;
    animation: bankFlash 1s infinite;
    -webkit-animation: bankFlash 1s infinite;
    background-color: green;
}

#deposit .container .bank-tabs .bank-tab.state3:before {
    background-color: #ffcb46;
}

.mobile #deposit .container .bank-tabs .bank-tab {
    padding: .5rem 1.5rem;
    width: 23.5%;
}

.mobile #deposit .container .bank-tabs .bank-tab:before {
    left: .4rem;
}

.pc #deposit .container .bank-tabs .bank-tab i {
    min-width: 50px;
}

#deposit .container .bank-list p i {
    width: 5.5rem;
    height: 1.2em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEcSURBVFhH7ZfREYIwDIY7iqP45h0s4R7tHaMwiqOwhfCmRBOhaWwIIOdDv7s8tP58Rlq46goade/P9RAe28t3Y7WXvjmhehn7NUDlW1QfC/xybKDDqeOhu4DDlHeXvp1u15ZK15w+w2FKNYRbLNmjpjWnORymqAED0pof2gDAfapfDRjhPtUvBap7aGBvLKoxi5e94D7JHyEFQEzzesXPOM3jcF0Dr80Eb8MFhZd84D7JH6EGjHCf6lcDRrhP9UuBsgnLJtwC96l+KZDdhGzTcbhP8kdIAfgimk8rf7qhHA7XNZDbhBj5CvdJ/gg1YIT7qj5cs43/ugGVv2lgfpBcy3QkMzXgdzoRz8vwRwS6hmdbFlnLd9p7ouCcc0/DsIrofa4QzQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 1.8rem 1.8rem;
    background-position: left bottom;
    color: #4bf87c;
}

.hot .lottery-countdown {
    padding-top: .5rem;
    text-align: center;
    margin-top: -6rem;
    background: rgba(0, 0, 0, .4);
}

.hot .lottery-number {
    padding: .5rem 0;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    white-space: normal;
}

.hot .lottery-countdown span {
    justify-content: center;
}

.hot .lottery-countdown.isOver .countdown-time {
    color: #3a9ce8;
    text-decoration: underline;
}

.hot p:first-child {
    height: 100%;
}

.game-list .hot {
    border: none;
}


/* 推荐游戏 */

.game-list .recommond {
    box-sizing: border-box !important;
    width: 100%;
    transition: all .4s;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    background: #eee;
}

.game-list .recommond p {
    width: 100%;
    display: block;
    position: relative;
}

.game-list .recommond p>img {
    aspect-ratio: 1/1;
    width: 100%;
    display: block;
    object-fit: cover;
}

.game-list .recommond h3 {
    font-size: 1rem;
    line-height: 3rem !important;
    width: calc(100% - 2rem);
    background: linear-gradient(165deg, darkred 50%, transparent);
    padding: 0 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    overflow: hidden;
    font-weight: bold !important;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}

.game-list .ppSlot.hot {
    border: 1px #fff solid;
    box-sizing: border-box !important;
    width: 100%;
    transition: all .4s;
    border-radius: 1rem;
    box-shadow: .2rem .4rem .6rem 0 #bfccd9;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    background: #eee;
}

.game-list .ppSlot.hot p {
    width: 100%;
    display: block;
    position: relative;
}

.game-list .ppSlot.hot p>img {
    aspect-ratio: 1/1;
    width: 100%;
    display: block;
    object-fit: cover;
}

.game-list .ppSlot.hot h3 {
    font-size: 1rem;
    line-height: 3rem !important;
    width: calc(100% - 2rem);
    background: linear-gradient(165deg, gold 50%, transparent);
    padding: 0 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: darkslategray;
    overflow: hidden;
    font-weight: bold !important;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}

#game .list .ppSlot.hot {
    aspect-ratio: unset;
    max-height: 259px;
}

#game .list .ppSlot.hot p {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
}

#game .list .ppSlot.hot p>img:nth-child(1) {
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

#game .list .ppSlot.hot p>img:nth-child(2) {
    aspect-ratio: 1/1;
    width: calc((100% - 1rem) * 0.6);
    height: auto;
    display: block;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    box-shadow: 0.2rem 0.2rem 0.3rem 0 #000;
    border-radius: 1.5rem;
}

#game .list .ppSlot.hot h3 {
    position: relative;
}

#game .list .lottery {
    box-sizing: border-box !important;
    width: 100%;
    transition: all .4s;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    background: #eee;
    height: 15rem;
}

#game .list .lottery p {
    width: 100%;
    display: block;
    position: relative;
}

#game .list .lottery p>img {
    aspect-ratio: 1/1;
    width: 80%;
    display: block;
    object-fit: cover;
    margin: 0 auto;
}

#game .list .lottery p>img.closed {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
    _filter: none;
}

#game .list .lottery .lottery-countdown {
    position: absolute;
    bottom: 5rem;
    left: 0;
    padding-top: .5rem;
    text-align: center;
    margin-top: -6rem;
    background: rgba(0, 0, 0, .4);
    height: 2rem;
}

#game .list .lottery .lottery-number {
    position: absolute;
    bottom: 3rem;
    left: 0;
    padding: .5rem 0;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    white-space: normal;
    height: 2rem;
}

#game .list .lottery .lottery-countdown span {
    justify-content: center;
}

#game .list .lottery .lottery-countdown.isOver .countdown-time {
    color: #3a9ce8;
    text-decoration: underline;
}

#game .list .lottery h3 {
    font-size: 1rem;
    line-height: 3rem !important;
    width: calc(100% - 2rem);
    background: linear-gradient(165deg, indianred 50%, transparent);
    padding: 0 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    overflow: hidden;
    font-weight: bold !important;
    z-index: 1;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
}

.pc #game .list .lottery {
    width: 15.6rem;
}

#game .list .lottery .game-periodid {
    position: absolute;
    top: 0;
    right: 0;
    height: 2.4rem;
    padding: 0 2rem;
    line-height: 2.4rem;
    border-radius: 0 0 0 1.2rem;
    background: rgba(255, 255, 255, .8);
    color: #999;
}

#game .list .lottery p>img:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    aspect-ratio: 1 / 1;
    display: block;
    opacity: 1;
    object-fit: contain;
}

.game-list .game-items .game-item.special-image p::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: .6rem;
    left: .5rem;
    width: 5rem;
    height: 5rem;
    display: block;
    filter: drop-shadow(1rem 2rem 3rem #000);
    background: url("https://png-res.png999.com/assets/assetss/Lucky Bonus.png") no-repeat left top;
    background-size: contain;
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
    animation: enter 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards, shake 0.8s ease infinite alternate, colorChange 2s linear infinite;
    transform-origin: center;
    text-shadow: 0 0 10px #fff, 0 0 20px #ff00de, 0 0 30px #ff00de;
}

.game-list .game-items .game-item.special-image p::after {
    content: "LUCKY";
    position: absolute;
    top: .6rem;
    left: .5rem;
    z-index: 1;
    filter: blur(.3rem);
    opacity: 0.8;
    font-size: 1.8rem;
    font-weight: bold;
    animation: pulse 1s ease infinite, enter 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards, shake 0.8s ease infinite alternate, colorChange 2s linear infinite;
    text-shadow: 0 0 10px #fff, 0 0 20px #ff00de, 0 0 30px #ff00de;
}

.pc .game-list .game-items .game-item.special-image p::before {
    top: 1rem;
    width: 8rem;
    height: 8rem;
    font-size: 3.2rem;
}

.pc .game-list .game-items .game-item.special-image p::after {
    top: 1rem;
    filter: blur(.6rem);
    font-size: 3.2rem;
}

.pc .game-list .game-items .game-item.pioneer-live.hot {
    height: auto;
}

.pc .game-list .game-items .game-item.pioneer-live.hot .game-item-history,
.pc .game-list .game-items .game-item.pioneer-live.recommond .game-item-history {
    display: none;
}

.pc .PIONEERLIVE.hot,
.pc .PIONEERLIVE.recommond {
    aspect-ratio: 1 / 1 !important;
}

.pc #game .list .item.PIONEERLIVE h3 {
    bottom: 4.5rem;
}

.home-scroll-banner {
    padding: 1rem 0;
    width: 100%;
    overflow: hidden;
}

.home-scroll-banner .marqueeDiv {
    display: flex;
    width: 100%;
    max-height: 16rem;
    margin: 0 auto;
    overflow: hidden;
    cursor: grab;
}

.home-scroll-banner .marqueeDiv ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    gap: 0;
}

.home-scroll-banner .marqueeDiv li {
    min-width: 150px;
    width: 150px;
    padding: 0 6px;
    max-height: 100px;
    overflow: hidden;
    display: flex;
}

.home-scroll-banner .marqueeDiv li a {
    user-select: none;
    -webkit-user-drag: none;
}

.home-scroll-banner .marqueeDiv li img {
    user-select: none;
    -webkit-user-drag: none;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    display: block;
    border-radius: .5rem;
}

@keyframes lightFlash {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }
}

@keyframes lightFlash1 {

    0%,
    100% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }
}

@keyframes highLightBig {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes highLightSmall {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes enter {
    0% {
        transform: translateY(-100vh) rotate(360deg) scale(3);
        opacity: 0;
    }

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

@keyframes shake {
    0% {
        transform: skew(0deg) scale(1);
    }

    25% {
        transform: skew(2deg, -2deg) scale(1.05);
    }

    50% {
        transform: skew(-3deg, 1deg) scale(0.98);
    }

    75% {
        transform: skew(1deg, -1deg) scale(1.02);
    }

    100% {
        transform: skew(0deg) scale(1);
    }
}

@keyframes colorChange {
    0% {
        color: #ff00de;
    }

    25% {
        color: #00fffd;
    }

    50% {
        color: #fffb00;
    }

    75% {
        color: #ff0000;
    }

    100% {
        color: #ff00de;
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        opacity: 0.8;
    }
}

.game-list .game-items .game-item .game-result {
    position: absolute !important;
    top: 0;
    left: 0;
    height: 16px;
    padding: 0 1rem;
    line-height: 16px;
    background: #00B0E7;
    color: #fff;
    font-weight: 700;
    border-radius: 1px;
    /* display: none !important; */
}

.pc .game-list .game-items .game-item.lottery.closed.hover-active .game-result {
    display: block !important;
    height: 2rem !important;
    line-height: 2rem !important;
    border-radius: 5px;
}

.pc .game-list .lottery .lottery-live-button {
    top: -9rem !important;
    width: 55% !important;
    border-radius: 5px;
    margin: -2.3rem auto 0 auto !important;
}

.watch-icon {
    margin-left: 5px;
    width: 20px;
    height: 1.8rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAO/SURBVHhe7ZyLbRs5AERdiktRKe4kpbgUl+JOrLyhSIBOJKx2RXL5mQcceEAuXHJehkv5hLzt5Xq9Xn5+fr4Yr4zf/PPJv77HXzYtieH/RxTzJ/5npgXkfrnF/xiJYbjE32JqEsN+CrelATHrp/ExVhHy3TyuHoEUv/RLQ6CHhQi3pTBk+pKQhMQwuC2vQohFhAi3pQDkWExIIrbFV+QjKLiQYmHcloOQXRUhCYvZCZlVFZJAiq/Iz0BITYQIt+UJyKmZkITEMLgt9yCY5kKE2/IAsjlFSCK2xVfkhMIIyZyI25JBHqcLSVgMkEM3QhJIWfeKzMa7EyKWbQt771JIQmIY1mkLm+1aiFiqLey3eyGJ2Ja5r8jaYNjtIEzfFvY4lJDEtG3RpsIOB0VtYZjnpc9mhhYipjrG2M/wQhJI0feSx24LG5hGiBi+LexhKiEJiWEYry0sekohYsi2sO5phSRiW8a4ImuhYdULMERbWOcyQkT3xxhrXEpIAil9XpFZ1JJCRJdtYV3LCklIDEMfbWEhywsR3bSFtVhIRmzLeVdkPTysxPzitLbwbAt5wCnHGM+1kA2Q0u6KzIMs5AmatYVnWcgOJIahXluY3EJ2UrUtzG8hB6gmhbkt5CDx+Cr7mUUThtnNUSykJ2jJV4yyDMxpIS+AkM8YZRmY00Je4yNGWQYmtJDXKPuZhAkt5DjlfyqsSW9zm52UPaoSTGwhO6jy2SNHk4cnmU2qfDL/F55jIRvoswaDf/x+NjqemrQih+dayB3UihhRW3i2hWSoFQz+kkMPND+e7sE6lhdyeitytJCwqkXpohU5rGlJIXppM/Tx9dEcFrWUEB1P3bUihzUuIwQRZf/fRQ1Y5/RC1AqGPl7aW2ihYdWT0vXxdA/WPKWQoVqRo0WHHUzEcK3IYf3TCEGE/2qNHtDxNHQrctjP0EIQ0f9Vdg/saUghagXDeC/tLbSpsMOBmOZ4ugf7G0bItK3I0QbDbjtn6lbksNeuhSBi/KvsHthsl0Li8VTny2g9w6a7E7LM8XQP9t+NkCVe2lsogJDGySzdihyyOFVIbMU6L+0tCOMUIRLhVtyBbJoLQcQ53wocAfJpJiQeT2u/tLdQQCGtyvh4ehKyqirErdiJwgrJVcCtOAC5FRcSW+Gr7BEIrpgQiXArXoQciwhBhK+yJSDLl4TE48kv7VIozJDsAXw8VYBc32/xPo9bURmd/7eot3ErGkDOH7e4HxOl+SrbCv3Jv0X/Gx1PbsVJkP9F4asNcbSIYry9/QWjHi4QMzd6TQAAAABJRU5ErkJggg==) no-repeat center / 20px 20px;
}

.pc .watch-icon {
    margin-left: 10px;
}

.pc .lottery-live-button span {
    margin-right: 6px;
}

p.lottery-live-button.open {
    background: #C0C0C0 !important;
}

.game-list .lottery .lottery-live-button {
    padding: .25rem 0;
    text-align: center;
    height: 1.8rem;
    line-height: 1.8rem;
    top: -8.2rem;
    width: 88% !important;
    border-radius: 3px;
    margin: -.3rem auto 0 auto !important;
    background: red;
    z-index: 4;
}

.watch-content {
    /* margin: -19px 0 0 22px; */
    justify-content: center !important;
}


/* .pc .watch-content {
    margin: -24px 0 0 28px;
} */


/* iframe 右侧 */

.live-streaming-container {
    text-align: center;
    padding: 0 14px;
}

.pc .live-streaming-container {
    text-align: center;
    padding: 30px 14px;
}

h1 {
    font-size: 2em;
}

.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.logo-container img {
    width: 150px;
}

.location {
    font-size: 16px;
    margin-left: 10px;
    width: 160px;
}

.time-info {
    margin: 40px 0;
    font-size: 16px;
}

.watch-on {
    margin: 20px 0;
}

.watch-on p {
    font-size: 15px;
}

.watch-link {
    display: block;
    background-color: #333;
    color: white;
    padding: 10px 20px;
    margin: 10px 0;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;
}

.bet-status {
    margin-top: 20px;
    font-size: 2em;
    color: red;
}

.open-bet {
    border: 2px solid red;
    padding: 5px 10px;
}

.bet-closed {
    border: 2px solid red;
    padding: 5px 10px;
}

.pc .popUp .popUp-container .popUp-content img {
    width: 180px !important;
}

.popUp .popUp-container .popUp-content img {
    width: 55% !important;
}


/* iframe 右侧 */

.game-list .game-items .game-item .game-periodid {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 6rem !important;
    left: 0 !important;
    height: 2.4rem !important;
    line-height: 2.4rem !important;
    border-radius: 0 0 0 1.2rem !important;
    color: #fff !important;
    width: 100% !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    text-shadow: 0 .1rem .4rem #000 !important;
    background: 0 0 !important;
    padding: 0 !important;
}

.game-list .lottery .lottery-countdown.isOver .countdown-time {
    justify-content: center;
    color: #fff !important;
    text-decoration: none !important;
    /* color: #3a9ce8;
    text-decoration: underline; */
}

.game-list .lottery .lottery-countdown,
.game-list .lottery .lottery-number {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
}

.pc .game-list .lottery .lottery-countdown,
.game-list .lottery .lottery-number {
    font-size: 1.4rem !important;
}

.game-item.lottery.closed.hover-active .game-periodid {
    bottom: 4rem !important;
}

.pc .game-item.lottery.closed.hover-active .game-periodid {
    bottom: 6rem !important;
}

#transactionRecords .button-group {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    margin-top: 0.7rem;
}

#transactionRecords .button-group .bonusAmount {
    margin-right: 1rem;
    font-size: 1rem;
}

#transactionRecords .button-group .claimAmountBtn {
    margin-right: 1rem;
}

#transactionRecords .button-group button {
    padding: 0.4rem;
    font-size: 1rem;
    font-weight: bold;
    color: white;
    background: linear-gradient(90deg, #a0d7ff, #6cb4ee);
    /* 更加鲜明的浅蓝色渐变 */
    border: none;
    border-radius: 0.4rem;
    box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.1s;
}

#transactionRecords .button-group button:hover {
    background: linear-gradient(90deg, #6cb4ee, #a0d7ff);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

#transactionRecords .button-group button:active {
    transform: scale(0.95);
}

#transactionRecords .tabs-group {
    width: 100%;
    display: flex;
    justify-content: space-around;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
}

#transactionRecords .tab {
    width: 48%;
    padding: 0.5rem 0;
    font-size: 1.2rem;
    color: #ccc;
    background-color: transparent;
    border: 1px solid #444;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

#transactionRecords .tab:hover {
    transform: scale(1.03);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

#transactionRecords .tab.active {
    color: #fff;
    border-color: #00ffff;
    background: linear-gradient(45deg, #00c9ff, #92fe9d);
    box-shadow: 0 0 10px #00ffffaa;
}

#transactionRecords .filterMenu {
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#transactionRecords .filterMenu-in {
    opacity: 1;
    transform: translateZ(0) translateY(0);
}

#deposit .container .bank-list .qris-item .amount-qris select {
    height: 2.6rem;
    line-height: 2.6rem;
    border-radius: .3rem;
    background: #dadada;
    font-size: 1.4rem;
    margin-right: 0;
    padding-left: .5rem;
    padding-right: 3rem;
    text-align: left;
}

#deposit .container .bank-list .qris-item .amount-qris select {
    margin-left: .8rem;
    border: 0;
    font-weight: bold;
}

#deposit .container .bank-list .qris-item .mobile-submit {
    margin-bottom: 0;
    background: #f86609;
    border-radius: .3rem;
    height: 2.8rem;
    line-height: 2.8rem;
    cursor: pointer;
}

#deposit .container .bank-list .qris-item .mobile-submit {
    margin: 1.5rem;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    box-shadow: 0 0 1rem rgb(0 0 0 / 30%);
}

.livechat_button.bottom-button {
    bottom: 6rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}

.pc .livechat_button.bottom-button {
    display: inline;
}

@keyframes rotate-border {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes bankFlash {

    0%,
    100% {
        transform: scale(1.1);
        opacity: 1;
    }

    50% {
        transform: scale(0.9);
        opacity: 0.8;
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

#service .navigator-bar .service-navi-bar p {
    background: none !important;
    width: 95%;
    text-align: center;
    position: absolute;
}

.dana-submit-box {
    display: flex;
}

.dana-submit-box .dana-app-submit {
    background: #71a9f1;
}

#withdrawal .container .withdrawal-banklist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: max-content;
    gap: 0.5rem;
    background: rgba(0, 0, 0, .1);
    box-shadow: 0 0 1rem rgba(0, 0, 0, .8);
    padding: 0 1rem 1rem 1rem;
    border-radius: 1rem;
    overflow: hidden;
    min-height: 32.5rem;
    margin-bottom: 2rem;
}

#withdrawal .container .withdrawal-banklist dt {
    grid-column: 2 span;
    text-align: center;
    color: #fff;
    margin: 0 0 0 -1rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background: rgba(0, 0, 0, .5);
    width: 106%;
}

#withdrawal .container .withdrawal-banklist dt i {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    background: lawngreen;
    border-radius: 50%;
    margin: 0 .2rem;
}

#withdrawal .container .withdrawal-banklist dt i:nth-child(2) {
    background: red;
}

#withdrawal .container .withdrawal-banklist dt i:nth-child(3) {
    background: yellow;
}

#withdrawal .container .withdrawal-banklist dd {
    /* background: #fff; */
    border-radius: .5rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 0 .5rem;
    justify-content: center;
    gap: .5rem;
    overflow: hidden;
}

#withdrawal .container .withdrawal-banklist dd i {
    display: none;
    width: .8rem;
    min-width: .8rem;
    height: .8rem;
    background: lawngreen;
    border-radius: 50%;
}

#withdrawal .container .withdrawal-banklist dd .status-2 {
    background: red;
}

#withdrawal .container .withdrawal-banklist dd .status-3 {
    background: yellow;
}

#withdrawal .container .withdrawal-banklist dd img {
    display: block;
    object-fit: contain;
    width: 100%;
}

.pc #withdrawal .container .withdrawal-banklist {
    grid-template-columns: repeat(5, 1fr);
}

.pc #withdrawal .container .withdrawal-banklist dt {
    grid-column: 5 span;
}

.mobile #withdrawal .container ul li input {
    border-radius: .5rem;
    background: rgba(0, 0, 0, .2);
    margin: 0;
    padding: 0 .5rem;
    color: #fff;
    height: 3.5rem;
    font-size: 1.8rem
}

.pc #withdrawal .container ul li input {
    color: #fff;
}

.mobile #withdrawal .container ul li input::placeholder {
    font-size: 1rem;
    right: .5rem;
    top: 1.1rem
}

#withdrawal .container ul li i.all {
    background: #fc1855;
    border-radius: .3rem;
    padding: .3rem;
}

.theme-style .popUp {
    left: 5%;
    right: 5%;
}

.popUp .popUp-container .popUp-content .pengaduan-customer-box {
    height: 100%;
    overflow: auto;
}

.popUp .popUp-container .popUp-content .pengaduan-customer-box ul label {
    height: 4rem;
    line-height: 4rem;
    font-size: 1.4rem;
    font-weight: bold;
}

.popUp .popUp-container .popUp-content .pengaduan-customer-box ul select,
.popUp .popUp-container .popUp-content .pengaduan-customer-box ul input,
.popUp .popUp-container .popUp-content .pengaduan-customer-box ul textarea {
    width: 100%;
    text-align: left;
    border-radius: .5rem;
    background: rgba(255, 255, 255, .5);
    color: #fff;
    margin-bottom: 1rem;
    padding: 0 1rem;
}

.popUp .popUp-container .popUp-content .pengaduan-customer-box ul input {
    height: 3rem;
    box-sizing: border-box;
    line-height: 3rem;
}

.popUp .popUp-container .popUp-content .pengaduan-customer-box ul textarea {
    min-height: 15rem;
    box-sizing: border-box;
    padding: 1rem;
    font: 1rem PingFangSC-Medium, 'PingFang SC', 'Microsoft YaHei UI', verdana, tahoma;
    border: none;
    max-width: 100%;
    min-width: 50%;
}

.popUp .popUp-container .popUp-content .pengaduan-customer-box ul select option {
    color: #333;
}

.popUp .popUp-container .popUp-content .pengaduan-customer-box ul select::placeholder,
.popUp .popUp-container .popUp-content .pengaduan-customer-box ul input::placeholder,
.popUp .popUp-container .popUp-content .pengaduan-customer-box ul textarea::placeholder {
    color: #eee;
}

.popUp .popUp-container .popUp-content .pengaduan-customer-box ul .pengaduan-verify {
    display: none;
    color: red;
}

#deposit .container .qris-item .bankcode-image {
    background: transparent
}

/* 流量充值-样式-start */
#deposit .container .bank-list .mobile-item {
    margin: 0 .5rem;
    border-radius: 1rem 1rem 0 0;
    box-shadow: 0 .1rem .5rem #999;
    padding-bottom: 1.5rem
}

#deposit .container .bank-list .mobile-item .qris-title {
    font-size: 1.3rem;
    background: #71a9f1;
    height: 3.7rem;
    line-height: 3.7rem;
    text-align: center;
    border-radius: 1rem 1rem 0 0;
    color: #fff;
    margin: 0;
    display: block;
    font-weight: 700
}

#deposit .container .bank-list .mobile-item .amount-qris {
    position: relative;
    padding: 0
}

#deposit .container .bank-list .mobile-item .amount-qris input {
    height: 2.6rem;
    line-height: 2.6rem;
    border-radius: .3rem;
    background: #dadada;
    font-size: 1.4rem;
    margin-right: 0;
    padding-left: .5rem;
    padding-right: 3rem;
    text-align: left
}

#deposit .container .bank-list .mobile-item .amount-qris input::placeholder {
    font-size: 1.4rem;
    font-weight: 400;
    display: block;
    position: absolute;
    right: 3rem;
    bottom: .4rem
}

#deposit .container .bank-list .mobile-item .amount-qris i {
    position: absolute;
    right: .5rem;
    top: .5rem;
    color: #333
}

#deposit .container .bank-list .mobile-item .amount-select {
    padding-left: 11.4rem
}

#deposit .container .bank-list .mobile-item .amount-select ul {
    display: flex;
    justify-content: space-between
}

#deposit .container .bank-list .mobile-item .amount-select li {
    width: 3.3rem;
    height: 1.9rem;
    min-height: 1.9rem;
    justify-content: center;
    line-height: 1.9rem;
    font-size: 1.2rem;
    color: #fff;
    background: #71a9f1;
    border-radius: .3rem;
    padding: 0;
    border-bottom: 0
}

#deposit .container .bank-list .mobile-item .bankcode-image p {
    width: 100%;
    margin: 0;
    display: block;
    padding: 1rem 1rem 0;
    box-sizing: border-box;
    color: red;
    text-align: center
}

#deposit .container .bank-list .mobile-item .qris-info {
    display: flex;
    padding: 0 1rem
}

#deposit .container .bank-list .mobile-item .qris-info .qris-logo img {
    width: 13rem
}

#deposit .container .bank-list .mobile-item .qris-info .qris-bank {
    display: flex;
    margin-top: .2rem
}

#deposit .container .bank-list .mobile-item .qris-info .qris-bank li {
    padding: 0;
    height: auto;
    min-height: auto;
    display: block;
    margin-right: .3rem;
    border-bottom: 0
}

#deposit .container .bank-list .mobile-item .qris-info .qris-bank li img {
    height: 1.6rem;
    border-radius: .3rem
}

#deposit .container .bank-list .mobile-item .submit {
    margin-bottom: 0;
    background: #f86609;
    border-radius: .3rem;
    height: 2.8rem;
    line-height: 2.8rem
}

.pc #deposit .container .bank-list .mobile-item .amount-select li {
    width: 3.5rem;
    height: 1.7rem;
    min-height: 1.7rem
}

.pc #deposit .container .bank-list .mobile-item .qris-info .qris-logo img {
    width: 11rem
}
/* 流量充值-样式-end */

#deposit .container .bank-list .qris-item {
    margin: 0 .5rem;
    border-radius: 1rem 1rem 0 0;
    box-shadow: 0 .1rem .5rem #999;
    padding-bottom: 1.5rem;
    background: #E8E8E8;
    border: 0.2rem solid #fff;
}

#deposit .container .bank-list .qris-item .mobile-device-layout {
    display: flex;
}

#deposit .container .bank-list .qris-item .mobile-device-layout .left-layout {
    width: 40%;
}

#deposit .container .bank-list .qris-item .mobile-device-layout .left-layout ul {
    flex-wrap: wrap;
    padding-right: 0;
    gap: 0.8rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

#deposit .container .bank-list .qris-item .mobile-device-layout .right-layout {
    width: 60%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#deposit .container .bank-list .qris-item .mobile-device-layout .right-layout .qris-info {
    margin-top: 1rem;
    flex-direction: column;
    /* flex-wrap: wrap; */
}

#deposit .container .bank-list .qris-item ul {
    margin: 1rem 0 0 0;
    list-style-type: none;
    padding: 0 2rem;
    font-size: 1.4rem;
}

.mobile #deposit .container .bank-list .qris-item>ul {
    padding: 0 1rem;
}

#deposit .container .bank-list .qris-item .qris-title {
    font-size: 1.3rem;
    height: 3.7rem;
    line-height: 3.7rem;
    text-align: center;
    border-radius: 1rem 1rem 0 0;
    color: #fff;
    margin: 0;
    display: block;
    font-weight: 700;

    box-shadow:
        0 4px 8px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    border: 1px solid #D4AF37;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
    background: linear-gradient(to bottom, #FF7A00, #FF4000);
    border-bottom: 0.15rem solid #E73500;
}

#deposit .container .bank-list .qris-item .amount-qris {
    position: relative;
    padding: 0
}

#deposit .container .qris-item .amount-qris label {
    min-width: auto;
    font-family: math;
    font-size: 1.4rem;
    font-weight: bold;
}

#deposit .container .bank-list .qris-item .amount-qris input {
    height: 3rem;
    line-height: 3rem;
    border-radius: 1.2rem;
    background: #FFFFFF;
    font-size: 1.4rem;
    padding-left: .5rem;
    margin-right: 1.2rem;
    text-align: left;
    border: 0.15rem solid #fff;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

#deposit .container .bank-list .mobile-item .amount-qris select {
    height: 2.6rem;
    line-height: 2.6rem;
    border-radius: .3rem;
    background: #dadada;
    font-size: 1.4rem;
    margin-right: 0;
    padding-left: .5rem;
    margin-right: 1.5rem;
    text-align: left
}

#deposit .container .bank-list .qris-item .amount-qris select {
    margin-left: .8rem;
    /* color: #fff; */
    border: 0;
    font-weight: bold;
}

#deposit .container .bank-list .qris-item .amount-qris input::placeholder {
    font-size: 1rem;
    font-weight: bold;
    display: block;
    position: absolute;
    left: 0;
    bottom: .7rem;
    color: #D5D5D5;
}

#deposit .container .bank-list .qris-item .amount-qris i {
    position: static;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
    color: #fff;
    padding: 0.5rem 0.4rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
    font-weight: bold;
    background: linear-gradient(to bottom, #FF8300, #FF4000);
    border-radius: 0.5rem;
    font-family: auto;
    border: none;
}

#deposit .container .bank-list .qris-item .amount-select {
    padding-left: 0;
}

#deposit .container .bank-list .qris-item .amount-select ul {
    display: flex;
    justify-content: space-between
}

#deposit .container .bank-list .qris-item .amount-select li {
    width: 1.4rem;
    height: 3rem;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: bold;

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;

    background: transparent;
    color: #3E3D3D;
    border-radius: 0.4rem;
    border: 0.1rem solid #D1D1D1;
    box-shadow: none;
}

#deposit .container .bank-list .qris-item .amount-select li:hover {
    opacity: 0.8;
    cursor: pointer;
}

#deposit .container .bank-list .qris-item .bankcode-image p {
    width: 100%;
    margin: 0;
    display: block;
    padding: 1rem 1rem 0;
    box-sizing: border-box;
    color: red;
    text-align: center
}

#deposit .container .bank-list .qris-item .qris-info {
    display: flex;
    padding: 0 1rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

#deposit .container .bank-list .qris-item .qris-info .support-by {
    font-size: 1.2rem;
    color: #565656;
}

#deposit .container .bank-list .qris-item .qris-info .qris-logo img {
    width: 16rem;
    display: block;
}

#deposit .container .bank-list .qris-item .qris-info .qris-bank {
    display: flex;
    margin-top: .2rem;
    padding: 0;
}

#deposit .container .bank-list .qris-item .qris-info .qris-bank li {
    padding: 0;
    height: auto;
    min-height: auto;
    display: block;
    margin-right: .3rem;
    border-bottom: 0
}

#deposit .container .bank-list .qris-item .qris-info .qris-bank li img {
    height: 1.6rem;
    border-radius: .3rem
}

#deposit .container .bank-list .qris-item .dana-submit-box {
    justify-content: space-evenly;
    margin-top: 1rem;
}

#deposit .container .bank-list .qris-item .dana-submit-box .submit,
#deposit .container .bank-list .qris-item .dana-submit-box .mobile-submit {
    height: auto;
    width: 11rem;
    flex: none;
    margin: 1rem 1rem 0;
    cursor: pointer;
}

#deposit .container .bank-list .qris-item .qris-submit-btn {
    background: linear-gradient(to bottom, #FBE607, #DD8900);
    border-radius: 0.8rem;
}
#deposit .container .bank-list .qris-item>.qris-submit-btn {
    margin: 1rem 2rem 0;
    padding: 0.16rem 0.17rem 0.18rem !important;
}
.mobile #deposit .container .bank-list .qris-item>.qris-submit-btn {
    margin: 1rem 1rem 0;
}
#deposit .container .bank-list .qris-item>.qris-submit-btn>.submit {
    width: auto !important;
    margin: 0 !important;
}
#deposit .container .bank-list .qris-item .submit {
    height: auto;
    width: 11rem;
    background: linear-gradient(0deg, #BD750F 15%, #F7DB22 70%, #A4700F 100%);
    border-top: 0.15rem solid #E1A50F;
    border-bottom: 0.2rem solid #E1A50F;
    border-radius: 1.4rem;
    padding: 0.5rem 1rem;
    color: #000;

    background: linear-gradient(to bottom, #FFE800, #FF9E00);
    border-radius: 0.7rem;
    border: none;
    color: #8E4108;
    font-weight: bold;
    font-size: 1.4rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

#deposit .container .bank-list .qris-item .dana-submit-box .submit {
    margin: 0.16rem 0.17rem 0.18rem !important;
}

#deposit .container .bank-list .qris-item .dana-app-btn {
    background: linear-gradient(to bottom, #06F2F5, #0368DB);
    border-radius: 0.8rem;
}
#deposit .container .bank-list .qris-item .dana-app-submit {
    background: linear-gradient(0deg, #043290 15%, #196CD4 70%, #2A88EC 100%);
    border-top: 0.15rem solid #06E3EF;
    border-bottom: 0.2rem solid #0157B9;
    border-radius: 1.4rem;
    padding: 0.5rem 1rem;

    background: linear-gradient(to bottom, #02F6F9, #0370ED);
    border-radius: 0.7rem;
    border: none;
    margin: 0.16rem 0.17rem 0.18rem !important;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -1px rgba(0, 0, 0, 0.3), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

#deposit .container .bankcode-image {
    padding: 0;
}
#deposit .container .bankcode-image.bankcode-image-active {
    padding: 2rem 0;
    background: #fff
}

#deposit .container .bank-list .qris-item {
    border-radius: 1rem;
}

.pc #deposit .container .bank-list .qris-item .amount-select li {
    width: auto;
    height: 3rem;
    min-height: auto
}

.pc #deposit .container .bank-list .qris-item .qris-info .qris-logo img {
    width: 15rem
}

/* qris-样式-start */
.pc #deposit .container .bank-list .qris-item .submit,
.pc #deposit .container .bank-list .qris-item .mobile-submit {
    height: auto !important;
    padding: 0.5rem 7rem;
}

.pc #deposit .container .qris-item .amount-qris label {
    font-size: 1.6rem;
}

.pc #deposit .container .bank-list .qris-item .amount-select li {
    width: auto;
}

.pc #deposit .container .bank-list .qris-item .amount-qris input::placeholder {
    font-size: 1.4rem;
    bottom: .55rem;
    left: 50%;
    transform: translate(-50%, 0%);
}

.pc #deposit .container .bank-list .qris-item .submit {
    height: auto;
    width: auto;
}

.pc #deposit .container .bank-list .qris-item .qris-info {
    padding-top: 40px;
}

/* qris-样式-end */

/* 流量充值-样式-start */
.black-gold-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .black-gold-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.rose-red-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .rose-red-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.deep-blue-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .deep-blue-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.champagne-gold-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .champagne-gold-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.green-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .green-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.purple-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .purple-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.pink-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .pink-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.Navy_blue-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .Navy_blue-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.black_gold-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .black_gold-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.black_yellow-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .black_yellow-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.red_yellow-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .red_yellow-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.greens-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .greens-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.Brown_yellow-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .Brown_yellow-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.Blue_yellow-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .Blue_yellow-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.Blue_violet-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .Blue_violet-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.Chestnut_powder-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .Chestnut_powder-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.Green_gray-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .Green_gray-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.yellow-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .yellow-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

.light-pink-theme #deposit .container .bank-list .mobile-item {
    background: #fff
}

.pc .light-pink-theme #deposit .container .bank-list .mobile-item {
    margin-left: 295px
}

#deposit .container .bank-list .mobile-item .amount-qris select {
    height: 2.6rem;
    line-height: 2.6rem;
    border-radius: .3rem;
    background: #dadada;
    font-size: 1.4rem;
    margin-right: 0;
    padding-left: .5rem;
    padding-right: 3rem;
    text-align: left
}

#deposit .container .bank-list .mobile-item .amount-qris select {
    margin-left: .8rem;
    border: 0;
    font-weight: 700
}

#deposit .container .bank-list .mobile-item .mobile-submit {
    margin-bottom: 0;
    background: #f86609;
    border-radius: .3rem;
    height: 2.8rem;
    line-height: 2.8rem;
    cursor: pointer
}

#deposit .container .bank-list .mobile-item .mobile-submit {
    margin: 1.5rem;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    box-shadow: 0 0 1rem rgb(0 0 0 / 30%)
}

/* 流量充值-样式-end */