@import url('../default.css');
@import url("templatestyle.css");
@import url('./co/kx.css');
html {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: transparent;
}

::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background: #5a8fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2])::-webkit-scrollbar-thumb {
    background: #af8444;
}

.container.type8 .online_service_btn,
.container.type8 .flytable_box,
.container.type8 .ui_3_box,
.container.type8 .ui_3_box .pc_top_box,
.container.type8 .ui_3_box .pc_personal_box,
.container.type8 .ui_3_box .ui_3_report_btn,
.container.type8 .ui_3_box .pc_auto_bet,
.container.type8 .ui_3_box .all_people_box,
.container.type8 .ui_3_box .table_menu_up,
.container.type8 .ui_3_box .ui_3_rakeback_btn,
.container.type8 .ui_3_box .ui_3_call_btn,
.container.type8 .ui_3_box .ui_3_rule_btn,
.container.type8 .ui_3_box .ui_3_onlineStorage_btn,
.container.type8 .ui_3_box .ui_3_outgame_btn,
.container.type8 .ui5_box,
.container.type8 .apparea,
.container.type8 #music-box-container .on,
.container.type8 .marquee_box.on,
.container.type8 .Changetable_box,
.container.type8 .all_people_box,
.container.type8 .changetable .game_list .bottom_box,
.container.type8 .user_bg,
.container.type8 .remind_box,
.container.type8 .login-box .downloadapp,
.container.type8 .bet_features_box,
.container.type8 .apparea,
.container.type8 .marquee_box,
.container.type8 .menu_list_box .version_box,
.container.type8 .btn_registered,
.container.type8 .changeui_btn,
.container.type8 .pc_version_box,
.container.type8 .login-box .btn-register {
    display: none;
}

.container.type8 .login_icon {
    background: url('../../images/C_images/all_bg/iframe_login/login_icon.png');
}

.container.type8 .lang_icon {
    background: url('../../images/C_images/all_bg/iframe_login/lang_icon.png');
}

.container.type8 .hotplay_icon {
    background: url('../../images/C_images/all_bg/iframe_login/login_game.png');
}

.container.type8 .window_bg {
    background: url('../../images/C_images/all_bg/iframe_login/login_window_bg.png') no-repeat 0 0 / 100% 100%;
}

.container.type8 .loadingImage,
.container.type8 .loading_text {
    display: none;
}

.container.type8 .loading_bar_text {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.container.type8 .loading_bar_text::before {
    left: 19%;
    top: 83%;
    font-size: 1.5rem;
    color: #ffce97;
    content: 'Loading...';
}

.container.type8 .loading_bar_text span {
    color: #ffce97;
    font-size: 1.5rem;
}

.container.type8 .loading_bar_image {
    position: relative;
}

.container.type8 .loading_bar_image::before {
    content: '';
    position: absolute;
    right: -25px;
    top: 50%;
    width: 60px;
    transform: translate(0, -50%);
    height: 55px;
    background: url(../../images/C_images/all_bg/iframe_login/ui8/loading_icon.png) no-repeat center center / 100% 100%;
}

.container.type8 .login-box {
    visibility: visible;
}

.container.type8 .login-box,
.container.type8 .login-bg {
    width: 100%;
    height: 100%;
}

.container.type8 .login-bg {
    position: relative;
    overflow: hidden;
    background: none !important;
    z-index: 0;
}

.container.type8 .login-bg::before,
.container.type8 .login-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
}

.container.type8 .login-bg::after {
    background: rgba(0, 0, 0, 0.25);
}

.container.type8 .login-bg::before {
    background: url('../../images/C_images/all_bg/iframe_login/ui8/login_bg.jpg') no-repeat 0 0 / 100% 100%;
    filter: blur(1px);
    transform: scale(1.08);
    will-change: background-position, transform, filter;
}

html[co=kx] .container.type8 .login-bg::before {
    background: url('../../images/vendor_logo_bg/kx/background.jpg') no-repeat 0 0 / 100% 100%;
}

html[co=ks] .container.type8 .login-bg::before {
    background: url('../../images/C_images/all_bg/iframe_login/ui99/ui_99_bg.png') no-repeat 0 0 / 100% 100%;
}

html[co=jd] .container.type8 .login-bg::before {
    background: url('../../images/C_images/all_bg/iframe_login/ui8/login_bg2.jpg') no-repeat 0 0 / 100% 100%;
}

html[co=jb2] .container.type8 .login-bg::before {
    background: url('../../images/vendor_logo_bg/jb/loginbg.jpg') no-repeat 0 0 / 100% 100%;
}

html[co=jb2] .container.type8 .bg_logo {
    background: url('../../images/vendor_logo_bg/jb2/bg_logo.svg') no-repeat 0 0 / 100% 100%;
    position: relative;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0%;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

html[co=wmub] .container.type8 .login-bg::before {
    background: url('../../images/C_images/all_bg/iframe_login/landscape/login_bg.jpg') no-repeat 0 0 / 100% 100%;
}

@keyframes type8BgMove {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 12px -60px;
    }
    100% {
        background-position: 0 -120px;
    }
}

@media (prefers-reduced-motion:reduce) {
    html[co=wmub] .container.type8 .login-bg::before {
        animation: none;
    }
}

.container.type8 .ui_3_box.on {
    pointer-events: auto;
    display: block;
}

.container.type8 .ui_3_box .pc_left_box {
    position: absolute;
    width: 11.5%;
    height: 100%;
    background-color: #1b1d23;
}

.container.type8 .ui_3_box .ui_3_logo {
    position: absolute;
    top: 2.9%;
    left: 0.7%;
    z-index: 2;
    width: 9.6%;
    height: 6%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

html:is([co=wm],
[co=wmub]) .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/wm/ui8/logo.png');
}

html[co=nwm] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/nwm/ui_3_logo.png');
}

html[co=mogen] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/mogen/ui_3_logo.png');
}

html[co=kt] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/kt/ui_3_logo.png');
}

html[co=gd] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/gd/pc/lobbyLogo.png');
}

html[co=tg] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/tg/logo.svg');
}

html[co=nw] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/nw/landscapeLogo.svg');
}

html[co=lh] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/lh/logo.png');
}

html[co=bl] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/bl/logo.png');
}

html[co=kx] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/kx/ui8/ui_3_logo.png');
    top: 2.9%;
    left: 0.4%;
    width: 10.6%;
    height: 7%;
}

html[co=hm] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/hm/ui_3_logo.png');
    top: 2.9%;
    left: 0.4%;
    width: 10.6%;
    height: 7%;
}

html[co=ks] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/ks/ui_3_logo.png');
    top: 2.9%;
    left: 0.4%;
    width: 10.6%;
    height: 7%;
}

html[co=jd] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/jd/ui_3_logo.png');
    top: 2.9%;
    left: 0.4%;
    width: 10.6%;
    height: 7%;
}

html[co=dv] .container.type8 .ui_3_box .ui_3_logo {
    background-image: url('../../images/vendor_logo_bg/dv/ui_3_logo.png');
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: absolute;
    height: 59%;
    top: 12.3%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item {
    display: none;
    align-items: center;
    width: 100%;
    height: 10.5%;
    padding: 0 8%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.open_btn {
    display: flex;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item {
    transition: all 0.2s ease;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item:hover {
    transform: scale(1.05);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item:active {
    transform: scale(0.9);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item::before {
    background: url(../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png) no-repeat 0 0 / 1350% 1350%;
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 5%;
    display: block;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.js_on {
    color: #d0e4ff;
    background: linear-gradient(145deg, #2a3a4d 0%, #3a5a8f 100%);
    box-shadow: 0 0 4px rgba(70, 130, 220, 0.3), inset 0 0 10px rgba(90, 150, 240, 0.3);
    border: 1px solid rgba(100, 160, 240, 0.3);
    transition: all 0.25s ease;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.js_on {
    color: #ffe08a;
    background: linear-gradient(145deg, #1e1500 0%, #2a1f00 100%);
    box-shadow: inset 0 0 4px rgba(255, 200, 50, 0.4);
    transform: scale(0.98);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .ui_3_game_item.js_on {
    color: #ffdca7 !important;
    border-bottom-color: #BC9760;
    background: url('../../images/C_images/all_bg/iframe_109/lobby/ui6/game_item_on_bg.png') no-repeat 0 0 / 100% 100% !important;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_all::before {
    background-position: 0% 0%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_101::before {
    background-position: 0% 9%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_102::before {
    background-position: 0% 18%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_108::before {
    background-position: 0% 26.5%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_103::before {
    background-position: 0% 34%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_104::before {
    background-position: 0% 43%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_other::before {
    background-position: 0% 52.5%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_multi::before {
    background-position: 0% 61%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_Blockchain::before {
    background-position: 0% 70%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_all {
    order: 1;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_101 {
    order: 2;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_102 {
    order: 4;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_108 {
    order: 3;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_103 {
    order: 5;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_104 {
    order: 6;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_130 {
    order: 7;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_other {
    order: 8;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_Blockchain {
    order: 9;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_multi {
    order: 10;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game7 {
    order: 11;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_all {
    order: 1;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_101 {
    order: 2;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_102 {
    order: 3;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_108 {
    order: 4;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_103 {
    order: 5;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_104 {
    order: 6;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_130 {
    order: 7;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_133 {
    order: 8;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_other {
    order: 9;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_multi {
    order: 10;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game7 {
    order: 11;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_cockfighting::before {
    background: url('../../images/C_images/all_icon/chicken_off.png') no-repeat center center / contain;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game7::before {
    background: url('../../images/C_images/all_icon/777.png') no-repeat center center / contain;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game7.js_on::before {
    background: url('../../images/C_images/all_icon/777_on.png') no-repeat center center / contain;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.js_on::before {
    background-position-x: 9.5%;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game_cockfighting.js_on::before {
    background: url('../../images/C_images/all_icon/chicken_on.png') no-repeat center center / contain;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item .total {
    margin-left: auto;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item:nth-child(1),
.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item.game8 {
    display: none;
}

.container.type8 .ui_3_box .pc_left_box .pc_donwloadapp_box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 25%;
    box-shadow: 0 -1px rgb(218 218 218 / 30%);
    display: none;
}

.container.type8 .ui_3_box .pc_left_box .pc_donwloadapp_box.on {
    display: block;
}

.container.type8 .pc_donwloadapp_box a {
    color: #FFF;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#3D79F5, #084598);
    font-size: .9rem;
    border-radius: 6rem;
    box-shadow: inset 0px 1px #ffffff45;
    position: absolute;
    bottom: 8%;
    left: 17%;
    width: 70.5%;
    height: 13.8%;
    display: none;
}

.container.type8 .pc_donwloadapp_box a.on {
    display: flex;
}

.container.type8 .ui_3_box .pc_left_box .pc_donwloadapp_box .pc_donwloadapp_img {
    width: 50%;
    padding-bottom: 61%;
    position: absolute;
    top: 24.5%;
    left: 25%;
}

.container.type8 .pc_donwloadapp_box .qrcode-title {
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 1rem;
    text-align: center;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .pc_donwloadapp_box .qrcode-title {
    display: none;
}

html:is([co=wm],
[co=wmub]) .container.type8 .ui_3_box .pc_left_box .pc_donwloadapp_box .pc_donwloadapp_img {
    background: url('../../images/vendor_logo_bg/wm/appimg.png') no-repeat center center / contain;
}

html[co=tg] .container.type8 .ui_3_box .pc_left_box .pc_donwloadapp_box .pc_donwloadapp_img {
    background: url('../../images/vendor_logo_bg/tg/appimg.png') no-repeat center center / contain;
}

html[co=lh] .container.type8 .ui_3_box .pc_left_box .pc_donwloadapp_box .pc_donwloadapp_img {
    background: url('../../images/vendor_logo_bg/lh/appimg.png') no-repeat center center / contain;
}

html[co=bl] .container.type8 .ui_3_box .pc_left_box .pc_donwloadapp_box .pc_donwloadapp_img {
    background: url('../../images/vendor_logo_bg/bl/appimg.png') no-repeat center center / contain;
}

.container.type8 .login-box .version-box {
    bottom: 1%;
    color: #fff;
    font-size: 1.5rem;
    left: 1%;
    position: absolute;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_version {
    position: absolute;
    transform: translate(-50%, 0);
    bottom: 3%;
    left: 50%;
    font-size: 1rem;
}

.container.type8 .topRightButtonBox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 3%;
    right: 1.8%;
}

.container.type8 .logo {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 16.4%;
    top: 12.2%;
    width: 23.3%;
    height: 13.3%;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .logo {
    width: 32.3%;
    left: 12.7%;
    height: 17.3%;
    ;
}

.container.type8 .login-box .hotplay_box {
    display: none;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .login-box .hotplay_box {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    width: 50%;
    height: 41%;
    left: 50%;
    flex-direction: column;
    top: 30%;
}

.container.type8 .login-box .hotplay_box .title {
    height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    text-shadow: 0px 0px 39px #000000, 0px 0px 4px #000000, 0px 0px 20px #000000;
}

.container.type8 .login-box .hotplay_box .title::before,
.container.type8 .login-box .hotplay_box .title::after {
    content: '';
    margin: 0 2%;
    border-top: 1px solid #FFF;
    width: 12%;
    box-shadow: 0px 0px 6px 1px #000;
}

.container.type8 .login-box .hotplay_box .hotplay_content {
    width: 100%;
    height: 96%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.container.type8 .login-box .hotplay_box .hotplay_item {
    width: 25%;
    height: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    font-size: 1.5rem;
}

.container.type8 .login-box .hotplay_box .hotplay_icon {
    background-repeat: no-repeat;
    background-size: 100% 1000%;
    width: 50%;
    padding-bottom: 40%;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 1)) contrast(200%);
}

.container.type8 .login-box .hotplay_box .hotplay_icon.game01 {
    background-position: 0% 0%;
}

.container.type8 .login-box .hotplay_box .hotplay_icon.game02 {
    background-position: 0% 11.1%;
}

.container.type8 .login-box .hotplay_box .hotplay_icon.game03 {
    background-position: 0% 22.1%;
}

.container.type8 .login-box .hotplay_box .hotplay_icon.game04 {
    background-position: 0% 33.3%;
}

.container.type8 .login-box .hotplay_box .hotplay_icon.game05 {
    background-position: 0% 44.4%;
}

.container.type8 .login-box .hotplay_box .hotplay_item span {
    text-align: center;
    font-weight: bold;
    color: #e6e6e6;
    text-shadow: 0px 0px 50px #000000, 0px 0px 15px #000000, 0px 0px 20px #000000, 0px 0px 12px #000000;
}

.container.type8 .login-box .btn-changelanguage {
    top: 2.6%;
    right: 4%;
    min-width: 7.8%;
    height: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 8rem;
    padding: 0.1rem 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 5px rgba(0, 0, 0, 0.3), 0 4px 6px rgba(0, 0, 0, 0.25);
    border: 0.2rem solid rgba(255, 255, 255, 0.4);
    transition: all 0.2s ease-in-out;
    will-change: transform, box-shadow, background;
}

.container.type8 .login-box .btn-changelanguage:hover {
    transform: none;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35), inset 0 2px 4px rgba(255, 255, 255, 0.25);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.3));
}

.container.type8 .login-box .btn-changelanguage:active {
    transform: scale(0.95);
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.5), inset 0 -3px 6px rgba(255, 255, 255, 0.2);
    transition: transform 0.05s ease, box-shadow 0.1s ease;
}

.container.type8 .login-box .lang_icon {
    margin-right: 5%;
    background-size: 100% 1200%;
    background-repeat: no-repeat;
}

.container.type8 .login-box .btn-changelanguage.cn .lang_icon {
    background-position: 0% 0%;
}

.container.type8 .login-box .btn-changelanguage.tw .lang_icon {
    background-position: 0% 9%;
}

.container.type8 .login-box .btn-changelanguage.en .lang_icon {
    background-position: 0% 18%;
}

.container.type8 .login-box .btn-changelanguage.th .lang_icon {
    background-position: 0% 27%;
}

.container.type8 .login-box .btn-changelanguage.vi .lang_icon {
    background-position: 0% 36%;
}

.container.type8 .login-box .btn-changelanguage.ja .lang_icon {
    background-position: 0% 45.5%;
}

.container.type8 .login-box .btn-changelanguage.ko .lang_icon {
    background-position: 0% 54.5%;
}

.container.type8 .login-box .btn-changelanguage.hi .lang_icon {
    background-position: 0% 63.5%;
}

.container.type8 .login-box .btn-changelanguage.ms .lang_icon {
    background-position: 0% 72.5%;
}

.container.type8 .login-box .btn-changelanguage.in .lang_icon {
    background-position: 0% 81.9%;
}

.container.type8 .login-box .btn-changelanguage.es .lang_icon {
    background-position: 0% 91%;
}

.container.type8 .language-type {
    font-size: 1.2rem;
    color: #FFF;
}

.container.type8 .login-box .btn-changelanguage.cn .language-type::after {
    content: var(--lang-cn)
}

.container.type8 .login-box .btn-changelanguage.tw .language-type::after {
    content: var(--lang-tw)
}

.container.type8 .login-box .btn-changelanguage.en .language-type::after {
    content: var(--lang-en)
}

.container.type8 .login-box .btn-changelanguage.th .language-type::after {
    content: var(--lang-th)
}

.container.type8 .login-box .btn-changelanguage.vi .language-type::after {
    content: var(--lang-vi)
}

.container.type8 .login-box .btn-changelanguage.ja .language-type::after {
    content: var(--lang-ja)
}

.container.type8 .login-box .btn-changelanguage.ko .language-type::after {
    content: var(--lang-ko)
}

.container.type8 .login-box .btn-changelanguage.hi .language-type::after {
    content: var(--lang-hi)
}

.container.type8 .login-box .btn-changelanguage.ms .language-type::after {
    content: var(--lang-ms)
}

.container.type8 .login-box .btn-changelanguage.in .language-type::after {
    content: var(--lang-in)
}

.container.type8 .login-box .btn-changelanguage.es .language-type::after {
    content: var(--lang-es)
}

.container.type8 .login-box .btn-changelanguage.ru .language-type::after {
    content: var(--lang-ru)
}

.container.type8 .login-box .lang_icon {
    width: 18%;
    padding-bottom: 18%;
    margin-top: 0.3rem;
}

.container.type8 .login-box .language-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #080808eb;
    visibility: hidden;
    transition: visibility .2s linear;
    -webkit-transition: visibility .2s linear;
}

.container.type8 .login-box .language-list.on {
    visibility: visible;
}

.container.type8 .login-box .language-list .language_box {
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    background: #212229;
    border-radius: .5rem;
    height: 62%;
    width: 48%;
    transform: translate(-50%, -50%);
}

.container.type8 .login-box .language-list .title {
    font-size: 1.2rem;
    height: 10%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
}

.container.type8 .login-box .language-list .language_content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 80%;
    padding: 2% 3%;
    align-items: center;
}

.container.type8 .login-box .language_list {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    justify-content: space-around;
    cursor: pointer;
    opacity: 0.9;
    background-color: rgb(96 96 96 / 50%);
    height: 28%;
    width: 19%;
    margin: 1% 3%;
    font-size: 1rem;
    border-radius: .5rem;
}

.container.type8 .login-box .language_list .lang_icon {
    background-size: 100% 1200%;
    background-repeat: no-repeat;
    padding-bottom: 40%;
    width: 40%;
}

.container.type8 .login-box .language_list.on {
    background: linear-gradient(#f1e1c4, #e7cca1);
    color: #705223;
    opacity: 1;
}

.container.type8 .login-box .language_list.cn .lang_icon {
    background-position: 0% 0%;
}

.container.type8 .login-box .language_list.tw .lang_icon {
    background-position: 0% 9%;
}

.container.type8 .login-box .language_list.en .lang_icon {
    background-position: 0% 18%;
}

.container.type8 .login-box .language_list.th .lang_icon {
    background-position: 0% 27%;
}

.container.type8 .login-box .language_list.vi .lang_icon {
    background-position: 0% 36%;
}

.container.type8 .login-box .language_list.ja .lang_icon {
    background-position: 0% 45.5%;
}

.container.type8 .login-box .language_list.ko .lang_icon {
    background-position: 0% 54.5%;
}

.container.type8 .login-box .language_list.hi .lang_icon {
    background-position: 0% 63.5%;
}

.container.type8 .login-box .language_list.ms .lang_icon {
    background-position: 0% 72.5%;
}

.container.type8 .login-box .language_list.in .lang_icon {
    background-position: 0% 81.9%;
}

.container.type8 .login-box .language_list.es .lang_icon {
    background-position: 0% 91%;
}

.container.type8 .login-box .language_list.cn .language-item::after {
    content: var(--lang-cn)
}

.container.type8 .login-box .language_list.tw .language-item::after {
    content: var(--lang-tw)
}

.container.type8 .login-box .language_list.en .language-item::after {
    content: var(--lang-en)
}

.container.type8 .login-box .language_list.th .language-item::after {
    content: var(--lang-th)
}

.container.type8 .login-box .language_list.vi .language-item::after {
    content: var(--lang-vi)
}

.container.type8 .login-box .language_list.ja .language-item::after {
    content: var(--lang-ja)
}

.container.type8 .login-box .language_list.ko .language-item::after {
    content: var(--lang-ko)
}

.container.type8 .login-box .language_list.hi .language-item::after {
    content: var(--lang-hi)
}

.container.type8 .login-box .language_list.ms .language-item::after {
    content: var(--lang-ms)
}

.container.type8 .login-box .language_list.in .language-item::after {
    content: var(--lang-in)
}

.container.type8 .login-box .language_list.es .language-item::after {
    content: var(--lang-es)
}

.container.type8 .login-box .language_list.ru .language-item::after {
    content: var(--lang-ru)
}

.container.type8 .login-box .language-list .language_close_btn {
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 2%;
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .login-box .language-list .confirm_btn {
    white-space: nowrap;
    cursor: pointer;
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    border-radius: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 6%;
    font-size: 1rem;
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.container.type8 .login-box .language-list .confirm_btn:hover {
    transform: translateY(2px);
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3), inset 0 -1px 2px rgba(255, 215, 140, 0.2), 0 2px 4px rgba(109, 78, 35, 0.4);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .login-box .language-list .confirm_btn {
    background: radial-gradient(circle, #af8444, #8a672c);
}

.container.type8 .login-box .contain_left_box {
    height: 30.5%;
    width: 32.3%;
    background-color: rgb(255 255 255 / 10%);
    position: absolute;
    top: 32.7%;
    left: 12.7%;
    border-radius: 1rem;
    box-shadow: 0 0 0 1px rgb(255 255 255 / 30%);
}

.container.type8 .login-box .contain_box .title {
    display: none;
}

.container.type8 .login-box .id_box,
.container.type8 .login-box .password_box {
    width: 86%;
    height: 20%;
    background: rgb(18 20 38 / 60%);
    border-radius: 6rem;
    display: flex;
    align-items: center;
    position: absolute;
    left: 7%;
}

.container.type8 .login-box .id_box::before,
.container.type8 .login-box .password_box::before {
    content: '';
    position: absolute;
    left: 5%;
    top: 21%;
    border-radius: 50%;
    width: 8%;
    padding-bottom: 8%;
    background-color: rgb(255 255 255 / 30%);
}

.container.type8 .login-box .id_box {
    top: 13.5%;
}

.container.type8 .login-box .password_box {
    top: 45.8%;
}

.container.type8 .login-box .id_box .icon,
.container.type8 .login-box .password_box .icon {
    background: url('../../images/C_images/all_bg/iframe_login/login_icon.png');
    width: 1.3rem;
    height: 1.5rem;
    position: absolute;
    left: 6%;
}

.container.type8 .login-box .id_box .icon {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 900% 100%;
    width: 6%;
}

.container.type8 .login-box .password_box .icon {
    background-repeat: no-repeat;
    background-position: 14.4% 0%;
    background-size: 900% 100%;
    width: 6%;
}

.container.type8 .login-box .id_box .form_control,
.container.type8 .login-box .password_box .form_control {
    font-size: 1.2rem;
    height: 100%;
    width: 63%;
    color: #FFF;
    display: none;
    position: absolute;
    left: 17.8%;
}

.container.type8.lang-cn .login-box .form_control.lang-cn {
    display: inline-block;
}

.container.type8.lang-tw .login-box .form_control.lang-tw {
    display: inline-block;
}

.container.type8.lang-en .login-box .form_control.lang-en {
    display: inline-block;
}

.container.type8.lang-th .login-box .form_control.lang-th {
    display: inline-block;
}

.container.type8.lang-vi .login-box .form_control.lang-vi {
    display: inline-block;
}

.container.type8.lang-ja .login-box .form_control.lang-ja {
    display: inline-block;
}

.container.type8.lang-ko .login-box .form_control.lang-ko {
    display: inline-block;
}

.container.type8.lang-in .login-box .form_control.lang-in {
    display: inline-block;
}

.container.type8.lang-hi .login-box .form_control.lang-hi {
    display: inline-block;
}

.container.type8.lang-ms .login-box .form_control.lang-ms {
    display: inline-block;
}

.container.type8.lang-es .login-box .form_control.lang-es {
    display: inline-block;
}

.container.type8.lang-ru .login-box .form_control.lang-ru {
    display: inline-block;
}

.container.type8 .login-box .contain_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 85%;
    height: 10%;
}

.container.type8 .login-box .password_box .eye {
    background-repeat: no-repeat;
    background-position: 52% 0;
    background-size: 900% 200%;
    width: 7%;
    padding-bottom: 4%;
    position: absolute;
    right: 3.7%;
    top: 39%;
}

.container.type8 .login-box .password_box .eye.on {
    background-position: 67.5% 0;
}

.container.type8 .login-box .contain_item {
    width: 80%;
    height: 15%;
}

.container.type8 .login-box .remember_password {
    display: flex;
    align-items: center;
    width: 46%;
    height: 7.4%;
    font-size: 1.2rem;
    white-space: nowrap;
    position: absolute;
    top: 77.1%;
    left: 8.2%;
}

html[co=ks] .container.type8 .login-box .remember_password {
    display: none;
}

.container.type8 .login-box .remember_password input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.container.type8 .login-box .remember_password input[type="checkbox"]+label {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    flex: 1;
}

.container.type8 .login-box .remember_password input[type="checkbox"]+label span {
    order: -1;
}

.container.type8 .login-box .remember_password input[type="checkbox"]+label::before {
    content: "";
    margin-left: 0.5rem;
    position: relative;
    background-color: #00000080;
    border-radius: 1rem;
    width: 2.8rem;
    height: 1.4rem;
    transition: background-color 0.3s;
}

.container.type8 .login-box .remember_password input[type="checkbox"]+label::after {
    content: "";
    position: absolute;
    left: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem;
    transition: left 0.3s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.container.type8 .login-box .remember_password input[type="checkbox"]:checked+label::before {
    background-color: #598fff;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .login-box .remember_password input[type="checkbox"]:checked+label::before {
    background-color: #927c58;
}

.container.type8 .login-box .remember_password input[type="checkbox"]:checked+label::after {
    left: 1.6rem;
}

.container.type8 .login-box .btn-guest,
.container.type8 .login-box .btn-login,
.container.type8 .login-box .btn-register {
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    border-radius: 10rem;
    white-space: nowrap;
    text-shadow: 0 0 0.5rem #000000b0, 0 0 0.3rem #000000a3, 0 0 1rem #ffffff33;
    will-change: transform, box-shadow, background;
}

.container.type8 .login-box .btn-guest {
    display: none;
    position: absolute;
    top: 141.2%;
    left: 0%;
    width: 100%;
    height: 21.4%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle, #f573d2, #d43fb7);
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.container.type8 .login-box .btn-guest:hover {
    transform: none;
    background: radial-gradient(circle, #ff8de0, #e84cc4);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.container.type8 .login-box .btn-guest:active {
    transform: scale(0.96);
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.05s ease, box-shadow 0.1s ease;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .login-box .btn-guest {
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
}

.container.type8 .login-box .btn-login {
    position: absolute;
    top: 110.6%;
    left: 0%;
    width: 100%;
    height: 21.4%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.container.type8 .login-box .btn-login:hover {
    transform: none;
    background: radial-gradient(circle, #6fa2ff, #3a6fed);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.container.type8 .login-box .btn-login:active {
    transform: scale(0.96);
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.05s ease, box-shadow 0.1s ease;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .login-box .btn-login {
    background: radial-gradient(circle, #af8444, #8a672c);
}

.container.type8 .login-box .btn-register {
    position: absolute;
    top: calc(141.2% + 30%);
    left: 0;
    width: 100%;
    height: 21.4%;
    display: none;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #34d399, #10b981);
    box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.4), inset 0 -2px 5px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.1s ease;
}

.container.type8 .login-box .btn-register:hover {
    transform: none;
    background: radial-gradient(circle at center, #6ee7b7, #059669);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.container.type8 .login-box .btn-register:active {
    transform: scale(0.96);
    background: linear-gradient(to bottom, #065f46, #34d399);
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.05s ease, box-shadow 0.1s ease;
}

html[co=wmub] .container.type8 .login-box .btn-register {
    display: flex;
}

.container.type8 .registerContent {
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    background: #212229;
    border-radius: .5rem;
    height: 62%;
    width: 48%;
    transform: translate(-50%, -50%);
}

.container.type8 .registerContent .title_box {
    width: 100%;
    height: 10%;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
    display: flex;
    position: relative;
}

.container.type8 .registerContent .title_box span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.container.type8 .registerContent .close_btn {
    background: url(../../images/C_images/all_icon/ui_7_icon/close_btn.png) no-repeat center center / contain;
    top: 20%;
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .registerContent .formContent {
    width: 100%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.container.type8 .registerContent .formContent .form_list {
    width: 80%;
    height: 15%;
    background: rgba(0, 0, 0, .55);
    border-radius: 6rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 5%;
}

.container.type8 .registerContent .formContent .form_list .input_box {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 5%;
}

.container.type8 .registerContent .formContent .form_list .input_box .icon {
    width: 2rem;
    height: 2rem;
    margin-right: 5%;
}

.container.type8 .registerContent .formContent .form_list .input_box .icon.user_icon {
    background-image: url(../../images/C_images/all_bg/iframe_login/login_icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 900% 100%;
}

.container.type8 .registerContent .formContent .form_list .input_box .icon.lock_icon {
    background-image: url(../../images/C_images/all_bg/iframe_login/login_icon.png);
    background-repeat: no-repeat;
    background-position: 14.4% 0%;
    background-size: 900% 100%;
}

.container.type8 .registerContent .formContent .form_list .input_box .input_item {
    width: 75%;
    height: 100%;
    font-size: 1.2rem;
    color: #fff;
    background-color: transparent;
    border: none;
}

.container.type8 .registerContent .formContent .form_list .input_box .togglePassword {
    width: 2rem;
    height: 1rem;
    margin-left: 5%;
}

.container.type8 .registerContent .formContent .form_list .input_box .togglePassword .eye_icon {
    width: 100%;
    height: 100%;
    background-image: url(../../images/C_images/all_bg/iframe_login/login_icon.png);
    background-repeat: no-repeat;
    background-position: 52% 0;
    background-size: 900% 200%;
}

.container.type8 .registerContent .formContent .form_list .input_box .togglePassword .eye_icon.on {
    background-position: 67.5% 0;
}

.container.type8 .registerContent .formContent .submit_btn {
    white-space: nowrap;
    cursor: pointer;
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    border-radius: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 6%;
    font-size: 1rem;
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.container.type8 .registerWindow .input_item {
    display: none;
    color: #fff;
    background: transparent;
}

.container.type8 .registerWindow .input_item::placeholder {
    color: #aaa;
}

.container.type8.lang-cn .registerWindow .input_item.lang-cn {
    display: block;
}

.container.type8.lang-tw .registerWindow .input_item.lang-tw {
    display: block;
}

.container.type8.lang-en .registerWindow .input_item.lang-en {
    display: block;
}

.container.type8.lang-th .registerWindow .input_item.lang-th {
    display: block;
}

.container.type8.lang-vi .registerWindow .input_item.lang-vi {
    display: block;
}

.container.type8.lang-ja .registerWindow .input_item.lang-ja {
    display: block;
}

.container.type8.lang-ko .registerWindow .input_item.lang-ko {
    display: block;
}

.container.type8.lang-hi .registerWindow .input_item.lang-hi {
    display: block;
}

.container.type8.lang-ms .registerWindow .input_item.lang-ms {
    display: block;
}

.container.type8.lang-in .registerWindow .input_item.lang-in {
    display: block;
}

.container.type8.lang-es .registerWindow .input_item.lang-es {
    display: block;
}

.container.type8.lang-ru .registerWindow .input_item.lang-ru {
    display: block;
}

.container.type8 .login-box .contain_right_box.livevideo_btn {
    position: absolute;
    right: 57.3%;
    top: 54.8%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    padding: 1% 2%;
    height: 3%;
    border-radius: 8rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.25));
    background-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 5px rgba(0, 0, 0, 0.3), 0 4px 6px rgba(0, 0, 0, 0.25);
    border: 0.2rem solid rgba(255, 255, 255, 0.4);
    transition: all 0.2s ease-in-out;
    will-change: transform, box-shadow, background;
}

.container.type8 .login-box .contain_right_box.livevideo_btn:hover {
    transform: none;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35), inset 0 2px 4px rgba(255, 255, 255, 0.25);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.3));
}

.container.type8 .login-box .contain_right_box.livevideo_btn:active {
    transform: scale(0.95);
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.5), inset 0 -3px 6px rgba(255, 255, 255, 0.2);
    transition: transform 0.05s ease, box-shadow 0.1s ease;
}

.container.type8 .login-box .contain_right_box.livevideo_btn {
    position: absolute;
    right: 57.3%;
    top: 54.8%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    padding: 1% 2%;
    height: 3%;
    border-radius: 8rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.25));
    background-color: rgba(0, 0, 0, .4);
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 5px rgba(0, 0, 0, 0.3), 0 4px 6px rgba(0, 0, 0, 0.25);
    border: 0.2rem solid rgba(255, 255, 255, 0.4);
    transition: all 0.2s ease-in-out;
    will-change: transform, box-shadow, background;
}

.container.type8 .login-box .contain_right_box.livevideo_btn:hover {
    transform: none;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35), inset 0 2px 4px rgba(255, 255, 255, 0.25);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.3));
}

.container.type8 .login-box .contain_right_box.livevideo_btn:active {
    transform: scale(0.95);
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.5), inset 0 -3px 6px rgba(255, 255, 255, 0.2);
    transition: transform 0.05s ease, box-shadow 0.1s ease;
}

.container.type8 .login-box .contain_right_box.download_app {
    position: absolute;
    top: 2.6%;
    right: 15%;
    min-width: 8%;
    height: 4%;
    padding: .1rem 1rem;
    display: none;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    border-radius: 8rem;
    border: 0.2rem solid rgba(255, 255, 255, 0.4);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.25));
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 5px rgba(0, 0, 0, 0.3), 0 4px 6px rgba(0, 0, 0, 0.25);
    background-color: rgba(0, 0, 0, .4);
    transition: all 0.2s ease-in-out;
    will-change: transform, box-shadow, background;
}

.container.type8 .login-box .contain_right_box.download_app:hover {
    transform: none;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35), inset 0 2px 4px rgba(255, 255, 255, 0.25);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.3));
}

.container.type8 .login-box .contain_right_box.download_app:active {
    transform: scale(0.95);
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.5), inset 0 -3px 6px rgba(255, 255, 255, 0.2);
    transition: transform 0.05s ease, box-shadow 0.1s ease;
}

.container.type8 .login-box .contain_right_box.download_app.on {
    display: flex;
}

.container.type8 .login-box .contain_right_box.download_app i {
    background: url(../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png) no-repeat 18.7% 0% / 1400% 1300%;
    width: 15%;
    padding-bottom: 15%;
    margin-right: 5%;
}

.container.type8 .video-dialog {
    background: #212229;
    width: 48%;
    height: 62%;
    animation: bounce01 0.5s;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    display: flex;
    border-radius: 0.5rem;
    flex-direction: column;
}

.container.type8 .video-dialog .btn-close {
    background: url(../../images/C_images/all_icon/ui_7_icon/close_btn.png) no-repeat center center / contain;
    top: 2%;
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .video-dialog .videotitle-box {
    font-size: 1.2rem;
    height: 10%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
}

.container.type8 .video-dialog .videocontent-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80%;
}

.container.type8 .video-dialog .videocontent-box .channel-box {
    width: 100%;
    height: 18%;
    display: flex;
    align-items: center;
    justify-content: center;
}

html[co=dv] .container.type8 .video-dialog .videocontent-box .channel-box {
    height: 0%;
    display: none;
}

.container.type8 .video-dialog .videocontent-box .btn-channel {
    margin: 0 1.5%;
    width: 4.5%;
    padding-bottom: 4.5%;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #FFF;
    border-radius: 50%;
    background-color: rgb(255 255 255 / 20%);
}

.container.type8 .video-dialog .videocontent-box .btn-channel::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.container.type8 .video-dialog .videocontent-box .btn-channel:nth-child(1)::after {
    content: '1';
}

.container.type8 .video-dialog .videocontent-box .btn-channel:nth-child(2)::after {
    content: '2';
}

.container.type8 .video-dialog .videocontent-box .btn-channel:nth-child(3)::after {
    content: '3';
}

.container.type8 .video-dialog .videocontent-box .btn-channel:nth-child(4)::after {
    content: '4';
}

.container.type8 .video-dialog .videocontent-box .btn-channel:nth-child(5)::after {
    content: '5';
}

.container.type8 .video-dialog .videocontent-box .btn-channel:nth-child(4),
.container.type8 .video-dialog .videocontent-box .btn-channel:nth-child(5) {
    display: none !important;
}

.container.type8 .video-dialog .videocontent-box .btn-channel.on {
    background: linear-gradient(to left, #f1e1c4, #e7cca1);
    color: #705223;
}

.container.type8 .video-dialog .btn-close {
    top: 25%;
    right: 3%;
    width: 3.5%;
    padding-bottom: 3.5%;
}

.container.type8 .video-dialog .videocontent-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90%;
}

.container.type8 .video-dialog .videocontent-box .view-box {
    width: 96%;
    height: 78%;
    border: 2px solid #8e8e8e99;
    border-radius: 8px;
    overflow: hidden;
}

html[co=dv] .container.type8 .video-dialog .videocontent-box .view-box {
    height: 96%;
}

.container.type8 .video-dialog .videocontent-box .fullScreenBtn {
    position: absolute;
    right: 4%;
    bottom: 22%;
    height: 5%;
    width: 4%;
    background-color: white;
    display: flex;
    background: url(../../images/C_images/all_icon/ui_7_icon/zoom_in_btn.png) no-repeat center center / contain;
}

.container.type8 .fullScreenVideoContentBox {
    height: 100%;
    width: 100%;
    display: none;
    position: absolute;
}

.container.type8 .fullScreenVideoContentBox.on {
    display: flex;
}

.container.type8 .fullScreenVideoContentBox .fullScreenVideoBox {
    height: 100%;
    width: 100%;
}

.container.type8 .fullScreenVideoContentBox .fullScreenCloseBtn {
    background-color: white;
    position: absolute;
    right: 1%;
    bottom: 1%;
    height: 5%;
    width: 3%;
    background: url(../../images/C_images/all_icon/ui_7_icon/zoom_out_btn.png) no-repeat center center / contain;
}

.container.type8 .set_btn {
    display: none;
    z-index: 3;
    pointer-events: visible;
    width: 1.8rem;
    padding-bottom: 1.8rem;
    position: relative;
    margin-left: 1.7rem;
    background: url('../../images/C_images/all_icon/ui_7_icon/set.png') no-repeat center center / contain;
}

.container.type8 .set_btn.on {
    display: flex;
    justify-content: center;
}

.container.type8 .set_btn span {
    display: none;
}

.container.type8 .set_btn:hover span,
.container.type8 .ui_3_bigwindows_btn:hover span,
.container.type8 .ui_3_music_btn:hover span,
.container.type8 .exit_game_btn:hover span {
    display: block;
    position: absolute;
    top: 200%;
    padding: 0.3rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 1.5rem;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 2px rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    pointer-events: none;
    backdrop-filter: blur(4px);
}

.container.type8 .exit_game_btn {
    display: none;
    z-index: 2;
    pointer-events: visible;
    width: 1.8rem;
    padding-bottom: 1.8rem;
    margin-left: 1.5rem;
    position: relative;
    background: url('../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png') no-repeat 28% -0.2% / 1300% 1300%;
}

.container.type8 .exit_game_btn.on {
    display: flex;
    justify-content: center;
}

.container.type8 .exit_game_btn span {
    display: none;
}

.container.type8 .exit_game_btn:hover span {
    left: -0.5rem;
    width: 2rem;
}

.container.type8 .golobby_btn {
    pointer-events: visible;
    display: none;
    position: absolute;
    z-index: 2;
    pointer-events: visible;
    top: 2.6%;
    right: 15.1%;
    width: 1.8%;
    padding-bottom: 1.9%;
    background: url('../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png') no-repeat 28% -0.2% / 1300% 1300%;
}

.container.type8 .chips_box {
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #444447 0%, #2f2f32 50%, #1b1b1d 100%);
    width: 48%;
    height: 62%;
    border-radius: .5rem;
}

.container.type8 .chips_box .title_box {
    height: 10%;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.container.type8 .chips_box .title_box_item {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.container.type8 .chips_box .title_box .chips_icon {
    display: none;
}

.container.type8 .chips_box .title_box span {
    font-size: 1.2rem;
}

.container.type8 .chips_box .close_btn i {
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 22%;
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .chips_box .title_box .chips_icon {
    width: 8%;
}

.container.type8 .chips_box .content_box {
    width: 98%;
    height: 78%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container.type8 .chips_box .content_title {
    font-size: 1rem;
    margin: 1.5% 0;
}

.container.type8 .chips_box .content_chipbox {
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

.container.type8 .chips_box .content_chipbox::-webkit-scrollbar {
    overflow: visible;
    width: 4px;
}

.container.type8 .chips_box .content_chipbox::-webkit-scrollbar-thumb {
    background: #5a8efe;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .chips_box .content_chipbox::-webkit-scrollbar-thumb {
    background: #af8444;
}

.container.type8 .chips_box .content_chipbox::-webkit-scrollbar-track {
    background-color: #cdcdcd73;
    box-shadow: inset 0px 0px 3px #9b9b9b;
    border-radius: 4px;
}

.container.type8 .chips_box .content_chip {
    position: relative;
    opacity: 0.2;
    background-color: #3f4042;
    border-radius: .5rem;
    margin: 0 1% 4%;
    height: 26%;
    width: 14.5%;
    background-size: 76% 76%;
}

.container.type8 .chips_box .content_chip .radio_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 108%;
    left: 50%;
    border-radius: .2rem;
    transform: translate(-50%, 0);
    width: 1rem;
    height: 1rem;
    background-color: #3F4042;
}

.container.type8 .chips_box .content_chip.on .radio_btn i {
    display: block;
    font-weight: bold;
    color: #ffffff;
    font-size: .8rem;
}

.container.type8 .chips_box .content_chip.on .radio_btn i::before {
    content: '\2713';
}

.container.type8 .chips_box .content_chip.on {
    opacity: 1;
}

.container.type8 .chips_box .content_chip.on::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: inset 0 0 0 2px #fff;
    border-radius: .5rem;
}

.container.type8 .chips_box .submit {
    white-space: nowrap;
    cursor: pointer;
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    border-radius: 6rem;
    margin-top: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 6%;
    font-size: 1rem;
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.container.type8 .chips_box .submit:hover {
    transform: translateY(2px);
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3), inset 0 -1px 2px rgba(255, 215, 140, 0.2), 0 2px 4px rgba(109, 78, 35, 0.4);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .chips_box .submit {
    background: radial-gradient(circle, #af8444, #8a672c);
}

.container.type8 .languages_box {
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    overflow: hidden;
    background: linear-gradient(to bottom, #444447 0%, #2f2f32 50%, #1b1b1d 100%);
    border-radius: .5rem;
    height: 62%;
    width: 48%;
}

.container.type8 .languages_box .title_box {
    height: 10%;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.container.type8 .languages_box .title_box_item {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.container.type8 .languages_box .title_box .language_icon {
    display: none;
}

.container.type8 .languages_box .title_box span {
    font-size: 1.2rem;
}

.container.type8 .languages_box .title_box .close_btn i {
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 22%;
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .languages_box .setting_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 78%;
    padding: 2% 2%;
    align-items: center;
}

.container.type8 .languages_box .setting_box .language_item {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    justify-content: space-around;
    cursor: pointer;
    opacity: 0.9;
    background-color: rgb(96 96 96 / 50%);
    height: 28%;
    width: 19%;
    margin: 1% 3%;
    font-size: 1rem;
    border-radius: .5rem;
}

.container.type8 .languages_box .setting_box .language_item.on {
    background: linear-gradient(#f1e1c4, #e7cca1);
    color: #705223;
    opacity: 1;
}

.container.type8 .languages_box .setting_box .language_item i {
    background-size: 100% 1200%;
    background-repeat: no-repeat;
    padding-bottom: 40%;
    width: 40%;
}

.container.type8 .languages_box .setting_box .language_item.language_cn i {
    background-position: 0% 0%;
}

.container.type8 .languages_box .setting_box .language_item.language_tw i {
    background-position: 0% 9%;
}

.container.type8 .languages_box .setting_box .language_item.language_en i {
    background-position: 0% 18%;
}

.container.type8 .languages_box .setting_box .language_item.language_th i {
    background-position: 0% 27%;
}

.container.type8 .languages_box .setting_box .language_item.language_vi i {
    background-position: 0% 36%;
}

.container.type8 .languages_box .setting_box .language_item.language_ja i {
    background-position: 0% 45.5%;
}

.container.type8 .languages_box .setting_box .language_item.language_ko i {
    background-position: 0% 54.5%;
}

.container.type8 .languages_box .setting_box .language_item.language_hi i {
    background-position: 0% 63.5%;
}

.container.type8 .languages_box .setting_box .language_item.language_ms i {
    background-position: 0% 72.5%;
}

.container.type8 .languages_box .setting_box .language_item.language_in i {
    background-position: 0% 81.9%;
}

.container.type8 .languages_box .setting_box .language_item.language_es i {
    background-position: 0% 91%;
}

.container.type8 .languages_box .setting_box .language_item.language_cn span::after {
    content: var(--lang-cn)
}

.container.type8 .languages_box .setting_box .language_item.language_tw span::after {
    content: var(--lang-tw)
}

.container.type8 .languages_box .setting_box .language_item.language_en span::after {
    content: var(--lang-en)
}

.container.type8 .languages_box .setting_box .language_item.language_th span::after {
    content: var(--lang-th)
}

.container.type8 .languages_box .setting_box .language_item.language_vi span::after {
    content: var(--lang-vi)
}

.container.type8 .languages_box .setting_box .language_item.language_ja span::after {
    content: var(--lang-ja)
}

.container.type8 .languages_box .setting_box .language_item.language_ko span::after {
    content: var(--lang-ko)
}

.container.type8 .languages_box .setting_box .language_item.language_hi span::after {
    content: var(--lang-hi)
}

.container.type8 .languages_box .setting_box .language_item.language_ms span::after {
    content: var(--lang-ms)
}

.container.type8 .languages_box .setting_box .language_item.language_in span::after {
    content: var(--lang-in)
}

.container.type8 .languages_box .setting_box .language_item.language_es span::after {
    content: var(--lang-es)
}

.container.type8 .languages_box .setting_box .language_item.language_ru span::after {
    content: var(--lang-ru)
}

.container.type8 .languages_box .submit {
    white-space: nowrap;
    cursor: pointer;
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    border-radius: 6rem;
    margin-top: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 6%;
    font-size: 1rem;
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.container.type8 .languages_box .submit:hover {
    transform: translateY(2px);
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3), inset 0 -1px 2px rgba(255, 215, 140, 0.2), 0 2px 4px rgba(109, 78, 35, 0.4);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .languages_box .submit {
    background: radial-gradient(circle, #af8444, #8a672c);
}

.container.type8 .changevideo_box {
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    overflow: hidden;
    background: rgb(28, 29, 34);
    width: 60%;
    height: 80%;
}

.container.type8 .changevideo_box .title_box {
    height: 10%;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #3d4864, #262834);
}

.container.type8 .changevideo_box .title_box .left_box {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.container.type8 .changevideo_box .title_box .changevideo_icon {
    display: none;
}

.container.type8 .changevideo_box .title_box .close_btn {
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(to bottom, #4b5f86, #2f374d);
    -webkit-clip-path: polygon(31% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(31% 0, 100% 0, 100% 100%, 0 100%);
    height: 100%;
    width: 13%;
}

.container.type8 .changevideo_box .title_box .close_btn i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    pointer-events: none;
    background-size: 100% 13000%;
    background-position: center 39.25%;
    background-repeat: no-repeat;
    width: 20%;
    right: 25%;
    padding-bottom: 20%;
}

.container.type8 .changevideo_box .title_box span {
    font-weight: bold;
}

.container.type8 .changevideo_box .title_box span {
    font-size: 2rem;
}

.container.type8 .changevideo_box .content_box {
    width: 100%;
    height: 90%;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.container.type8 .changevideo_box .content_box {
    height: 89%;
}

.container.type8 .changevideo_box .line_list {
    align-content: flex-start;
    flex-wrap: wrap;
    overflow-y: auto;
    width: 84%;
    height: 75%;
}

.container.type8 .changevideo_box .line {
    width: 100%;
    height: 20%;
    justify-content: center;
    align-items: center;
    background: rgba(28, 32, 43, 1);
    margin-bottom: 2%;
    border-radius: .5rem;
    font-size: 2rem;
}

.container.type8 .changevideo_box .line.on {
    color: #f4dd85;
    border: 1px solid #f4dd85;
}

.container.type8 .changevideo_box .line div {
    pointer-events: none;
}

.container.type8 .changevideo_box .line i {
    pointer-events: none;
    border-radius: 50%;
    background-color: #636E78;
    margin: 0 5%;
    width: 4.5%;
    padding-bottom: 4.5%;
}

.container.type8 .changevideo_box .line.green i {
    background: linear-gradient( #38c972, #00aa40);
}

.container.type8 .changevideo_box .line.yellow i {
    background: linear-gradient( rgb(231 203 65 / 1), rgb(246 203 65 / 1));
}

.container.type8 .changevideo_box .line.red i {
    background: linear-gradient( rgb(246 78 85 / 1), rgb(212 26 39 / 1));
}

.container.type8 .changevideo_box .submit {
    white-space: nowrap;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(75, 126, 205, 1), rgba(56, 94, 185, 1));
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5% 6%;
    font-size: 2rem;
    border-radius: .5rem;
}

.container.type8 .music_box {
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(to bottom, #444447 0%, #2f2f32 50%, #1b1b1d 100%);
    border-radius: .5rem;
    overflow: hidden;
    height: 62%;
    width: 48%;
    transform: translate(-50%, -50%);
}

.container.type8 .music_box .title_box {
    box-shadow: 0 1px 5px 0px rgb(0 0 0 / 40%);
    height: 10%;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.container.type8 .music_box .title_box_item {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.container.type8 .music_box .title_box_item span {
    font-size: 1.2rem;
}

.container.type8 .music_box .music_box_icon {
    display: none;
}

.container.type8 .music_box .close_btn i {
    position: absolute;
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 22%;
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .music_box .content_box {
    width: 100%;
    align-items: center;
    flex-direction: column;
}

.container.type8 .music_box .content_box {
    height: 90%;
}

.container.type8 .music_box .content_body {
    width: 100%;
    height: 20%;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.container.type8 .music_box .bg_music,
.container.type8 .music_box .game_music {
    width: 100%;
    height: 50%;
    align-items: center;
}

.container.type8 .music_box .bg_music i,
.container.type8 .music_box .game_music i {
    background: url('../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png') no-repeat 0 0 / 1300% 1300%;
    width: 2.5%;
    padding-bottom: 2.5%;
}

.container.type8 .music_box .bg_music i:nth-child(1),
.container.type8 .music_box .game_music i:nth-child(1) {
    background-position: 57.3% 8.7%;
}

.container.type8 .music_box .bg_music i:nth-child(4),
.container.type8 .music_box .game_music i:nth-child(4) {
    background-position: 66.6% 8.7%;
}

.container.type8 .music_box .bg_music .bg_music_name,
.container.type8 .music_box .game_music .game_music_name {
    order: -1;
    font-size: 1rem;
    width: 30%;
    justify-content: center;
}

.container.type8 .music_box .rangebar_box {
    height: 30%;
    border-radius: 10rem;
    position: relative;
    background: #e0e0e0;
    width: 5.2%;
    margin-left: 13%;
    margin-right: auto;
    border-radius: 8rem;
    transition: all 0.3s ease;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.container.type8 .music_box .range_btn {
    margin: 0 1%;
    -webkit-appearance: none;
    width: 40%;
    height: 10%;
    outline: none;
    background: none;
    border-radius: 1rem;
    background: -webkit-linear-gradient(#00c853, #00c853) no-repeat #5a5a5a;
    background-size: 50% 100%;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .music_box .range_btn {
    background: -webkit-linear-gradient(#af8444, #af8444) no-repeat #5a5a5a;
}

.container.type8 .music_box .range_btn::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #e5c189;
    width: 8px;
    height: 1rem;
    border-radius: 2px;
    cursor: pointer;
}

.container.type8 .music_box .range_btn::-webkit-slider-thumb:hover {
    background: #e5c189;
}

.container.type8 .music_box .range_btn::-moz-range-thumb {
    -webkit-appearance: none;
    background-color: #e5c189;
    width: 8px;
    height: 1rem;
    border-radius: 2px;
    cursor: pointer;
}

.container.type8 .music_box .range_btn::-moz-range-thumb:hover {
    background: #e5c189;
}

.container.type8 .music_box .range_btn::-ms-thumb {
    -webkit-appearance: none;
    background-color: #e5c189;
    width: 8px;
    height: 1rem;
    border-radius: 2px;
    cursor: pointer;
}

.container.type8 .music_box .range_btn::-ms-thumb:hover {
    background: #e5c189;
}

.container.type8 .music_box .rangebar_box i {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background-image: none;
    background-color: #00c853;
    border-radius: 7rem;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .music_box .rangebar_box i {
    background-color: #af8444;
}

.container.type8 .music_box .rangebar_box.on i {
    display: block;
    box-shadow: 0 0 8px rgba(0, 200, 83, 0.6);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .music_box .rangebar_box.on i {
    box-shadow: 0 0 8px #af8444;
}

.container.type8 .music_box .rangebar_box span {
    transition: all .2s;
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 50%;
    left: 6%;
    top: 50%;
    transform: translate(0, -50%);
    width: 30%;
    padding-bottom: 30%;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.container.type8 .music_box .rangebar_box.on span {
    left: 60%;
}

.container.type8 .music_box .music_list_box {
    display: flex;
    width: 100%;
    height: 80%;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow-y: auto;
}

.container.type8 .music_box .music_list_box::-webkit-scrollbar {
    overflow: visible;
    width: 4px;
}

.container.type8 .music_box .music_list_box::-webkit-scrollbar-thumb {
    background: #5a8fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .music_box .music_list_box::-webkit-scrollbar-thumb {
    background: #af8444;
}

.container.type8 .music_box .music_list_box::-webkit-scrollbar-track {
    background: #888;
    border-radius: 4px;
}

.container.type8 .music_box .music_list_box .music_list {
    width: 100%;
    height: 18%;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 1.2rem;
    padding-left: 4.5%;
}

.container.type8 .music_box .music_list_box .music_list:nth-child(odd) {
    background-color: rgb(67 67 68 / 20%);
}

.container.type8 .music_box .music_list_box .music_list.on {
    color: #e5c189;
}

.container.type8 .music_box .music_list_box .music_list i {
    width: 7%;
    padding-bottom: 7%;
    background-repeat: no-repeat;
    background-position: center 29.95%;
    background-size: 100% 5500%;
}

.container.type8 .music_box .music_btn_box {
    display: none;
}

.container.type8 .music_box .music_btn_box .music_btn {
    background: url('../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png') no-repeat 76.7% 8.9% / 1300% 1300%;
    width: 4%;
    padding-bottom: 4%;
}

.container.type8 .music_box .music_btn_box .music_btn:nth-child(1) {
    transform: rotate(180deg);
}

.container.type8 .music_box .music_btn_box .music_btn:nth-child(2) {
    margin: 0 5%;
    padding-bottom: 5%;
    width: 5%;
    background-position: 92% 9%;
}

.container.type8 .passwordsetting_box {
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    overflow: hidden;
    height: 62%;
    width: 48%;
    border-radius: .5rem;
    background: linear-gradient(to bottom, #444447 0%, #2f2f32 50%, #1b1b1d 100%);
}

.container.type8 .passwordsetting_box .title_box {
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.container.type8 .passwordsetting_box .title_box {
    height: 10%;
}

.container.type8 .passwordsetting_box .title_box_item {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.container.type8 .passwordsetting_box .title_box .language_icon {
    display: none;
}

.container.type8 .passwordsetting_box .title_box span {
    font-size: 1.2rem;
}

.container.type8 .passwordsetting_box .title_box .close_btn i {
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 22%;
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .passwordsetting_box .gesture_box {
    display: none;
}

.container.type8 .passwordsetting_box .gesture_box i {
    width: 7%;
    padding-bottom: 7%;
    background-repeat: no-repeat;
    background-size: 100% 13000%;
    background-position: center 44.5%;
}

.container.type8 .passwordsetting_box .gesture_box span {
    font-size: 2rem;
    margin: 0 6% 0 2%;
}

.container.type8 .passwordsetting_box .gesture_box .gesture_check {
    position: relative;
    -webkit-appearance: none;
    outline: none;
    border: 1px solid rgba(91, 128, 186, 1);
    background: rgba(47, 52, 63, 1);
    border-radius: 10rem;
}

.container.type8 .passwordsetting_box .gesture_box .gesture_check {
    margin-left: 2%;
    height: 29%;
    width: 10%;
}

.container.type8 .passwordsetting_box .gesture_box .gesture_check:after {
    content: "";
    position: absolute;
    left: 1%;
    top: 4%;
    background: linear-gradient(#b7b7b7, #a0a0a0 47%, #b5b5b5 66%, white);
    width: 37%;
    padding-bottom: 37%;
    border-radius: 50%;
}

.container.type8 .passwordsetting_box .gesture_box .gesture_check:after {
    left: 3%;
    top: 10%;
}

.container.type8 .passwordsetting_box .gesture_box .gesture_check:checked::before {
    content: '\2713';
    color: #FFF;
    position: absolute;
    top: 5%;
    left: 23%;
}

.container.type8 .passwordsetting_box .gesture_box .gesture_check:checked::before {
    font-size: 1.8rem;
}

.container.type8 .passwordsetting_box .gesture_box .gesture_check:checked:after {
    left: 62%;
}

.container.type8 .passwordsetting_box .gesture_box .gesture_text {
    text-align: center;
    color: rgb(225, 203, 98);
}

.container.type8 .passwordsetting_box .gesture_box .gesture_text {
    width: 46%;
    font-size: 1.5rem;
}

.container.type8 .passwordsetting_box .content_box {
    width: 100%;
    height: 90%;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.container.type8 .passwordsetting_box .content_box .form_group {
    width: 100%;
    height: 12%;
    justify-content: space-around;
}

.container.type8 .passwordsetting_box .content_box .form_group {
    justify-content: center;
    align-items: center;
}

.container.type8 .passwordsetting_box .content_box .form_group:nth-child(1) span {
    display: none;
}

.container.type8 .passwordsetting_box .content_box .form_group .control_label {
    color: #fff;
}

.container.type8 .passwordsetting_box .content_box .form_group .control_label {
    margin-right: 3%;
    font-size: 1rem;
}

.container.type8 .passwordsetting_box .content_box .form_group .set_password_box {
    display: flex;
    align-items: center;
    background-color: rgb(255 255 255 / 15%);
    box-sizing: border-box;
    padding: 0 3%;
    width: 100%;
    border-radius: 8rem;
    width: 52%;
    height: 100%;
    font-size: 1rem;
}

.container.type8 .passwordsetting_box .content_box .form_group .set_password_box i {
    background-repeat: no-repeat;
    background-position: center 37.3%;
    background-size: 100% 10000%;
    margin-right: 2%;
    width: 4%;
    padding-bottom: 5%;
}

.container.type8 .passwordsetting_box .content_box .form_group .form_control {
    color: #a2a2a2;
    height: 100%;
    width: 100%;
}

.container.type8 .passwordsetting_box .content_box .form_group .form_control.cn,
.container.type8 .passwordsetting_box .content_box .form_group .form_control.tw {
    display: none;
}

html[lang=cn] .container.type8 .passwordsetting_box .content_box .form_group .form_control {
    display: none;
}

html[lang=cn] .container.type8 .passwordsetting_box .content_box .form_group .form_control.cn {
    display: block;
}

html[lang=tw] .container.type8 .passwordsetting_box .content_box .form_group .form_control {
    display: none;
}

html[lang=tw] .container.type8 .passwordsetting_box .content_box .form_group .form_control.tw {
    display: block;
}

.container.type8 .passwordsetting_box .content_box .form_group .form_control {
    font-size: 1rem;
}

.container.type8 .passwordsetting_box .content_box .btn-submit {
    white-space: nowrap;
    cursor: pointer;
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    border-radius: 6rem;
    margin-top: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 6%;
    font-size: 1rem;
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.container.type8 .passwordsetting_box .content_box .btn-submit:hover {
    transform: translateY(2px);
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3), inset 0 -1px 2px rgba(255, 215, 140, 0.2), 0 2px 4px rgba(109, 78, 35, 0.4);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .passwordsetting_box .content_box .btn-submit {
    background: radial-gradient(circle, #af8444, #8a672c);
}

.container.type8 .set_gesture_box {
    border-radius: 1rem;
    border: 1px solid rgb(50 52 54 / 1);
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    overflow: hidden;
    background: linear-gradient(110deg, rgb(24 35 52 / .9), rgb(19 23 26 / .9));
    height: 95%;
    width: 47%;
}

.container.type8 .set_gesture_box .close_btn {
    position: absolute;
    right: 3%;
    background-size: 100% 13000%;
    background-position: center 39.25%;
    background-repeat: no-repeat;
    width: 6%;
    padding-bottom: 6%;
    top: 2%;
}

.container.type8 .set_gesture_box .title {
    width: 100%;
    height: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(225, 203, 98);
    font-size: 2rem;
}

.container.type8 .set_gesture_box .set_gesture {
    width: 100%;
    height: 75%;
    position: relative;
    pointer-events: none;
}

.container.type8 .set_gesture_box .button_box {
    width: 100%;
    height: 15%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.container.type8 .set_gesture_box .button_box span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: bold;
    padding: 1.5% 5%;
    font-size: 2rem;
    border-radius: .5rem;
}

.container.type8 .set_gesture_box .button_box span:nth-child(1) {
    background: linear-gradient(110deg, rgba(25 126 209 / 1), rgba(18 94 190 / 1));
}

.container.type8 .set_gesture_box .button_box span:nth-child(2) {
    background: linear-gradient(110deg, rgb(170 146 115 / 1), rgb(135 109 84 / 1));
}

.container.type8 .gesture_login_box span {
    color: #FFF;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.container.type8 .gesture_login_box {
    top: 0;
    height: 100%;
}

.container.type8 .gesture_login_box span {
    top: 13%;
    font-size: 2.5rem;
}

.container.type8 .gesture_login_box i {
    position: absolute;
    background-size: 100% 12000%;
    background-repeat: no-repeat;
    background-position: center 39.25%;
    width: 3%;
    padding-bottom: 3.5%;
    top: 11%;
    right: 8%;
}

.container.type8 .gesture_login_box .gesture_login {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 45%;
    height: 70%;
    top: 23%;
}

.container.type8 .customer_box {
    height: 80%;
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
}

.container.type8 .customer_box {
    width: 40%;
}

.container.type8 .customer_box .title_box {
    position: relative;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    background: linear-gradient(to bottom, #3d4864, #262834);
}

.container.type8 .customer_box .title_box {
    height: 11%;
}

.container.type8 .customer_box .title_box span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.container.type8 .customer_box .title_box span {
    font-size: 2rem;
}

.container.type8 .customer_box .title_box .close_btn {
    background: linear-gradient(to bottom, #4b5f86, #2f374d);
    -webkit-clip-path: polygon(31% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(31% 0, 100% 0, 100% 100%, 0 100%);
    position: absolute;
    right: 0;
    height: 100%;
    width: 13%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .customer_box .close_btn i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    pointer-events: none;
    background-size: 100% 13000%;
    background-position: center 39.25%;
    background-repeat: no-repeat;
    width: 20%;
    right: 25%;
    padding-bottom: 20%;
}

.container.type8 .customer_box .content_box {
    position: relative;
    display: flex;
    flex-direction: column;
    background: rgb(29, 33, 47);
    width: 100%;
}

.container.type8 .customer_box .content_box {
    height: 89%;
}

.container.type8 .video_set_box {
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, #444447 0%, #2f2f32 50%, #1b1b1d 100%);
    border-radius: .5rem;
    overflow: hidden;
    width: 40%;
    height: 50%;
}

.container.type8 .video_set_box .title_box {
    height: 12% !important;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.container.type8 .video_set_box .title_box .title_box_item {
    font-size: 1.5rem;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container.type8 .video_set_box .title_box .close_btn i {
    position: absolute;
    background: url(../../images/C_images/all_icon/ui_7_icon/close_btn.png) no-repeat center center / contain;
    top: 50%;
    width: 4%;
    padding-bottom: 4%;
    right: 2%;
    transform: translate(0, -50%);
}

.container.type8 .video_set_box .content_box {
    width: 100%;
    height: 88%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.container.type8 .video_set_box .video_list,
.container.type8 .video_set_box .signal_list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    overflow-y: auto;
    width: 88%;
    height: 35%;
}

.container.type8 .hideSignal .video_set_box .signal_list,
.container.type8 .hideSignal .video_set_box .video_list::before {
    display: none;
}

.container.type8 .video_set_box .video_list::before {
    content: '';
    width: 83%;
    top: 47%;
    position: absolute;
    box-shadow: inset 0 0 0 1px #44454A;
}

.container.type8 .video_set_box .video_item,
.container.type8 .video_set_box .line {
    width: 38%;
    height: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(96 96 96 / 50%);
}

.container.type8 .video_set_box .line i {
    pointer-events: none;
    width: 8%;
    padding-bottom: 8%;
    border-radius: 50%;
    background-color: #636E78;
    margin: 0 8%;
}

.container.type8 .video_set_box .line.green i {
    background: linear-gradient( #38c972, #00aa40);
}

.container.type8 .video_set_box .line.yellow i {
    background: linear-gradient( rgb(231 203 65 / 1), rgb(246 203 65 / 1));
}

.container.type8 .video_set_box .line.red i {
    background: linear-gradient( rgb(246 78 85 / 1), rgb(212 26 39 / 1));
}

.landscape .container.type8 .video_set_box .video_item,
.landscape .container.type8 .video_set_box .line {
    font-size: 1.2rem;
    border-radius: 5px;
}

.container.type8 .video_set_box .video_item.on,
.container.type8 .video_set_box .line.on {
    color: #5a8fff;
    box-shadow: inset 0 0 0 1px #5a8fff;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .video_set_box .video_item.on,
html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .video_set_box .line.on {
    color: #af8444;
    box-shadow: inset 0 0 0 1px #af8444;
}

.container.type8 .video_set_box .submit {
    white-space: nowrap;
    cursor: pointer;
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    border-radius: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 6%;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.container.type8 .video_set_box .submit:hover {
    transform: translateY(2px);
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3), inset 0 -1px 2px rgba(255, 215, 140, 0.2), 0 2px 4px rgba(109, 78, 35, 0.4);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .video_set_box .submit {
    background: radial-gradient(circle, #af8444, #8a672c);
}

.container.type8 #limit_box {
    z-index: 10 !important;
}

.container.type8 .Limit_box {
    display: flex;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    background-color: #212229;
    border-radius: .5rem;
    overflow: hidden;
    height: 62%;
    width: 48%;
}

.container.type8 .Limit_box .title_box {
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    height: 10%;
    width: 100%;
    position: relative;
}

.container.type8 .Limit_box .title_box_list {
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.container.type8 .Limit_box .title_box_item {
    display: none !important;
}

.container.type8 .Limit_box .title_box_list .name {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.container.type8 .Limit_box .close_btn {
    position: absolute;
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 25%;
    width: 4%;
    padding-bottom: 4%;
    right: 2%;
}

.container.type8 .Limit_box .roomlimit_content_box {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 90%;
}

.container.type8 .Limit_box.on .roomlimit_content_box {
    height: 58%;
}

.container.type8 .Limit_box .roomlimit_content_box .content_title {
    width: 100%;
    height: 12%;
    align-items: center;
    justify-content: space-between;
    background: #323538;
}

.container.type8 .Limit_box.on .roomlimit_content_box .content_title {
    height: 15%;
}

.container.type8 .Limit_box .roomlimit_content_box .content_title_item {
    height: 100%;
    flex: 1;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #5a8efe;
    font-size: 1rem;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .Limit_box .roomlimit_content_box .content_title_item {
    color: #af8444;
}

.container.type8 .Limit_box .roomlimit_content_box .content_title_item:nth-child(1) {
    flex: 1.2;
}

.container.type8 .Limit_box .roomlimit_content_box .content_body {
    width: 100%;
    height: 88%;
    overflow-y: auto;
    overflow-x: hidden;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
}

.container.type8 .Limit_box .roomlimit_content_box .content_body::-webkit-scrollbar {
    overflow: visible;
    width: 4px;
}

.container.type8 .Limit_box .roomlimit_content_box .content_body::-webkit-scrollbar-thumb {
    background: #5a8fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .Limit_box .roomlimit_content_box .content_body::-webkit-scrollbar-thumb {
    background: #af8444;
}

.container.type8 .Limit_box .roomlimit_content_box .content_body::-webkit-scrollbar-track {
    background: #888;
    border-radius: 4px;
}

.container.type8 .Limit_box.on .roomlimit_content_box .content_body {
    height: 81%;
}

.container.type8 .Limit_box .roomlimit_content_box .content_body_list {
    width: 100%;
    height: 20%;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 rgba(61, 63, 68, 1);
}

.container.type8 .Limit_box .roomlimit_content_box .content_body_item {
    text-align: center;
    height: 100%;
    flex: 1;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.container.type8 .Limit_box .roomlimit_content_box .content_body_item:nth-child(1) {
    flex: 1.2;
}

.container.type8 .Limit_box .limitset_content_box {
    display: none;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    height: 32%;
}

.container.type8 .Limit_box.on .limitset_content_box {
    display: flex;
}

.container.type8 .Limit_box .limitset_content_box .limitset_list_box {
    width: 80%;
    height: 90%;
}

.container.type8 .Limit_box .limitset_content_box .limitset_list {
    overflow-y: auto;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%;
    height: 100%;
}

.container.type8 .Limit_box .limitset_content_box .limitset_list::-webkit-scrollbar {
    overflow: visible;
    width: 4px;
}

.container.type8 .Limit_box .limitset_content_box .limitset_list::-webkit-scrollbar-thumb {
    background: #5a8fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .Limit_box .limitset_content_box .limitset_list::-webkit-scrollbar-thumb {
    background: #af8444;
}

.container.type8 .Limit_box .limitset_content_box .limitset_list::-webkit-scrollbar-track {
    background: #888;
    border-radius: 4px;
}

.container.type8 .Limit_box .limitset_content_box .limitset_item {
    width: 31.3%;
    height: 33%;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border-radius: 0.2rem;
    font-size: 1rem;
    box-shadow: inset 0 0 0px 1px #FFF;
    margin: 0 1% 2%;
}

.container.type8 .Limit_box .limitset_content_box .limitset_item.select {
    box-shadow: none;
    background: linear-gradient(145deg, #3a5fa8 0%, #4f78da 40%, #5a8efe 80%, #4f78da 100%);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .Limit_box .limitset_content_box .limitset_item.select {
    background: linear-gradient(145deg, #7c5c2a 0%, #9a7336 40%, #af8444 80%, #9a7336 100%);
}

.container.type8 .Limit_box .limitset_content_box .limitset_right_box {
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container.type8 .Limit_box .limitset_content_box .limitset_right_box .name {
    width: 94%;
    height: 33%;
    margin-bottom: 7%;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container.type8 .Limit_box .limitset_content_box .limitset_right_box .name span {
    white-space: nowrap;
}

.container.type8 .Limit_box .limitset_content_box .limitset_right_box .submit {
    white-space: nowrap;
    cursor: pointer;
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
    width: 79%;
    height: 22%;
    font-size: 1rem;
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.container.type8 .Limit_box .limitset_content_box .limitset_right_box .submit:hover {
    transform: translateY(2px);
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3), inset 0 -1px 2px rgba(255, 215, 140, 0.2), 0 2px 4px rgba(109, 78, 35, 0.4);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .Limit_box .limitset_content_box .limitset_right_box .submit {
    background: radial-gradient(circle, #af8444, #8a672c);
}

.container.type8 .menu_list_box {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: 62%;
    display: flex;
    position: absolute;
    pointer-events: none;
    background-color: #212229;
    border-radius: .5rem;
    overflow: hidden;
    width: 48%;
    flex-wrap: wrap;
}

.container.type8 .newmenu_box.on .menu_list_box {
    pointer-events: visible;
}

.container.type8 .newmenu_box.on .menu_list_box .scoll_box {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    height: 82%;
    position: absolute;
    bottom: 4%;
    right: 1%;
}

.container.type8 .newmenu_box.on .menu_list_box .scoll_box::-webkit-scrollbar {
    display: none;
}

.container.type8 .menu_list_box .menu_list {
    align-items: center;
    position: relative;
    margin-bottom: 1px;
    background-color: rgb(47 47 51 / 60%);
    border-radius: 0.3rem;
    justify-content: center;
    width: 46%;
    height: 15%;
    font-size: 1rem;
    margin: auto 2%;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
    background: linear-gradient(to bottom, rgba(65, 65, 70, 0.75), rgba(35, 35, 40, 0.75));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.4);
    border-radius: 0.3rem;
    color: #fff;
    backdrop-filter: blur(2px);
}

.container.type8 .menu_list_box .menu_list:hover {
    background-color: rgba(60, 60, 70, 0.85);
    box-shadow: 0 0 8px rgba(90, 160, 255, 0.7);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .menu_list_box .menu_list:hover {
    background-color: rgba(60, 60, 70, 0.85);
    box-shadow: 0 0 8px rgba(255, 215, 100, 0.8);
}

html:is([co=wmub]) .container.type8 .menu_list_box .scoll_box .menu_list {
    height: 11%;
}

html:is([co=wmub]) .container.type8 .menu_list_box .scoll_box .menu_list.autobet {
    height: 7%;
}

html:is([co=wmub]) .container.type8 .menu_list_box .scoll_box .menu_list.app {
    height: 7%;
}

.container.type8 .menu_list_box .menu_list.changeui {
    display: none;
}

.container.type8 .menu_list_box .menu_list.feedback {
    display: none;
}

.container.type8 .menu_list_box .menu_list.feedback.on {
    display: flex;
}

.container.type8 .menu_list_box .menu_list.set {
    display: none;
}

.container.type8 .menu_list_box .menu_list.onlineService {
    display: none;
}

.container.type8 .menu_list_box .menu_list.onlineStorage.on {
    display: flex;
}

.container.type8 .menu_list_box .menu_list.ranking,
.container.type8 .menu_list_box .menu_list.follow,
.container.type8 .menu_list_box .menu_list.rule,
.container.type8 .menu_list_box .menu_list.music,
.container.type8 .menu_list_box .menu_list.language,
.container.type8 .menu_list_box .menu_list.goodroad,
.container.type8 .menu_list_box .menu_list.chips,
.container.type8 .menu_list_box .menu_list.security {
    display: flex;
}

html:is([co=wmub]) .container.type8 .menu_list_box .menu_list.topUp,
html:is([co=wmub]) .container.type8 .menu_list_box .menu_list.withdrawCash,
html:is([co=wmub]) .container.type8 .menu_list_box .menu_list.ubLogBtn {
    display: flex;
}

.container.type8 .menu_list_box .menu_list i {
    background: url('../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png') no-repeat;
    background-size: 1200% 1200%;
    margin: 0 3%;
    width: 14%;
    padding-bottom: 14%;
}

.container.type8 .menu_list_box .menu_list.title i {
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
}

.container.type8 .menu_list_box .menu_list.report i {
    background-size: 1300% 1300%;
    background-position: 18.6% 9.2%;
}

.container.type8 .menu_list_box .menu_list.information {
    display: none;
}

.container.type8 .menu_list_box .menu_list.ranking i {
    background-position: 57.9% 17.9%;
}

.container.type8 .menu_list_box .menu_list.follow i {
    background-position: 67.6% 17.9%;
}

.container.type8 .menu_list_box .menu_list.rule i {
    background-position: 47% 17.9%;
}

.container.type8 .menu_list_box .menu_list.feedback i {
    background-position: 0% 0%;
}

.container.type8 .menu_list_box .menu_list.music i {
    background-position: 47.5% -.5%;
}

.container.type8 .menu_list_box .menu_list.line i {
    background-position: 0% 0%;
}

.container.type8 .menu_list_box .menu_list.video i {
    background-position: 27.5% 17.9%;
}

.container.type8 .menu_list_box .menu_list.goodroad i {
    background-position: 27.5% 18.5%;
}

.container.type8 .menu_list_box .menu_list.chips i {
    background-position: 37.5% 9.3%;
}

.container.type8 .menu_list_box .menu_list.language i {
    background-position: 37.5% 17.9%;
}

.container.type8 .menu_list_box .menu_list.security i {
    background-position: 18.5% 17.9%;
}

.container.type8 .menu_list_box .menu_list.changeui i {
    background: url('../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png') no-repeat 28% -0.2% / 1300% 1300%;
}

.container.type8 .menu_list_box .menu_list.mouse_pointer span {
    white-space: nowrap;
    flex-grow: 1;
}

.container.type8 .menu_list_box .menu_list.topUp i {
    background: url('../../images/C_images/all_icon/topUp.png') no-repeat center / contain;
}

.container.type8 .menu_list_box .menu_list.withdrawCash i {
    background: url('../../images/C_images/all_icon/withdrawCash.png') no-repeat center / contain;
}

.container.type8 .menu_list_box .menu_list.ubLogBtn i {
    background: url('../../images/C_images/all_icon/transActions.png') no-repeat center / contain;
}

.container.type8 .menu_list_box .menu_list.title {
    margin: 0;
    width: 100%;
    height: 10%;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    display: flex;
    position: relative;
    border-radius: initial;
    font-size: 1.2rem;
}

.container.type8 .menu_list_box .menu_list.title::before {
    position: absolute;
    bottom: 0;
    left: 5%;
    background-color: #606061;
    height: 4%;
    width: 90%;
}

.container.type8 .menu_list_box .menu_list.title i {
    margin: 0;
    width: 10%;
    padding-bottom: 10%;
}

.container.type8 .menu_list_box .menu_list.title i {
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .menu_list_box .menu_list.content {
    width: 48%;
    height: 15%;
    display: flex;
    background: none;
    justify-content: space-around;
    margin: 0;
    position: absolute;
    left: 1%;
    top: 15%;
}

.container.type8 .menu_list_box .menu_list.content .personalinfo {
    overflow: hidden;
    width: 26%;
    padding-bottom: 26%;
    border-radius: 50%;
}

.container.type8 .menu_list_box .menu_list.content .personalinfo {
    width: 20%;
    padding-bottom: 20%;
}

.container.type8 .menu_list_box .menu_list.content .id_gold_box {
    width: 60%;
    height: 71%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.container.type8 .menu_list_box .menu_list.content .id_gold_box {
    height: 100%;
}

.container.type8 .menu_list_box .menu_list.content .id_gold_box .right_item {
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 6rem;
    background-color: #535354;
    height: 31%;
    font-size: 1rem;
}

.container.type8 .menu_list_box .menu_list.content .id_gold_box .right_item i {
    width: 11%;
    padding-bottom: 11%;
    margin: 0 2%;
}

.container.type8 .menu_list_box .menu_list.content .id_gold_box .right_item.id_box i {
    background-position: 46.2% 8.8%;
}

.container.type8 .menu_list_box .menu_list.content .id_gold_box .right_item.gold_box i {
    background-position: 37.5% 9.3%;
}

.container.type8 .menu_list_box .menuUser {
    display: block;
}

.container.type8 .menu_list_box .menuUser .online_time,
.container.type8 .menu_list_box .menuUser .rank {
    display: none;
    position: absolute;
    width: 39%;
    height: 7%;
    align-items: center;
    left: 6%;
}

.container.type8 .menu_list_box .menuUser .online_time {
    top: 37%;
}

.container.type8 .menu_list_box .menuUser .rank {
    top: 46%;
}

.container.type8 .menu_list_box .menuUser .online_time i,
.container.type8 .menu_list_box .menuUser .rank i {
    background: url('../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png') no-repeat 0 0 / 1200% 1200%;
    width: 8%;
    padding-bottom: 8%;
    margin-right: 4%;
}

.container.type8 .menu_list_box .menuUser .online_time span,
.container.type8 .menu_list_box .menuUser .rank span {
    font-size: 1rem;
}

.container.type8 .menu_list_box .menuUser span {
    white-space: nowrap;
    font-size: 1rem;
}

.container.type8 .menu_list_box .menuUser .online_time span:nth-child(3)::before,
.container.type8 .menu_list_box .menuUser .rank span:nth-child(3)::before {
    content: ':';
}

.container.type8 .menu_list_box .menuUser .online_time i {
    background-position: 66.7% 27.5%;
}

.container.type8 .menu_list_box .menuUser .rank i {
    background-position: 78% 27.5%;
}

.container.type8 .menu_list_box .menuUser .today_bet,
.container.type8 .menu_list_box .menuUser .total_bet {
    border-radius: .5rem;
    position: absolute;
    background-color: rgb(77 76 85 / 50%);
    width: 46%;
    height: 17%;
    display: flex;
    flex-wrap: wrap;
    left: 2%;
}

.container.type8 .menu_list_box .menuUser .today_bet {
    top: 57%;
}

.container.type8 .menu_list_box .menuUser .total_bet {
    top: 77%;
}

.container.type8 .menu_list_box .menuUser .today_bet span:nth-child(1),
.container.type8 .menu_list_box .menuUser .total_bet span:nth-child(1) {
    width: 100%;
    height: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 -1px rgb(255 255 255 / 30%);
    font-size: 1rem;
}

.container.type8 .menu_list_box .menuUser .money {
    font-size: 1.2rem;
    width: 50%;
    height: 60%;
    color: #5a8efe;
    display: flex;
    align-items: center;
    justify-content: center;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .menu_list_box .menuUser .money {
    color: #af8444;
}

.container.type8 .menu_list_box .menuUser .sta_box {
    box-shadow: inset 1px 0 rgb(255 255 255 / 30%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 60%;
}

.container.type8 .menu_list_box .menuUser .sta_box i {
    margin: 0 2%;
    width: 10%;
    padding-bottom: 10%;
    background: url(../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png) no-repeat 0 0 / 1200% 1200%;
    background-position: 96.5% 27%;
}

.container.type8 .menu_list_box .menuUser .sta_box i.on {
    background-position: 87% 27%;
}

.container.type8 .menu_list_box .menu_list.app {
    display: none;
    position: absolute;
    left: -83%;
    background: none;
    top: 40%;
    width: 58%;
    height: 7%;
    margin: 0;
}

.container.type8 .menu_list_box .menu_list.app.on {
    display: flex;
}

.container.type8 .menu_list_box .menu_list.app i {
    margin: 0 6% 0 0;
    width: 10%;
    padding-bottom: 12%;
    background-size: 1400% 1300%;
    background-position: 18.6% 36.5%;
}

.container.type8 .menu_list_box .menu_list.app .installation {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    width: auto;
    padding: 1% 5%;
    border-radius: .2rem;
    color: #FFF;
    background: linear-gradient(to bottom, rgba(25, 126, 209, 1), rgba(18, 94, 190, 1));
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .menu_list_box .menu_list.app .installation {
    background: linear-gradient(to bottom, rgb(147 114 9), rgb(95 85 5));
}

.container.type8 .menu_list_box .menu_list.autobet {
    display: flex;
    position: absolute;
    left: -83%;
    background: none;
    top: 27%;
    width: 58%;
    height: 7%;
    margin: 0;
}

.container.type8 .menu_list_box .menu_list.autobet i {
    margin: 0 6% 0 0;
    width: 11%;
    padding-bottom: 11%;
    background-size: 1300% 1300%;
    background-position: 26.9% 36.2%;
}

.container.type8 .menu_list_box .menu_list.autobet .autobet_switch {
    width: 25%;
    height: 77%;
    border-radius: 7rem;
    position: relative;
    border: 1px solid rgba(91, 128, 186, 1);
    background: rgba(47, 52, 63, 1);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .menu_list_box .menu_list.autobet .autobet_switch {
    border: 1px solid #af8444;
    background: rgb(63 59 47);
}

.container.type8 .menu_list_box .menu_list.autobet .autobet_switch .icon {
    display: none;
    left: 15%;
    font-size: 2.5rem;
    position: absolute;
    top: 50%;
    width: 30%;
    padding-bottom: 30%;
    transform: translate(0, -50%);
    background-size: 100% 13000%;
    background-repeat: no-repeat;
}

.container.type8 .menu_list_box .menu_list.autobet .autobet_switch.on .icon {
    display: block;
    background-position: center 15.25%;
}

.container.type8 .menu_list_box .menu_list.autobet .autobet_switch .switch_icon {
    transition: all .2s;
    width: 42%;
    position: absolute;
    background: linear-gradient(#b7b7b7, #a0a0a0 47%, #b5b5b5 66%, white);
    border-radius: 50%;
    left: 4%;
    top: 50%;
    transform: translate(0, -50%);
}

.container.type8 .menu_list_box .menu_list.autobet .autobet_switch .switch_icon {
    height: 89%;
}

.container.type8 .menu_list_box .menu_list.autobet .autobet_switch.on .switch_icon {
    left: 55%;
}

.container.type8 .leaderboard_box {
    pointer-events: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    animation: bounce01 0.5s;
    left: 50%;
    position: absolute;
    top: 50%;
    background: linear-gradient(to bottom, #444447 0%, #2f2f32 50%, #1b1b1d 100%);
    border-radius: .5rem;
    overflow: hidden;
    height: 62%;
    width: 48%;
    transform: translate(-50%, -50%)scale(0);
    -webkit-transform: translate(-50%, -50%)scale(0);
}

.container.type8 .leaderboard_box .title {
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 10%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #e8e8e8;
}

.container.type8 .mask_box .leaderboard_box .close_btn i {
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 2.2%;
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .leaderboard_box .leaderboard_switch {
    display: flex;
    align-items: flex-end;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 3%;
}

.container.type8 .leaderboard_box .leaderboard_switch {
    height: 9%;
}

.container.type8 .leaderboard_box .leaderboard_item {
    width: 13%;
    height: 78%;
}

.container.type8 .leaderboard_box .leaderboard_item {
    border-top-left-radius: .5rem;
    font-size: 1rem;
    border-top-right-radius: 0.5rem;
}

.container.type8 .leaderboard_box .leaderboard_item.on {
    background-color: rgb(0 0 0 / 30%);
    color: #5a8efe;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .leaderboard_box .leaderboard_item.on {
    color: #af8444;
}

.container.type8 .leaderboard_box .leaderboard_item span {
    height: 100%;
    width: 100%;
    cursor: pointer;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
}

.container.type8 .leaderboard_box .leaderboard_title {
    align-items: center;
    display: flex;
    justify-content: space-around;
    width: 100%;
    background: rgb(0 0 0 / 30%);
    box-shadow: 0px -1px rgb(255 255 255 / 45%);
}

.container.type8 .leaderboard_box .leaderboard_title {
    height: 9%;
}

.container.type8 .leaderboard_box .leaderboard_title_item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5a8efe;
    height: 100%;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .leaderboard_box .leaderboard_title_item {
    color: #af8444;
}

.container.type8 .leaderboard_box .leaderboard_title_item {
    font-size: 1rem;
}

.container.type8 .leaderboard_box .leaderboard_title_item:nth-child(1) {
    width: 25%;
}

.container.type8 .leaderboard_box .leaderboard_title_item:nth-child(2) {
    width: 25%;
}

.container.type8 .leaderboard_box .leaderboard_title_item:nth-child(3) {
    width: 50%;
}

.container.type8 .leaderboard_box .leaderboard_title_item:nth-child(4) {
    width: 0%;
    display: none;
}

.container.type8 .leaderboard_box .leaderboard_content {
    width: 100%;
    display: none;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow-y: auto;
    height: 72%;
}

.container.type8 .leaderboard_box .leaderboard_content::-webkit-scrollbar {
    display: none;
}

.container.type8 .leaderboard_box .leaderboard_content.on {
    display: flex;
}

.container.type8 .leaderboard_box .leaderboard_content_list {
    display: flex;
    width: 100%;
}

.container.type8 .leaderboard_box .leaderboard_content_list {
    height: 16%;
}

.container.type8 .leaderboard_box .leaderboard_content_list:nth-child(odd) {
    background-color: #212227;
}

.container.type8 .leaderboard_box .leaderboard_content_list:nth-child(even) {
    background-color: #2e2f36;
}

.container.type8 .leaderboard_box .leaderboard_content_list:nth-child(1) .leaderboard_content_item:nth-child(1) span,
.container.type8 .leaderboard_box .leaderboard_content_list:nth-child(2) .leaderboard_content_item:nth-child(1) span,
.container.type8 .leaderboard_box .leaderboard_content_list:nth-child(3) .leaderboard_content_item:nth-child(1) span {
    background: url('../../images/C_images/all_bg/iframe_login/windows_icon.png') no-repeat 0% 0% / 100% 13000%;
}

.container.type8 .leaderboard_box .leaderboard_content_list:nth-child(1) .leaderboard_content_item:nth-child(1) span {
    background-position: center 34.35%;
}

.container.type8 .leaderboard_box .leaderboard_content_list:nth-child(2) .leaderboard_content_item:nth-child(1) span {
    background-position: center 35.3%;
}

.container.type8 .leaderboard_box .leaderboard_content_list:nth-child(3) .leaderboard_content_item:nth-child(1) span {
    background-position: center 36.27%;
}

.container.type8 .leaderboard_box .leaderboard_content_list:nth-child(1) {
    background-color: rgb(255 216 110 / 60%);
}

.container.type8 .leaderboard_box .leaderboard_content_list:nth-child(2) {
    background-color: rgb(129 155 192 / 60%);
}

.container.type8 .leaderboard_box .leaderboard_content_list:nth-child(3) {
    background-color: rgb(211 150 98 / 60%);
}

.container.type8 .leaderboard_box .leaderboard_content_item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.container.type8 .leaderboard_box .leaderboard_content_item {
    font-size: 1rem;
}

.container.type8 .leaderboard_box .leaderboard_content_item:nth-child(1) {
    width: 25%;
}

.container.type8 .leaderboard_box .leaderboard_content_item:nth-child(2) {
    width: 25%;
}

.container.type8 .leaderboard_box .leaderboard_content_item:nth-child(3) {
    width: 50%;
}

.container.type8 .leaderboard_box .leaderboard_content_item:nth-child(4) {
    width: 0%;
    display: none;
}

.container.type8 .leaderboard_box .leaderboard_content_item span {
    color: #FFF;
}

.container.type8 .leaderboard_box .leaderboard_content_item:nth-child(1) span {
    height: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: italic;
}

.container.type8 .leaderboard_box .leaderboard_content_item:nth-child(1) span {
    width: 26%;
    font-size: 2rem;
}

.container.type8 .leaderboard_box .leaderboard_content_item:nth-child(4) span {
    background: url('../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png') no-repeat 91.5% 18% / 1300% 1300%;
    padding-bottom: 16%;
    width: 16%;
}

.container.type8 .leaderboard_box .leaderboard_content_item:nth-child(4) span.on {
    background-position: 78.2% 18%;
}

.container.type8 .leaderboard_box .add_alert {
    position: absolute;
    top: 50%;
    left: 50%;
    animation: bounce01 0.5s;
    transform: translate(-50%, -50%);
    display: none;
    align-items: center;
    justify-content: center;
    background: linear-gradient(110deg, rgb(13 27 44 / .9), rgb(11 16 25 / .9));
    border: 1px solid rgb(81 85 93 / 1);
}

.container.type8 .leaderboard_box .add_alert {
    width: 35%;
    height: 14%;
    border-radius: .5rem;
    font-size: 2rem;
}

.container.type8 .leaderboard_box .add_alert.on {
    display: flex;
}

.container.type8 .leaderboard_box .add_alert i {
    margin-right: 4%;
    background-size: 100% 15000%;
    background-position: center 45.47%;
    background-repeat: no-repeat;
}

.container.type8 .leaderboard_box .add_alert i {
    width: 17%;
    height: 50%;
}

.container.type8 .report_box {
    display: flex;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border-radius: .5rem;
    background: linear-gradient(to bottom, #444447 0%, #2f2f32 50%, #1b1b1d 100%);
    height: 90%;
    width: 70%;
}

.container.type8 .mask_box .report_box .title_box {
    height: 16%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.container.type8 .report_box .title_box .titleName {
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.container.type8 .report_box .title_box .titleContent {
    width: 100%;
    height: 50%;
    display: flex;
    align-items: flex-end;
    padding: 0 2%;
    position: relative;
}

.container.type8 .mask_box .report_box .close_btn i {
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 24%;
    width: 3%;
    padding-bottom: 3%;
    position: absolute;
    right: 2%;
    transform: translate(0, -50%);
}

.container.type8 .report_box .bet_report,
.container.type8 .report_box .quota_report {
    width: 15%;
    height: 75%;
    color: rgb(255 255 255);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: 0.5rem;
    text-align: center;
}

.container.type8 .report_box .bet_report.on,
.container.type8 .report_box .quota_report.on {
    background-color: rgb(0 0 0 / 30%);
    color: #5a8efe;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .report_box .bet_report.on,
html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .report_box .quota_report.on {
    color: #af8444;
}

.container.type8 .report_box .gamecategory_box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70%;
    background: rgb(0 0 0 / 20%);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 50%);
    font-size: 1rem;
    position: absolute;
    top: 50%;
    right: 25%;
    transform: translate(0, -50%);
    padding: 0 2rem 0 1.5rem;
    width: 21%;
}

.container.type8 .report_box .gamecategory_box .gamecategory_list {}

.container.type8 .report_box .gamecategory_box .gamecategory_list i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #FFF transparent transparent transparent;
    right: 11%;
    border-width: 0.5rem 0.4rem 0 0.4rem;
}

.container.type8 .report_box .gamecategory_box .gamecategory_list_box {
    display: flex;
    flex-direction: column;
    background-color: rgb(33 34 41);
    width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 50%);
    border-radius: .5rem;
}

.container.type8 .report_box .gamecategory_box .gamecategory_list_box.on {
    pointer-events: visible;
    opacity: 1;
}

.container.type8 .report_box .gamecategory_box .gamecategory_list_box a {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #FFF;
    box-shadow: inset 0 0 0 1px rgb(177 177 177);
}

.container.type8 .report_box .gamecategory_box .gamecategory_list_box a:nth-child(12) {
    border: none;
}

.container.type8 .report_box .gamecategory_box .gamecategory_list_box.on a {
    padding: 8% 0;
}

.container.type8 .report_box .gamecategory_box .gamecategory_list_box.on a.text_47 {
    display: none;
}

html:is([co=wm],
[co=wmub]) .container.type8 .report_box .gamecategory_box .gamecategory_list_box.on a.text_6452,
html:is([co=wm],
[co=wmub]) .container.type8 .report_box .gamecategory_box .gamecategory_list_box.on a.text_6667 {
    display: none;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .report_box .gamecategory_box .gamecategory_list_box.on a.text_27,
html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .report_box .gamecategory_box .gamecategory_list_box.on a.text_173,
html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .report_box .gamecategory_box .gamecategory_list_box.on a.text_6493 {
    display: none;
}

.container.type8 .report_box .day_box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70%;
    background: rgb(0 0 0 / 20%);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 50%);
    width: 13%;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    right: 9%;
    transform: translate(0, -50%);
}

.container.type8 .report_box .day_box .day_list i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #FFF transparent transparent transparent;
}

.container.type8 .report_box .day_box .day_list i {
    right: 11%;
    border-width: .5rem .4rem 0 .4rem;
}

.container.type8 .report_box .day_box .day_list_box {
    display: flex;
    flex-direction: column;
    background-color: rgb(33 34 41);
    width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 50%);
    border-radius: .5rem;
}

.container.type8 .report_box .day_box .day_list_box.on {
    pointer-events: visible;
    opacity: 1;
}

.container.type8 .report_box .day_box .day_list_box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #FFF;
    box-shadow: inset 0 0 0 1px rgb(177 177 177);
}

.container.type8 .report_box .day_box .recently_item.text_6759,
.container.type8 .report_box .day_box .recently_item.text_6760 {
    display: none;
}

.container.type8 .report_box .day_box .day_list_box.on a {
    padding: 8% 0;
}

.container.type8 .report_box #reportLoadingOverlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.container.type8 .report_box #reportLoadingOverlay.on {
    display: flex;
}

.container.type8 .report_box #reportLoadingOverlay .spinner {
    width: 28px;
    height: 28px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top: 3px solid #ffffff;
    border-radius: 50%;
    animation: spin 0.9s ease-in-out infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.container.type8 .gamecategory_box .day_box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 24%;
}

.container.type8 .gamecategory_box .day_box .day_list {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8rem;
    height: 67%;
    border: 1px solid rgba(91, 128, 186, 1);
    background: rgba(60, 67, 87, 1);
}

.container.type8 .gamecategory_box .day_box .day_list {
    width: 64%;
    font-size: 1.3rem;
}

.container.type8 .gamecategory_box .day_box .day_list i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #FFF transparent transparent transparent;
}

.container.type8 .gamecategory_box .day_box .day_list i {
    right: 21%;
    border-width: 1.5rem 1rem 0 1rem;
}

.container.type8 .gamecategory_box .day_box .day_list_box {
    display: flex;
    flex-direction: column;
    background-color: rgb(47, 52, 63);
    width: 83%;
    position: absolute;
    left: 50%;
    top: 15%;
    transform: translate(-50%, 0);
    border: 1px solid rgba(91, 128, 186, 1);
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

.container.type8 .gamecategory_box .day_box .day_list_box.on {
    pointer-events: visible;
    opacity: 1;
}

.container.type8 .gamecategory_box .day_box .day_list_box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #FFF;
    border-bottom: 1px solid #5a7db5;
}

.container.type8 .gamecategory_box .day_box .day_list_box a {
    font-size: 1.3rem;
}

.container.type8 .gamecategory_box .day_box .day_list_box a:nth-child(5) {
    border: none;
}

.container.type8 .gamecategory_box .day_box .day_list_box.on a {
    padding: 8% 0;
}

.container.type8 .report_box .content_box {
    height: 84%;
    width: 100%;
    display: none;
    flex-direction: column;
    box-shadow: inset 0 1px 0px 0px rgb(255 255 255);
}

.container.type8 .report_box .content_box.on {
    display: flex;
}

.container.type8 .report_box .content_box .content_title {
    display: flex;
    width: 100%;
    background-color: rgb(0 0 0 / 30%);
    height: 7%;
}

.container.type8 .report_box .content_box .content_title .content_title_item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5a8efe;
    height: 100%;
    text-align: center;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .report_box .content_box .content_title .content_title_item {
    color: #af8444;
}

.container.type8 .report_box .content_box .content_title .content_title_item {
    font-size: 1rem;
}

.container.type8 .report_box .content_box .content_list_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    height: 79%;
    margin-bottom: 5%;
}

.container.type8 .report_box .content_box .content_list_box::-webkit-scrollbar {
    display: none;
}

.container.type8 .report_box .content_box .content_list_box .content_list {
    width: 100%;
    display: flex;
    background-color: rgb(35 35 35 / 20%);
    height: 9%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.container.type8 .report_box .content_box .content_list_box .content_list:nth-child(even) {
    background-color: rgb(67 67 68 / 20%);
}

.container.type8 .report_box .content_box .content_title .content_title_item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5a8efe;
    height: 100%;
    text-align: center;
    font-size: 1rem;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.container.type8 .report_box .content_box .content_title .content_title_item:last-child {
    border-right: none;
}

.container.type8 .report_box .content_box .content_list_box .content_list .content_item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    font-size: 1rem;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.container.type8 .report_box .content_box .content_list_box .content_list .content_item:nth-child(2) {
    flex-direction: column;
}

.container.type8 .report_box .content_box.bet .content_list_box .content_list .content_item:nth-child(6) {
    color: #85d465;
}

.container.type8 .report_box .content_box.bet .content_list_box .content_list .content_item.red:nth-child(6) {
    color: #e86d6d;
}

.container.type8 .report_box .content_box.bet .content_title .content_title_item {
    width: 13%;
}

.container.type8 .report_box .content_box.bet .content_title .content_title_item:nth-child(1) {
    width: 20%;
}

.container.type8 .report_box .content_box.bet .content_title .content_title_item:nth-child(3) {
    width: 19%;
}

.container.type8 .report_box .content_box.bet .content_title .content_title_item:nth-child(7) {
    width: 9%;
    border: none;
}

.container.type8 .report_box .content_box.bet .content_list_box .content_list .content_item {
    width: 13%;
}

.container.type8 .report_box .content_box.bet .content_list_box .content_list .content_item:nth-child(1) {
    width: 20%;
}

.container.type8 .report_box .content_box.bet .content_list_box .content_list .content_item:nth-child(3) {
    width: 19%;
}

.container.type8 .report_box .content_box.bet .content_list_box .content_list .content_item:nth-child(7) {
    width: 9%;
}

.container.type8 .report_box .content_box.bet .content_list_box .content_list .content_item:nth-child(7) i {
    width: 24%;
    padding-bottom: 24%;
    background: url('../../images/C_images/all_icon/icon_details.png') no-repeat center center / contain;
}

.container.type8 .report_box .content_box.quota .content_list_box .content_list .content_item:nth-child(5) {
    color: #85d465;
    border-right: none;
}

.container.type8 .report_box .content_box.quota .content_list_box .content_list .content_item.red:nth-child(5) {
    color: #e86d6d;
}

.container.type8 .report_box .content_box.quota .content_list_box .content_list {
    height: 10%;
}

.container.type8 .report_box .content_box.quota .content_title .content_title_item {
    flex: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.container.type8 .report_box .content_box.quota .content_title .content_title_item:nth-child(5) {
    border-right: none;
}

.container.type8 .report_box .content_box.quota .content_list_box .content_list .content_item {
    flex: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.container.type8 .report_box .pagination_box {
    display: none;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
    width: 19%;
    height: 5%;
}

.container.type8 .report_box .pagination_box li {
    width: 14%;
    height: 83%;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
}

.container.type8 .report_box .pagination_box a {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    display: none;
}

.container.type8 .report_box .pagination_box .start {
    background-image: url('../../images/C_images/all_icon/keyboard_double_arrow_left.svg');
}

.container.type8 .report_box .pagination_box .previous {
    background-image: url('../../images/C_images/all_icon/chevron_left.svg');
}

.container.type8 .report_box .pagination_box .next {
    background-image: url('../../images/C_images/all_icon/chevron_right.svg');
}

.container.type8 .report_box .pagination_box .end {
    background-image: url('../../images/C_images/all_icon/keyboard_double_arrow_right.svg');
}

.container.type8 .report_box .pagination_box div {
    font-size: 1rem;
    color: #FFF;
}

.container.type8 .report_refresh_btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 70%;
    width: 4%;
    right: 0.5%;
    margin-right: 1.5rem;
    border-radius: 0.5rem;
    transition: all 0.15s ease-in-out;
}

.container.type8 .report_refresh_btn i.icon-refresh {
    display: block;
    background: url('../../images/C_images/all_icon/refresh_btn.png') no-repeat center center / contain;
    width: 60%;
    padding-bottom: 60%;
}

.container.type8 .report_refresh_btn:active {
    transform: translateY(-50%) scale(1);
    filter: none;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

.container.type8 .report_refresh_btn:active i.icon-refresh {
    animation: spin360 0.5s ease-out;
    transform: rotate(360deg);
    transition: transform 0.5s ease-out;
}

@keyframes spin360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.container.type8 .report_box .title_box .titleContent #report_refresh_btn[style*="display:block"] {
    display: flex !important;
}

.container.type8 .report_box .title_box .titleContent #report_refresh_btn[style*="display:none"] {
    display: none !important;
}

.container.type8 .details_box {
    height: 90%;
    width: 70%;
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border-radius: .5rem;
    background-color: #212229;
}

.container.type8 .details_box.on {
    display: flex;
}

.container.type8 .details_box .title_box {
    font-size: 1.2rem;
    height: 8% !important;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .details_box .close_btn i {
    position: absolute;
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 50% !important;
    right: 2%;
    width: 3% !important;
    padding-bottom: 3% !important;
    transform: translate(0, -50%);
}

.container.type8 .details_box .content_box {
    width: 100%;
    height: 92%;
}

.container.type8 .details_box .content_box .content_title {
    display: flex;
    width: 100%;
    height: 10%;
    background-color: rgb(0 0 0 / 30%);
}

.container.type8 .details_box .content_box .content_title .content_title_item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5a8efe;
    height: 100%;
    width: 16.66%;
    font-size: 1rem;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.container.type8 .details_box .content_box .content_title .content_title_item:last-child {
    border-right: none;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .details_box .content_box .content_title .content_title_item {
    color: #af8444;
}

.container.type8 .details_box .content_box .content_list_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow-y: auto;
}

.container.type8 .details_box .content_box .content_list_box {
    height: 93%;
}

.container.type8 .details_box .content_box .content_list_box::-webkit-scrollbar {
    display: none;
}

.container.type8 .details_box .content_box .content_list {
    width: 100%;
    display: flex;
    height: 11%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.container.type8 .details_box .content_box .content_list:nth-child(even) {
    background-color: rgb(67 67 68 / 20%);
}

.container.type8 .details_box .content_box .content_list .content_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 25%;
    height: 100%;
    font-size: 1rem;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.container.type8 .details_box .content_box .content_list .content_item:last-child {
    border-right: none;
}

.container.type8 .details_box .content_box .content_list .content_item:nth-child(5) {
    color: #85d465;
}

.container.type8 .details_box .content_box .content_list .content_item.red {
    color: #e86d6d;
}

.container.type8 .details_box .content_box .content_list .content_item:nth-child(6) i {
    background-size: 100% 13000%;
    background-position: center 30.65%;
    background-repeat: no-repeat;
}

.container.type8 .details_box .content_box .content_list .content_item:nth-child(6) i {
    width: 17%;
    padding-bottom: 17%;
}

.container.type8 .details_box .content_box .content_list .content_item .opencard_item {
    width: 100%;
    height: 22%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .details_box .content_box .content_list .content_item .opencard_item span {
    width: 8%;
    height: 90%;
    margin: 0 3%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    box-sizing: border-box;
}

.container.type8 .details_box .content_box .content_list .content_item .opencard_item:nth-child(1) span:nth-child(2) {
    margin: 0 0 0 3%;
}

.container.type8 .history_video {
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border-radius: .5rem;
    background-color: #212229;
    height: 90%;
    width: 70%;
}

.container.type8 .history_video .title_box {
    font-size: 1.2rem;
    height: 8% !important;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .history_video .close_btn i {
    position: absolute;
    background: url(../../images/C_images/all_icon/ui_7_icon/close_btn.png) no-repeat center center / contain;
    top: 50% !important;
    right: 2%;
    width: 3% !important;
    padding-bottom: 3% !important;
    transform: translate(0, -50%);
}

.container.type8 .history_video .content-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 92%;
}

.container.type8 .history_video .content-box .content_title {
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
    width: 100%;
    height: 9%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    height: 10%;
    font-size: 1.2rem;
}

.container.type8 .history_video video {
    width: 100%;
}

.container.type8 .history_video video {
    height: 60%;
}

.container.type8 .history_video video[src*="gtype=151"] {
    display: none;
}

.container.type8 .history_video .content-box .content_opencard_box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30%;
}

.container.type8 .history_video .content-box.rou .content_opencard_box .openlist1 {
    align-items: center;
    border: .2rem solid #ffffff;
    border-radius: .8rem;
    color: #fff;
    display: flex;
    justify-content: center;
    width: 8%;
    background: linear-gradient(#ba0000 15%, #ba0000 15%, #6a0707 100%);
    height: 38%;
    font-size: 2rem;
}

.container.type8 .history_video .content-box.rou .content_opencard_box .openlist1.black {
    background: linear-gradient(to bottom, #6d6d6d 15%, #161616 100%);
}

.container.type8 .history_video .content-box.rou .content_opencard_box .openlist1.green {
    background: linear-gradient(to bottom, #6cb747 15%, #1f3813 100%);
}

.container.type8 .history_video .content-box.rou .content_opencard_box .opencard_right_box {
    color: #FFF;
    margin-left: 12%;
    align-items: center;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    font-size: 2rem;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item {
    position: absolute;
    color: #FFF;
    width: 50%;
    height: 100%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item.left {
    background: linear-gradient(to left, rgba(0, 0, 0, 0.8) 0%, rgba(10, 15, 52, 0.7) 100%);
    left: 0%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item.right {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(99, 0, 0, 0.7) 100%);
    right: 0%;
}

.container.type8 .history_video .content-box.dgtg .content_opencard_box .opencard_item.left {
    background: linear-gradient(to left, rgba(0, 0, 0, 0.8) 0%, rgba(99, 0, 0, 0.7) 100%);
    left: 0%;
}

.container.type8 .history_video .content-box.dgtg .content_opencard_box .opencard_item.right {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(10, 15, 52, 0.7) 100%);
    right: 0%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item .open_name,
.container.type8 .history_video .content-box .content_opencard_box .opencard_item .open_num {
    white-space: nowrap;
    font-weight: bold;
    position: absolute;
    top: 17%;
    font-size: 1.5rem;
    top: 18%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item.left .open_name {
    left: 28%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item.right .open_name {
    right: 28%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item.left .open_num {
    left: 68%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item.right .open_num {
    right: 68%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item .porker_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 42%;
    bottom: 6%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item .porker_box .poker_item {
    width: 12%;
    height: 100%;
    margin: 0 1%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item.left .porker_box .poker_item:nth-child(3) {
    transform: rotate(90deg);
    order: -1;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item.right .porker_box .poker_item:nth-child(3) {
    transform: rotate(-90deg);
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_item .porker_box .poker_item.clubs_15 {
    display: none;
}

.container.type8 .history_video .content-box.niu .content_opencard_box,
.container.type8 .history_video .content-box.sg .content_opencard_box,
.container.type8 .history_video .content-box.tb .content_opencard_box {
    flex-direction: column;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_list {
    display: flex;
    width: 100%;
    height: 50%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_list .opencard_item {
    position: relative;
    flex: 1;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_list .opencard_item .opencard_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    background-color: rgb(36 97 207);
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_list .opencard_item .opencard_title {
    height: 25%;
    font-size: 1.5rem;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_list .opencard_item:nth-child(2) .opencard_title,
.container.type8 .history_video .content-box .content_opencard_box .opencard_list .opencard_item:nth-child(3) .opencard_title {
    border-left: 1px solid rgb(255 255 255 / 22%);
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_list:nth-child(2) .opencard_item .opencard_title {
    background-color: rgb(221 36 47);
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_list .opencard_item .opencard_num {
    position: absolute;
    bottom: 4%;
    left: 50%;
    color: rgb(255 255 255);
    transform: translate(-50%, 0);
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_list .opencard_item .opencard_num {
    font-size: 1.5rem;
}

.container.type8 .history_video .content-box.niu .content_opencard_box .opencard_list .opencard_item .opencard_num {
    color: rgb(1 255 205);
}

.container.type8 .history_video .content-box.niu .content_opencard_box .opencard_list .opencard_item .opencard_num.text_44 {
    color: rgb(252 189 55);
}

.container.type8 .history_video .content-box.niu .content_opencard_box .opencard_list .opencard_item .opencard_num.text_681 {
    color: rgb(248 248 248);
}

.container.type8 .history_video .content-box.sg .content_opencard_box .opencard_list .opencard_item .opencard_num .text_27 {
    color: rgb(252 189 55);
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_list .opencard_item .porker_box {
    height: 35%;
    bottom: 34%;
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_list:nth-child(2) .opencard_item .porker_box {
    width: 37%;
    left: 50%;
    transform: translate(-50%, 0);
}

.container.type8 .history_video .content-box .content_opencard_box .opencard_list .opencard_item .porker_box .poker_item {
    width: 25%;
    height: 100%;
}

.container.type8 .history_video .content-box.fpc .content_opencard_box,
.container.type8 .history_video .content-box.sb .content_opencard_box {
    flex-direction: column;
}

.container.type8 .history_video .content-box.fpc .content_opencard_box .opencard_list,
.container.type8 .history_video .content-box.sb .content_opencard_box .opencard_list {
    align-items: center;
    justify-content: space-around;
}

.container.type8 .history_video .content-box.fpc .content_opencard_box .opencard_list span,
.container.type8 .history_video .content-box.sb .content_opencard_box .opencard_list span {
    width: 30%;
    height: 54%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: bold;
    font-size: 2rem;
}

.container.type8 .history_video .content-box.sd .content_opencard_box {
    align-items: center;
    justify-content: center;
    background: linear-gradient(330deg, #101010d6, #63636354), #000000f0;
}

.container.type8 .history_video .content-box.sd .content_opencard_box span {
    margin: 0 2%;
    font-weight: bold;
    color: #FFF;
}

.container.type8 .history_video .content-box.sd .content_opencard_box i {
    width: 45%;
    margin: 0 2%;
}

.container.type8 .history_video .content-box.sd .content_opencard_box i.w4 {
    background: url('../../images/C_images/all_bg/iframe_108/bet/style_2/bet_bg_1.png') no-repeat center/contain;
}

.container.type8 .history_video .content-box.sd .content_opencard_box i.r4 {
    background: url('../../images/C_images/all_bg/iframe_108/bet/style_2/bet_bg_4.png') no-repeat center/contain;
}

.container.type8 .history_video .content-box.sd .content_opencard_box i.w3 {
    background: url('../../images/C_images/all_bg/iframe_108/bet/style_2/bet_bg_2.png') no-repeat center/contain;
}

.container.type8 .history_video .content-box.sd .content_opencard_box i.r3 {
    background: url('../../images/C_images/all_bg/iframe_108/bet/style_2/bet_bg_3.png') no-repeat center/contain;
}

.container.type8 .history_video .content-box.sd .content_opencard_box i.r2w2 {
    background: url('../../images/C_images/all_bg/iframe_108/bet/style_2/bet_bg_5.png') no-repeat center/contain;
}

.container.type8 .history_video .content-box.sd .content_opencard_box {
    font-size: 2.5rem;
}

.container.type8 .history_video .content-box.sd .content_opencard_box i {
    height: 28%;
}

.container.type8 .history_video .content-box.ft .content_opencard_box {
    width: 100%;
    align-items: center;
    justify-content: center;
    background: linear-gradient(330deg, #101010d6, #63636354), #000000f0;
}

.container.type8 .history_video .content-box.ft .content_opencard_box span {
    width: 14%;
    margin: 0 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: bold;
    height: 23%;
    font-size: 2rem;
}

.container.type8 .history_video .content-box.ab .content_opencard_box {
    flex-direction: column;
    flex-wrap: wrap;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .joker_box,
.container.type8 .history_video .content-box.ab .content_opencard_box .andar_box,
.container.type8 .history_video .content-box.ab .content_opencard_box .bahar_box {
    position: relative;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .joker_box {
    width: 20%;
    height: 100%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .andar_box,
.container.type8 .history_video .content-box.ab .content_opencard_box .bahar_box {
    width: 80%;
    height: 50%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .title {
    color: #FFF;
    position: absolute;
    white-space: nowrap;
    bottom: 7%;
    left: 3%;
    font-size: 1.5rem;
    font-weight: bold;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .joker_box .title {
    bottom: 31%;
    transform: translate(-50%, 0);
    left: 50%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .bahar_box .title {
    color: #c1182e;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .andar_box .title {
    color: #2b4be9;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .bahar_box .card_box,
.container.type8 .history_video .content-box.ab .content_opencard_box .andar_box .card_box {
    border: 1px solid #FFF;
    border-radius: .1;
    width: 94%;
    height: 51%;
    position: absolute;
    top: 11%;
    left: 2%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .bahar_box .poker_item,
.container.type8 .history_video .content-box.ab .content_opencard_box .andar_box .poker_item {
    position: absolute;
    top: 6%;
    width: 7%;
    height: 90%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(1) {
    left: 1%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(2) {
    left: 5%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(3) {
    left: 9%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(4) {
    left: 13%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(5) {
    left: 17%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(6) {
    left: 21%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(7) {
    left: 25%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(8) {
    left: 29%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(9) {
    left: 33%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(10) {
    left: 37%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(11) {
    left: 41%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(12) {
    left: 45%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(13) {
    left: 49%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(14) {
    left: 53%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(15) {
    left: 57%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(16) {
    left: 61%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(17) {
    left: 65%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(18) {
    left: 69%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(19) {
    left: 73%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(20) {
    left: 77%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(21) {
    left: 81%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(22) {
    left: 85%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(23) {
    left: 89%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .poker_item:nth-child(24) {
    left: 93%;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .joker_box .card_box {
    width: 22%;
    height: 26%;
    position: absolute;
    top: 27%;
    left: 39%;
    border: 1px solid #FFF;
    border-radius: .3rem;
}

.container.type8 .history_video .content-box.ab .content_opencard_box .joker_box .poker_item {
    position: absolute;
    width: 91%;
    height: 90%;
    top: 5%;
    left: 3%;
}

.container.type8 .attention_box {
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    overflow: hidden;
    background: linear-gradient(to bottom, #444447 0%, #2f2f32 50%, #1b1b1d 100%);
    border-radius: .5rem;
}

.container.type8 .attention_box {
    height: 62%;
    width: 48%;
}

.container.type8 .attention_box .title_box {
    display: flex;
    height: 10%;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.container.type8 .attention_box .title_box span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.container.type8 .attention_box .close_btn i {
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 22%;
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .attention_box .content_switch {
    width: 100%;
    height: 10%;
    display: none;
    padding-left: 2%;
    box-shadow: inset 0 -1px rgb(255 255 255 / 45%);
    align-items: flex-end;
}

.container.type8 .attention_box .content_switch span {
    height: 76%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    margin-bottom: 1px;
}

.container.type8 .attention_box .content_switch span {
    width: 20%;
    font-size: 1rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.container.type8 .attention_box .content_switch span.on {
    background-color: #17181d;
    color: #5a8efe;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .attention_box .content_switch span.on {
    color: #af8444;
}

.container.type8 .attention_box .content_box {
    display: none;
    width: 100%;
    height: 90%;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    overflow-y: auto;
    margin: 1% 0;
}

.container.type8 .attention_box .content_box::-webkit-scrollbar {
    display: none;
}

.container.type8 .attention_box .content_box.on {
    display: flex;
}

.container.type8 .attention_box .content_box .content_list {
    background-color: rgb(88 87 93 / 50%);
    width: 96%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    height: 15%;
    border-radius: .5rem;
    margin-bottom: 1%;
}

.container.type8 .attention_box .content_box .delect_btn {
    width: 12%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #FFF;
}

.container.type8 .attention_box .content_box .delect_btn i {
    background: url('../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png') no-repeat 18.5% 27% / 1300% 1300%;
    width: 38%;
    padding-bottom: 38%;
}

.container.type8 .attention_box .content_box .content {
    position: relative;
    width: 87%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container.type8 .attention_box .content_box .name {
    position: absolute;
    top: 10%;
    left: 2%;
    font-size: 1rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.container.type8 .attention_box .content_box .name span::after {
    content: ':';
    margin: 0 .2rem;
}

.container.type8 .attention_box .content_box .online {
    position: absolute;
    top: 50%;
    width: 30%;
    height: 30%;
    color: #717783;
    white-space: nowrap;
    display: flex;
    align-items: center;
    left: 2%;
    font-size: .8rem;
}

.container.type8 .attention_box .content_box .online i {
    width: 8%;
    padding-bottom: 8%;
    margin-right: 3%;
    border-radius: 50%;
    background: #b8b8b8;
}

.container.type8 .attention_box .content_box .content_list.on .online {
    color: rgb(14, 228, 20);
}

.container.type8 .attention_box .content_box .content_list.on .online i {
    background: #53ff0d;
}

.container.type8 .attention_box .content_box .go_bet {
    white-space: nowrap;
    cursor: pointer;
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    box-shadow: inset 0 -3px 6px rgb(0 0 0 / 20%), inset 0 3px 4px rgb(255 215 140 / 50%), 0 4px 8px rgb(109 78 35 / 60%);
    border-radius: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 6%;
    color: #FFF;
    position: absolute;
    right: 5%;
    transition: all 0.2s ease;
}

.container.type8 .attention_box .content_box .go_bet:hover {
    transform: translateY(2px) scale(0.98);
    box-shadow: inset 0 4px 8px rgba(0, 40, 120, 0.5), inset 0 -3px 6px rgba(255, 255, 255, 0.2), 0 3px 6px rgba(0, 0, 0, 0.3);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .attention_box .content_box .go_bet {
    background: radial-gradient(circle, #af8444, #8a672c);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .attention_box .content_box .go_bet:hover {
    transform: translateY(2px) scale(0.98);
    box-shadow: inset 0 4px 8px rgba(80, 50, 10, 0.5), inset 0 -3px 6px rgba(255, 230, 180, 0.2), 0 3px 6px rgba(0, 0, 0, 0.3);
}

.container.type8 .attention_box .content_box .go_bet {
    font-size: 1rem;
}

.container.type8 .attention_box .content_box .content_list.on .go_bet {
    opacity: 1;
}

.container.type8 .personal_box {
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    background-color: #212229;
    border-radius: .5rem;
    overflow: hidden;
    width: 50%;
    height: 68%;
    height: 62%;
    width: 48%;
}

.container.type8 .personal_box .title_box {
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 10%;
    position: relative;
    background: #48474F;
    box-shadow: 0 1px 5px 0px rgb(0 0 0 / 40%);
    color: #e8e8e8;
}

.container.type8 .personal_box .close_btn i {
    position: absolute;
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 22%;
    right: 3%;
    width: 3.5%;
    padding-bottom: 3.5%;
}

.container.type8 .personal_box .content_box {
    width: 100%;
    display: flex;
    height: 90%;
}

.container.type8 .personal_box .content_box .top_box .personalinfo {
    overflow: hidden;
    border-radius: 50%;
    width: 12%;
    padding-bottom: 12%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: absolute;
    top: 14%;
    left: 6%;
}

.container.type8 .personal_box .content_box .top_box .person_content i {
    background: url('../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png') no-repeat 0 0 / 1200% 1200%;
    margin-right: 5%;
    width: 11%;
    padding-bottom: 11%;
}

.container.type8 .personal_box .content_box .top_box .person_content .name_box,
.container.type8 .personal_box .content_box .top_box .person_content .money {
    border-radius: 8rem;
    box-sizing: border-box;
    padding-left: 2%;
    box-shadow: inset 0 0 8px rgb(255 255 255 / 70%);
    color: #FFF;
    background-color: rgb(0 0 0 / 15%);
    height: 6.5%;
    white-space: nowrap;
    display: flex;
    align-items: center;
    width: 24%;
    position: absolute;
    left: 22%;
}

.container.type8 .personal_box .content_box .top_box .person_content .name_box {
    top: 16%;
}

.container.type8 .personal_box .content_box .top_box .person_content .money {
    top: 26%;
}

.container.type8 .personal_box .content_box .top_box .person_content::before {
    content: '';
    position: absolute;
    width: 43%;
    height: 1px;
    left: 4%;
    top: 36%;
    background-color: rgb(255 255 255 / 30%);
}

.container.type8 .personal_box .content_box .top_box .person_content .online_time,
.container.type8 .personal_box .content_box .top_box .person_content .rank {
    position: absolute;
    width: 39%;
    height: 7%;
    display: flex;
    align-items: center;
    left: 7%;
}

.container.type8 .personal_box .content_box .top_box .person_content .online_time {
    top: 38%;
}

.container.type8 .personal_box .content_box .top_box .person_content .rank {
    top: 47%;
}

.container.type8 .personal_box .content_box .top_box .person_content .online_time i,
.container.type8 .personal_box .content_box .top_box .person_content .rank i {
    background-size: 1300% 1300%;
    width: 8%;
    padding-bottom: 8%;
    margin-right: 4%;
}

.container.type8 .personal_box .content_box .top_box .person_content .online_time span,
.container.type8 .personal_box .content_box .top_box .person_content .rank span {
    font-size: 1rem;
}

.container.type8 .personal_box .content_box .top_box .person_content span {
    white-space: nowrap;
    font-size: 1rem;
}

.container.type8 .personal_box .content_box .top_box .person_content .online_time span:nth-child(3)::before,
.container.type8 .personal_box .content_box .top_box .person_content .rank span:nth-child(3)::before {
    content: ':';
}

.container.type8 .personal_box .content_box .top_box .person_content .name_box i {
    background-position: 46.2% 8.8%;
}

.container.type8 .personal_box .content_box .top_box .person_content .online_time i {
    background-position: 66.7% 27.5%;
}

.container.type8 .personal_box .content_box .top_box .person_content .rank i {
    background-position: 78% 27.5%;
}

.container.type8 .personal_box .content_box .top_box .person_content .money i {
    background-position: 37.5% 9.3%;
}

.container.type8 .personal_box .content_box .center_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 2%;
    top: 13%;
    background-color: rgb(77 76 85 / 50%);
    border-radius: .5rem;
    height: 83%;
    width: 47%;
}

.container.type8 .personal_box .content_box .center_box .center_title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 9%;
    width: 100%;
    box-shadow: inset 0 -1px rgb(255 255 255 / 30%);
    font-size: 1rem;
}

.container.type8 .personal_box .content_box .center_box .center_title i {
    display: none;
}

.container.type8 .personal_box .content_box .center_box .center_content {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow-y: auto;
    width: 94%;
    height: 91%;
}

.container.type8 .personal_box .content_box .center_box .center_content::-webkit-scrollbar {
    display: none;
}

.container.type8 .personal_box .content_box .center_box .center_content .wins_list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 12%;
    margin-bottom: .5%;
    font-size: 1rem;
}

.container.type8 .personal_box .content_box .center_box .center_content .wins_list .wins_name {
    width: 23%;
}

.container.type8 .personal_box .content_box .center_box .center_content .wins_list .wins_num {
    width: 14%;
    text-align: end;
}

.container.type8 .personal_box .content_box .center_box .center_content .wins_list .barbg {
    width: 52%;
    height: 20%;
    margin: 0 2%;
    position: relative;
    overflow: hidden;
    background-color: rgb(0 0 0 / 50%);
    border-radius: 8rem;
}

.container.type8 .personal_box .content_box .center_box .center_content .wins_list .barbg .bar {
    transition: transform .5s;
    position: absolute;
    height: 100%;
    background-color: #f6cb7f;
    border-radius: 8rem;
}

.container.type8 .personal_box .content_box .bottom_box .today_bet,
.container.type8 .personal_box .content_box .bottom_box .total_bet {
    border-radius: .5rem;
    position: absolute;
    background-color: rgb(77 76 85 / 50%);
    width: 47%;
    height: 18%;
    display: flex;
    flex-wrap: wrap;
    left: 2%;
}

.container.type8 .personal_box .content_box .bottom_box .today_bet {
    top: 56%;
}

.container.type8 .personal_box .content_box .bottom_box .total_bet {
    top: 78%;
}

.container.type8 .personal_box .content_box .bottom_box .today_bet span:nth-child(1),
.container.type8 .personal_box .content_box .bottom_box .total_bet span:nth-child(1) {
    width: 100%;
    height: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 -1px rgb(255 255 255 / 30%);
    font-size: 1rem;
}

.container.type8 .personal_box .content_box .bottom_box .money {
    font-size: 1.2rem;
    width: 50%;
    height: 60%;
    color: #f6cb7f;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .personal_box .content_box .bottom_box .sta_box {
    box-shadow: inset 1px 0 rgb(255 255 255 / 30%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 60%;
}

.container.type8 .personal_box .content_box .bottom_box .sta_box i {
    margin: 0 2%;
    width: 10%;
    padding-bottom: 10%;
    background: url(../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png) no-repeat 0 0 / 1200% 1200%;
    background-position: 96.5% 27%;
}

.container.type8 .personal_box .content_box .bottom_box .sta_box i.on {
    background-position: 87% 27%;
}

.container.type8 .changeheadshot-dialog {
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    overflow: hidden;
    background: rgb(28, 29, 34);
    background-color: #2b2f32;
    border-radius: .5rem;
    overflow: hidden;
    height: 62%;
    width: 42%;
}

.container.type8 .changeheadshot-dialog .title-box {
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 10%;
    position: relative;
    background: #48474F;
    box-shadow: 0 1px 5px 0px rgb(0 0 0 / 40%);
    color: #e8e8e8;
}

.container.type8 .changeheadshot-dialog .btn-back i {
    position: absolute;
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 24%;
    right: 3%;
    width: 4.2%;
    padding-bottom: 4.2%;
}

.container.type8 .changeheadshot-dialog .content-box {
    padding: 2%;
    width: 100%;
    height: 90%;
}

.container.type8 .changeheadshot-dialog .content-box .changeheadshot-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container.type8 .changeheadshot-dialog .content-box .changeheadshot-box .headshot-box {
    align-items: center;
    width: 100%;
    height: 87%;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
}

.container.type8 .changeheadshot-dialog .content-box .changeheadshot-box .headshot-box .headshot {
    border-radius: 50%;
    margin: 2% 4%;
    position: relative;
    width: 17%;
    padding-bottom: 17%;
}

.container.type8 .changeheadshot-dialog .content-box .changeheadshot-box .headshot-box .headshot.select::before {
    background: url('../../images/C_images/all_icon/dialog.png') no-repeat 0% 20.9% / 1040% 1355%;
    content: '';
    height: 110%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 110%;
}

.container.type8 .changeheadshot-dialog .content-box .changeheadshot-box .btn-save {
    white-space: nowrap;
    cursor: pointer;
    background-color: #5a8fff;
    border-radius: 6rem;
    padding: 1.5% 5%;
    font-size: 1rem;
    color: #FFF;
    margin-top: 2%;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .changeheadshot-dialog .content-box .changeheadshot-box .btn-save {
    background-color: #af8444;
}

.container.type8 .rule_box {
    animation: bounce01 0.5s;
    pointer-events: visible;
    display: flex;
    z-index: 3000;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    transform: translate(-50%, -50%);
    border-radius: .5rem;
}

.container.type8 .rule_box {
    height: 90%;
    width: 70%;
}

.container.type8 .mask_box .rule_box .title_box {
    display: flex;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    height: 8%;
}

.container.type8 .rule_box .title_box_item {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}

.container.type8 .rule_box .title_box span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.container.type8 .mask_box .rule_box .close_btn i {
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 25%;
    width: 3%;
    padding-bottom: 3%;
    position: absolute;
    right: 2%;
}

.container.type8 .rule_box .body_box {
    width: 100%;
}

.container.type8 .rule_box .body_box {
    height: 90%;
}

.container.type8 .remind_box {
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 21%;
    height: 22%;
    background: #212229;
    border-radius: 0.5rem;
    overflow: hidden;
    position: absolute;
    display: none;
    flex-direction: column;
    z-index: 1001;
    pointer-events: visible;
}

.container.type8 .remind_box.on {
    display: flex;
}

.container.type8.move .remind_box {
    left: 55%;
}

.container.type8 .remind_box .remind_title {
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 20%;
}

.container.type8 .remind_box .remind_title .title {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .remind_box .remind_title .title {
    font-size: 1rem;
}

.container.type8 .remind_box .remind_title .close_btn i {
    position: absolute;
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 16%;
    right: 3%;
    width: 8%;
    padding-bottom: 8%;
}

.container.type8 .remind_box .remind_content {
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .remind_box .remind_content i {
    background-size: 100% 15000%;
    background-position: center 45.47%;
    background-repeat: no-repeat;
}

.container.type8 .remind_box .remind_content span {
    max-width: 71%;
}

.container.type8 .remind_box .remind_function {
    height: 15%;
    align-items: center;
    width: 100%;
    justify-content: space-around;
}

.container.type8 .remind_box .remind_btn {
    width: 26%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: none;
    color: #FFF;
    border-radius: 8rem;
    font-size: 1rem;
    background-color: #535458;
}

.container.type8 .remind_box .remind_btn.yes,
.container.type8 .remind_box .remind_btn.confirm {
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.container.type8 .remind_box .remind_btn.no {
    background: radial-gradient(circle, #a3a3a3, #5c5c5c);
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.3), inset 0 3px 4px rgba(255, 255, 255, 0.2), 0 4px 8px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.container.type8 .remind_box .remind_btn.yes:active,
.container.type8 .remind_box .remind_btn.confirm:active,
.container.type8 .remind_box .remind_btn.no:active {
    transform: scale(0.95);
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
    transition: transform 0.1s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.15s ease;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .remind_box .remind_btn.yes,
html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .remind_box .remind_btn.confirm {
    background: radial-gradient(circle, #af8444, #8a672c);
}

.container.type8 .remind_box .remind_btn.confirm {
    width: 33%;
}

.container.type8 .remind_box[style-type="1"] .remind_function,
.container.type8 .remind_box[style-type="3"] .remind_function {
    display: flex;
}

.container.type8 .remind_box[style-type="1"] .remind_btn.yes,
.container.type8 .remind_box[style-type="1"] .remind_btn.no {
    display: flex;
}

.container.type8 .remind_box[style-type="3"] .remind_btn.confirm {
    display: flex;
}

.container.type8 .remind_box[style-type="2"] .remind_content {
    height: 76%;
}

.container.type8 .remind_box[style-type="2"] .remind_content {
    height: 77%;
}

.container.type8 .remind_box[style-type="1"] .remind_content,
.container.type8 .remind_box[style-type="3"] .remind_content {
    height: 55%;
}

.container.type8 .remind_box .remind_content i {
    width: 7%;
    padding-bottom: 6%;
    margin-right: 2%;
}

.container.type8 .remind_box .remind_content span {
    font-size: 1rem;
}

.container.type8 .goodroad_set_box {
    display: flex;
    animation: bounce01 0.5s;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    border-radius: .5rem;
    flex-direction: column;
    background: linear-gradient(to bottom, #444447 0%, #2f2f32 50%, #1b1b1d 100%);
    overflow: hidden;
    transform: translate(-50%, -50%);
}

.container.type8 .goodroad_set_box {
    width: 48%;
    height: 62%;
}

.container.type8 .goodroad_set_box .title_box {
    height: 10%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.container.type8 .goodroad_set_box .close_btn i {
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 22%;
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .goodroad_set_box .content_box {
    width: 100%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container.type8 .goodroad_set_box .content_box {
    font-size: 1rem;
}

.container.type8 .goodroad_set_box .content_box .input {
    position: relative;
    -webkit-appearance: none;
    outline: none;
    height: 70%;
    margin: 0 4%;
    align-items: center;
    justify-content: center;
    display: flex;
    pointer-events: none;
    font-size: 1.1rem;
    box-shadow: inset 0 0 0 1px #5a8fff;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .goodroad_set_box .content_box .input {
    box-shadow: inset 0 0 0 1px #af8444;
}

.container.type8 .goodroad_set_box .content_box .input {
    width: 12%;
    border-radius: 5px;
}

.container.type8 .goodroad_set_box .content_box .input::after {
    content: '\2713';
    color: #5a8fff;
    opacity: 0;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .goodroad_set_box .content_box .input::after {
    color: #af8444;
}

.container.type8 .goodroad_set_box .content_box .input:checked::after {
    opacity: 1;
}

.container.type8 .goodroad_set_box .content_box .goodroadSetBox {
    display: flex;
    width: 94%;
    height: 8%;
    align-items: center;
    justify-content: space-between;
    margin: 2% 0;
}

.container.type8 .goodroad_set_box .content_box .selectall {
    display: flex;
    align-items: center;
    position: absolute;
    right: 5%;
    bottom: 7%;
}

.container.type8 .goodroad_set_box .content_box .selectall .input {
    margin-right: .5rem;
    margin-left: 0;
    width: 2rem;
    height: 2rem;
}

.container.type8 .goodroad_set_box .content_box .selectall .text_6392 {
    text-wrap: nowrap;
}

.container.type8 .goodroad_set_box .content_box .option {
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #FFF;
    box-shadow: inset 0 0 0 1px rgb(177 177 177);
    background-color: #212121;
    padding: .6rem 0;
    border-radius: .5rem;
}

.container.type8 .goodroad_set_box .content_box .option:hover {
    background-color: rgb(0 0 0 / 30%);
    color: #5a8efe;
}

.container.type8 .goodroad_set_box .content_box .option.on {
    background-color: rgb(0 0 0 / 30%);
    color: #5a8efe;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .goodroad_set_box .content_box .option.on {
    color: #af8444;
}

.container.type8 .goodroad_set_box .content_box .switchGoodRoadStyle .selected-display {
    font-size: 1rem;
    color: #FFF;
}

.container.type8 .goodroad_set_box .content_box .content_list {
    width: 98%;
    height: 70%;
}

.container.type8 .goodroad_set_box .content_box .content_list .roadStyle {
    width: 100%;
    height: 100%;
    display: none;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow-y: auto;
}

.container.type8 .goodroad_set_box .content_box .content_list .roadStyle.bigRoad.on {
    display: flex;
}

.container.type8 .goodroad_set_box .content_box .content_list .roadStyle.smallEyeRoad.on {
    display: flex;
}

.container.type8 .goodroad_set_box .content_box .content_list .roadStyle.smallSmallRoad.on {
    display: flex;
}

.container.type8 .goodroad_set_box .content_box .content_list .roadStyle.smallJiaRoad.on {
    display: flex;
}

.container.type8 .goodroad_set_box .content_box .content_list .roadStyle::-webkit-scrollbar {
    overflow: visible;
    width: 4px;
}

.container.type8 .goodroad_set_box .content_box .content_list .roadStyle::-webkit-scrollbar-thumb {
    background: #5a8fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .goodroad_set_box .content_box .content_list .roadStyle::-webkit-scrollbar-thumb {
    background: #af8444;
}

.container.type8 .goodroad_set_box .content_box .content_list .roadStyle::-webkit-scrollbar-track {
    background-color: #cdcdcd73;
    box-shadow: inset 0px 0px 3px #9b9b9b;
    border-radius: 4px;
}

.container.type8 .goodroad_set_box .content_box .content_list .content_item {
    background-color: #525259;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0.5rem;
    width: 30%;
    height: 43%;
    margin: 0 1.5% 4%;
}

.container.type8 .goodroad_set_box .content_box .content_list .content_item .title {
    position: relative;
    width: 100%;
    height: 20%;
    display: flex;
    align-items: center;
}

.container.type8 .goodroad_set_box .content_box .content_list .content_item .road_bg {
    background: url('../../images/C_images/cardroar_bg/cardroad_bg_10.png') no-repeat 0 0 / 100% 100%;
    display: flex;
    width: 100%;
    height: 80%;
}

.container.type8 .goodroad_set_box .content_box .content_list .content_item .road_bg .road_list {
    width: 10%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.container.type8 .goodroad_set_box .content_box .content_list .content_item .road_bg .road_list .road_item {
    width: 100%;
    height: 16.66%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .goodroad_set_box .content_box .content_list .content_item .road_bg .road_list .road_item i {
    width: 90%;
    height: 90%;
}

.container.type8 .goodroad_set_box .content_box .btn-submit {
    white-space: nowrap;
    cursor: pointer;
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    border-radius: 6rem;
    margin-top: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 6%;
    font-size: 1rem;
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.container.type8 .goodroad_set_box .content_box .btn-submit:hover {
    transform: translateY(2px);
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3), inset 0 -1px 2px rgba(255, 215, 140, 0.2), 0 2px 4px rgba(109, 78, 35, 0.4);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .goodroad_set_box .content_box .btn-submit {
    background: radial-gradient(circle, #af8444, #8a672c);
}

.eSports-btn-back {
    position: absolute;
    width: 6%;
    padding-bottom: 6%;
    cursor: pointer;
    z-index: 1500;
    pointer-events: visible;
    background-repeat: no-repeat;
    background-size: 9200% 9400%;
    background-position: 29.6% 0%;
}

.phone {
    bottom: 0%;
    width: 7%;
    padding-bottom: 7%;
}

.select_box {
    display: none;
    width: 100%;
    height: 100%;
    background: url('../../images/C_images/all_bg/iframe_login/version_bg.jpg')no-repeat center center / 100% 100%;
}

.select_box.on {
    display: block;
}

.select_logo {
    width: 36%;
    height: 18%;
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    top: 8%;
    background: url('../../images/C_images/all_bg/iframe_login/logo_casino.svg') no-repeat center center / contain;
}

.select_item {
    position: absolute;
    top: 30%;
    width: 46%;
    height: 46%;
}

.select_item.C_version {
    left: 4%;
    background: url('../../images/C_images/all_bg/iframe_login/version_2.png') no-repeat center center / contain;
}

.select_item.U_version {
    right: 4%;
    background: url('../../images/C_images/all_bg/iframe_login/version_1.png') no-repeat center center / contain;
}

.select_item span {
    position: absolute;
    top: 38%;
    font-size: 3rem;
    right: 2%;
    width: 42%;
    white-space: nowrap;
    text-align: center;
}

html[lang=ja] .select_item span {
    font-size: 2.2rem;
}

.select_item .login_btn {
    position: absolute;
    right: 11%;
    background-color: #F2E5D1;
    border-radius: 8rem;
    font-size: 1.8rem;
    font-weight: bold;
    white-space: nowrap;
    color: #57412f;
    width: 24%;
    height: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 17%;
    box-shadow: inset 0 -3px #C4A185;
}

.container.type8 .ui_3_music_btn {
    display: none;
    z-index: 3;
    pointer-events: visible;
    width: 2rem;
    padding-bottom: 1.8rem;
    position: relative;
    background: url(../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png) no-repeat 47.5% -0.2% / 1200% 1300%;
}

.container.type8 .ui_3_music_btn span {
    display: none;
}

.container.type8 .ui_3_music_btn.on {
    display: flex;
    justify-content: center;
}

.container.type8 .ui_3_music_btn.off {
    background: url(../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png) no-repeat 47.5% 36.5% / 1200% 1300%;
}

.container.type8 .ui_3_bigwindows_btn {
    display: none;
    z-index: 3;
    pointer-events: visible;
    width: 1.8rem;
    position: relative;
    padding-bottom: 1.8rem;
    margin-left: 1.6rem;
    background: url(../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png) no-repeat 37.5% -0.2% / 1300% 1300%;
}

.container.type8 .ui_3_bigwindows_btn.on {
    display: flex;
    justify-content: center;
}

.container.type8 .ui_3_bigwindows_btn span {
    display: none;
}

.container.type8 .report_record_btn {
    position: absolute;
    pointer-events: visible;
    left: 33%;
    top: 3%;
    width: 1.8rem;
    padding-bottom: 1.8rem;
    background: url(../../images/C_images/all_bg/iframe_109/lobby/ui8/icon.png) no-repeat 18.6% 9.2% / 1300% 1300%;
    display: none;
}

.container.type8 .report_record_btn.on {
    display: flex;
    justify-content: center;
}

.container.type8 .report_record_btn span {
    display: none;
    position: absolute;
    padding: 0.3rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 1.5rem;
    background: rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 2px rgba(255, 255, 255, 0.1);
    color: #fff;
    white-space: nowrap;
    z-index: 99;
    font-size: 0.95rem;
    top: 200%;
    left: 50%;
    transform: translateX(-50%);
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
    pointer-events: none;
}

.container.type8 .report_record_btn:hover span {
    display: block;
}

.container.type8 .changetable_box {
    background: none;
    height: 100%;
    width: 88.5%;
    right: 0%;
    left: initial;
}

.container.type8 .changetable_box.on {
    display: block;
}

@-webkit-keyframes changetableanimation {
    0% {
        transform: translate(100%, 0%);
    }
    100% {
        transform: translate(0%, 0%);
    }
}

.container.type8 .changetable {
    position: absolute;
    background-color: #20242b;
    z-index: 701;
    opacity: 0;
    right: 0%;
    width: 31.3%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container.type8 .changetable_box.on .changetable {
    opacity: 1;
}

.container.type8 .changetable::before {
    cursor: pointer;
    content: '';
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    left: -7%;
    width: 7%;
    background: url('../../images/C_images/all_icon/ui_7_icon/change_table_open_btn.png') no-repeat center center / 100% 100%;
    height: 10%;
}

.container.type8 .changetable_box .changetable_left,
.container.type8 .changetable_box .changetable_right {
    display: none;
}

.container.type8 .changetable .game_btn_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgb(195 195 195 / 50%);
    width: 96%;
    height: 6%;
    padding-top: 1.5%;
    position: absolute;
    left: 50%;
    top: 0.5%;
    transform: translate(-50%, 0);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .changetable .game_btn_box {
    top: 6%;
}

.container.type8 .changetable .game_btn_box .game_btn {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.container.type8 .changetable .game_btn_box .game_btn {
    height: 100%;
    width: 13%;
}

.container.type8 .changetable .game_btn_box .game_btn.btn_1 {
    display: none !important;
}

.container.type8 .changetable .game_btn_box .game_btn.btn_2 {
    order: 1;
}

.container.type8 .changetable .game_btn_box .game_btn.btn_3 {
    order: 3;
}

.container.type8 .changetable .game_btn_box .game_btn.btn_4 {
    order: 4;
}

.container.type8 .changetable .game_btn_box .game_btn.btn_5 {
    order: 5;
}

.container.type8 .changetable .game_btn_box .game_btn.btn_6 {
    order: 2;
}

.container.type8 .changetable .game_btn_box .game_btn.btn_7 {
    order: 6;
}

.container.type8 .changetable .game_btn_box .game_btn.btn_11 {
    order: 7;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .changetable .game_btn_box .game_btn.btn_2 {
    order: 1;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .changetable .game_btn_box .game_btn.btn_3 {
    order: 2;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .changetable .game_btn_box .game_btn.btn_4 {
    order: 4;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .changetable .game_btn_box .game_btn.btn_5 {
    order: 5;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .changetable .game_btn_box .game_btn.btn_6 {
    order: 3;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .changetable .game_btn_box .game_btn.btn_7 {
    order: 6;
}

.container.type8 .changetable .game_btn_box .game_btn.open_btn {
    display: flex;
}

.container.type8 .lobby_game_icon {
    background-repeat: no-repeat;
    background-image: url('../../images/C_images/all_icon/ui_7_icon/btn109.png');
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .lobby_game_icon {
    background-image: url('../../images/C_images/all_icon/ui_7_icon/btn109_gold.png');
}

.container.type8 .game_btn_box .game_btn.btn_2 .lobby_game_icon {
    background-size: 202% 930%;
    background-position: 0% 0%;
}

.container.type8 .game_btn_box .game_btn.btn_3 .lobby_game_icon {
    background-size: 200% 930%;
    background-position: 0% 23.8%;
}

.container.type8 .game_btn_box .game_btn.btn_4 .lobby_game_icon {
    background-size: 200% 1050%;
    background-position: 0% 57%;
}

.container.type8 .game_btn_box .game_btn.btn_5 .lobby_game_icon {
    background-size: 200% 930%;
    background-position: 0% 68.7%;
}

.container.type8 .game_btn_box .game_btn.btn_6 .lobby_game_icon {
    background-size: 200% 1250%;
    background-position: 0% 78.25%;
}

.container.type8 .game_btn_box .game_btn.btn_7 .lobby_game_icon {
    background-size: 200% 930%;
    background-position: 0% 46%;
}

.container.type8 .game_btn_box .game_btn.btn_8 .lobby_game_icon {
    background-size: 200% 1100%;
    background-position: 0% 34.8%;
}

.container.type8 .game_btn_box .game_btn.btn_9 .lobby_game_icon {
    background-size: 200% 1100%;
    background-position: 0% 88%;
}

.container.type8 .game_btn_box .game_btn.btn_10 .lobby_game_icon {
    background-size: 200% 830%;
    background-position: 0% 0%;
}

.container.type8 .game_btn_box .game_btn.btn_11 .lobby_game_icon {
    background-size: 200% 980%;
    background-position: 0% 100%;
}

.container.type8 .game_btn_box .game_btn.on.btn_2 .lobby_game_icon {
    background-position-x: 100%;
}

.container.type8 .game_btn_box .game_btn.on.btn_3 .lobby_game_icon {
    background-position-x: 100%;
}

.container.type8 .game_btn_box .game_btn.on.btn_4 .lobby_game_icon {
    background-position-x: 100%;
}

.container.type8 .game_btn_box .game_btn.on.btn_5 .lobby_game_icon {
    background-position-x: 100%;
}

.container.type8 .game_btn_box .game_btn.on.btn_6 .lobby_game_icon {
    background-position-x: 100%;
}

.container.type8 .game_btn_box .game_btn.on.btn_7 .lobby_game_icon {
    background-position-x: 100%;
}

.container.type8 .game_btn_box .game_btn.on.btn_8 .lobby_game_icon {
    background-position-x: 100%;
}

.container.type8 .game_btn_box .game_btn.on.btn_9 .lobby_game_icon {
    background-position-x: 100%;
}

.container.type8 .game_btn_box .game_btn.on.btn_10 .lobby_game_icon {
    background-position-x: 100%;
}

.container.type8 .game_btn_box .game_btn.on.btn_11 .lobby_game_icon {
    background-position-x: 100%;
}

.container.type8 .game_btn_box .game_btn.btn_2 .lobby_game_icon {
    width: 48%;
    padding-bottom: 40%;
}

.container.type8 .game_btn_box .game_btn.btn_3 .lobby_game_icon {
    width: 48%;
    padding-bottom: 40%;
}

.container.type8 .game_btn_box .game_btn.btn_4 .lobby_game_icon {
    width: 48%;
    padding-bottom: 40%;
}

.container.type8 .game_btn_box .game_btn.btn_5 .lobby_game_icon {
    width: 48%;
    padding-bottom: 40%;
}

.container.type8 .game_btn_box .game_btn.btn_6 .lobby_game_icon {
    width: 57%;
    padding-bottom: 40%;
}

.container.type8 .game_btn_box .game_btn.btn_7 .lobby_game_icon {
    width: 48%;
    padding-bottom: 40%;
}

.container.type8 .game_btn_box .game_btn.btn_8 .lobby_game_icon {
    width: 48%;
    padding-bottom: 40%;
}

.container.type8 .game_btn_box .game_btn.btn_9 .lobby_game_icon {
    width: 48%;
    padding-bottom: 40%;
}

.container.type8 .game_btn_box .game_btn.btn_10 .lobby_game_icon {
    width: 48%;
    padding-bottom: 40%;
}

.container.type8 .game_btn_box .game_btn.btn_11 .lobby_game_icon {
    width: 48%;
    padding-bottom: 40%;
}

.container.type8 .changetable .game_btn_box .game_btn.btn_1 .lobby_game_icon {
    width: 46%;
}

.container.type8 .changetable .game_btn_box .game_btn.on span {
    color: #fff;
}

.container.type8 .changetable .game_btn_box .game_btn span {
    color: #a8add5;
    text-align: center;
    margin-top: 20%;
    font-size: .8rem;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .changetable .game_btn_box .game_btn span {
    color: #636161;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .changetable .game_btn_box .game_btn.on span {
    color: #fff;
}

.container.type8 .changetable .switch_box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
}

.container.type8 .changetable .switch_box .switch_list {
    display: none;
    align-items: center;
    justify-content: space-evenly;
    width: 54%;
    height: 60%;
    background-color: #16191e;
    border-radius: 8rem;
}

.container.type8 .changetable .switch_box.on {
    justify-content: space-between;
}

.container.type8 .changetable .switch_box.on .switch_list {
    display: flex;
}

.container.type8 .changetable .switch_box .switch_list:nth-child(3) {
    display: none;
}

.container.type8 .changetable .switch_box .switch_list:nth-child(2) {
    width: 35%;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 30%);
    display: flex;
}

.container.type8 .changetable .switch_box .switch_list:nth-child(2) span {
    display: none;
}

.container.type8 .changetable .switch_box .switch_list:nth-child(2) .switch_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
    border-radius: 8rem;
}

.container.type8 .changetable .switch_box .switch_list:nth-child(2) .switch_btn.on {
    background-color: #598fff;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .changetable .switch_box .switch_list:nth-child(2) .switch_btn.on {
    background-color: #af8444;
}

.container.type8 .changetable .switch_box span {
    color: #868788;
}

.container.type8 .changetable .switch_box .switch_btn {
    white-space: nowrap;
    color: rgb(136, 136, 138);
}

.container.type8 .changetable .switch_box .switch_btn.on {
    color: #FFF;
}

.container.type8 .changetable .switch_box {
    width: 96%;
    height: 5%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 7.5%;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .changetable .switch_box {
    top: 13.5%;
}

.container.type8 .changetable .switch_box span {
    font-size: .8rem;
}

.container.type8 .changetable .switch_box .switch_btn {
    font-size: .8rem;
}

.container.type8 .changetable .gotop_btn {
    background: url('../../images/C_images/all_icon/ui_7_icon/topBtn.png') no-repeat center center / contain;
    z-index: 2;
    position: absolute;
    display: none;
    right: 4%;
    bottom: 2%;
    width: 7%;
    padding-bottom: 7%;
}

.container.type8 .changetable .gotop_btn.on {
    display: flex;
}

.container.type8 .changetable .gotop_btn i,
.container.type8 .changetable .gotop_btn span {
    display: none;
}

.container.type8 .changetable .game_list_box {
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    width: 96%;
    height: 86%;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .changetable .game_list_box {
    height: 80.5%;
}

.container.type8 .changetable .game_list_box::-webkit-scrollbar {
    display: none;
}

.container.type8 .changetable .game_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1.5%;
    border-radius: .3rem;
    height: 20.8%;
    background: linear-gradient( 145deg, #3a3a3f 0%, #4f4f55 40%, #6a6a70 80%, #4f4f55 100%);
    border-radius: 0.5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6), 0 -1px 1px rgba(255, 255, 255, 0.05), inset 0 1px 2px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .changetable .game_list {
    background: linear-gradient(145deg, #3a3a3f 0%, #505056 40%, #d1a143 80%, #8c6a22 100%);
}

.container.type8 .changetable .game_list .game_name {
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 1.5%;
    left: 1%;
    background-color: rgb(0 0 0 / 30%);
    border-radius: 8rem;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 30%);
    height: 13%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3%;
    font-size: .8rem;
}

.container.type8 .changetable .game_list .state {
    color: #fff;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    top: 1.5%;
    right: 1%;
    background-color: rgb(0 0 0 / 30%);
    border-radius: 8rem;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 30%);
    box-sizing: border-box;
    padding-left: 4%;
    width: 14%;
    height: 10%;
}

.container.type8 .changetable .game_list .state {
    width: 18%;
    height: 13%;
}

.container.type8 .bigroad_style .game_list .state {
    top: 2%;
    width: 34%;
    height: 14%;
}

.container.type8 .changetable .game_list .state i {
    width: 20%;
    padding-bottom: 20%;
    position: absolute;
    left: 5%;
    display: block;
    background: url(../../images/C_images/all_icon/ui_8_icon/time.png) no-repeat 0 0 / contain;
}

.container.type8 .changetable .game_list .state .reciprocal {
    color: #FFF;
}

.container.type8 .changetable .game_list .reciprocal.red {
    color: red;
}

.container.type8 .changetable .game_list .state span {
    font-size: .8rem;
    white-space: nowrap;
    display: none;
}

.container.type8 .changetable .game_list .state span.on {
    display: flex;
}

.container.type8 .changetable .game_list .bet_information_item {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 30%);
    color: #FFF;
    padding: 0 2%;
    height: 12%;
    position: absolute;
    font-size: .8rem;
    top: 1.5%;
    border-radius: 5rem;
}

.container.type8 .changetable .game_list .bet_information_item .bet_information_name {
    margin-right: 5%;
}

.container.type8 .changetable .game_list.sedie .bet_information_item,
.container.type8 .changetable .game_list.ft .bet_information_item {
    width: 12%;
}

.container.type8 .changetable .game_list .bet_information_item.banker {
    left: 31%;
}

.container.type8 .changetable .game_list .bet_information_item.player {
    left: 56%;
}

.container.type8 .changetable .game_list.ab .bet_information_item {
    width: 19%;
}

.container.type8 .changetable .game_list.ab .bet_information_item.banker {
    left: 37%;
}

.container.type8 .changetable .game_list .bet_information_item .bet_information_name {
    white-space: nowrap;
    margin-right: 1rem;
}

.container.type8 .changetable .game_list .bet_information_item.banker .bet_information_name {
    color: #fd4d40;
}

.container.type8 .changetable .game_list .bet_information_item.player .bet_information_name {
    color: #6faff9;
}

.container.type8 .changetable .game_list .totalPeople {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0.5%;
    right: 2%;
    color: #FFF;
    font-size: .9rem;
}

.container.type8 .changetable .game_list .totalPeople i.people {
    background: url('../../images/C_images/all_icon/ui_7_icon/totalUser.png') no-repeat center center / contain;
}

.container.type8 .changetable .game_list .totalPeople i.people {
    margin-right: 1rem;
    width: 1rem;
    padding-bottom: 1rem;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .totalPeople i.people {
    margin-right: 1rem;
    width: 1rem;
    padding-bottom: 1rem;
}

.container.type8 .changetable .game_list .left_box {
    display: flex;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: 200% 102%;
    background-position: center center;
    position: absolute;
    top: 16%;
    left: 0;
    width: 20%;
    height: 72%;
}

.container.type8 .changetable .game_list:nth-child(3n+1) .left_box {
    background-image: url('../../images/C_images/all_icon/ui_7_icon/dealerBg01.png');
}

.container.type8 .changetable .game_list:nth-child(3n+2) .left_box {
    background-image: url('../../images/C_images/all_icon/ui_7_icon/dealerBg02.png');
}

.container.type8 .changetable .game_list:nth-child(3n+3) .left_box {
    background-image: url('../../images/C_images/all_icon/ui_7_icon/dealerBg03.png');
}

.container.type8 .changetable .game_list .left_box .dealer_img {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
    width: 100%;
    height: 100%;
}

.container.type8 .changetable .game_list.grouptype84 .left_box .dealer_img,
.container.type8 .changetable .game_list.grouptype85 .left_box .dealer_img,
.container.type8 .changetable .game_list.grouptype86 .left_box .dealer_img,
.container.type8 .changetable .game_list.grouptype87 .left_box .dealer_img,
.container.type8 .changetable .game_list.grouptype88 .left_box .dealer_img,
.container.type8 .changetable .game_list.grouptype89 .left_box .dealer_img,
.container.type8 .changetable .game_list.grouptype93 .left_box .dealer_img {
    background-size: 130% 130%;
    background-position: top center !important;
}

.container.type8 .changetable .game_list .left_box .dealer_img[id*="_5_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="_12_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="_18_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="_19_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="_36_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="_67_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="_-1_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="102_1_0_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="103_1_0_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="104_1_0_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="105_31_0_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="107_1_0_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="108_1_0_dealer-pic"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="108_2_0_dealer-pic"] {
    background-size: 190% 135% !important;
    background-position: top center !important;
}

.container.type8 .changetable .game_list .left_box .dealer_img[id*="_22_dealer-pic"] {
    background-size: 100% 100% !important;
    background-position: top !important;
}

.container.type8 .changetable .game_list .left_box .dealer_img[id*="601"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="602"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="603"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="604"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="605"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="606"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="607"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="608"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="609"],
.container.type8 .changetable .game_list .left_box .dealer_img[id*="610"] {
    background-size: 190% 135% !important;
    background-position: top center !important;
}

.container.type8 .changetable .game_list.grouptype17 .left_box .dealer_img {
    background-size: 100% 92%;
}

.container.type8 .changetable .game_list.grouptype11.dealer_1 .left_box .dealer_img {
    background-image: url('../../images/headshot/tg/tg_dealer_1.png');
}

.container.type8 .changetable .game_list.grouptype11.dealer_2 .left_box .dealer_img {
    background-image: url('../../images/headshot/tg/tg_dealer_2.png');
}

.container.type8 .changetable .game_list.grouptype11.dealer_3 .left_box .dealer_img {
    background-image: url('../../images/headshot/tg/tg_dealer_3.png');
}

.container.type8 .changetable .game_list.grouptype11.dealer_4 .left_box .dealer_img {
    background-image: url('../../images/headshot/tg/tg_dealer_4.png');
}

.container.type8 .changetable .game_list.grouptype11.dealer_5 .left_box .dealer_img {
    background-image: url('../../images/headshot/tg/tg_dealer_5.png');
}

.container.type8 .changetable .game_list.grouptype11.dealer_6 .left_box .dealer_img {
    background-image: url('../../images/headshot/tg/tg_dealer_6.png');
}

.container.type8 .changetable .game_list.grouptype11.dealer_7 .left_box .dealer_img {
    background-image: url('../../images/headshot/tg/tg_dealer_7.png');
}

.container.type8 .changetable .game_list.grouptype11.dealer_8 .left_box .dealer_img {
    background-image: url('../../images/headshot/tg/tg_dealer_8.png');
}

.container.type8 .changetable .game_list.grouptype11.dealer_9 .left_box .dealer_img {
    background-image: url('../../images/headshot/tg/tg_dealer_9.png');
}

.container.type8 .changetable .game_list.grouptype11.dealer_10 .left_box .dealer_img {
    background-image: url('../../images/headshot/tg/tg_dealer_10.png');
}

.container.type8 .changetable .game_list.grouptype16 .left_box .dealer_img {
    background-image: url('../../images/headshot/tg/tg_dealer_10.png');
}

.container.type8 .changetable .game_list.grouptype10 .left_box .dealer_img {
    background-image: url('../../images/headshot/robot.jpg');
}

.container.type8 .changetable .game_list.vgs.dealer_1 .left_box .dealer_img {
    background-image: url('../../images/headshot/vgs/vgs_dealer_1.jpg');
}

.container.type8 .changetable .game_list.vgs.dealer_2 .left_box .dealer_img {
    background-image: url('../../images/headshot/vgs/vgs_dealer_2.jpg');
}

.container.type8 .changetable .game_list.vgs.dealer_3 .left_box .dealer_img {
    background-image: url('../../images/headshot/vgs/vgs_dealer_3.jpg');
}

.container.type8 .changetable .game_list.vgs.dealer_4 .left_box .dealer_img {
    background-image: url('../../images/headshot/vgs/vgs_dealer_4.jpg');
}

.container.type8 .changetable .game_list.vgs.dealer_5 .left_box .dealer_img {
    background-image: url('../../images/headshot/vgs/vgs_dealer_5.jpg');
}

.container.type8 .changetable .game_list.vgs.dealer_6 .left_box .dealer_img {
    background-image: url('../../images/headshot/vgs/vgs_dealer_6.jpg');
}

.container.type8 .changetable .game_list.vgs.dealer_7 .left_box .dealer_img {
    background-image: url('../../images/headshot/vgs/vgs_dealer_7.jpg');
}

.container.type8 .changetable .game_list.vgs.dealer_8 .left_box .dealer_img {
    background-image: url('../../images/headshot/vgs/vgs_dealer_8.jpg');
}

.container.type8 .changetable .game_list.grouptype30 .left_box .dealer_img {
    background-image: url('../../images/headshot/xhf/xhf_dealer_1.png');
}

.container.type8 .changetable .game_list.wm.dealer_1 .left_box .dealer_img {
    background-image: url('../../images/headshot/wm/wm_dealer_1.jpg');
}

.container.type8 .changetable .game_list.wm.dealer_2 .left_box .dealer_img {
    background-image: url('../../images/headshot/wm/wm_dealer_2.jpg');
}

.container.type8 .changetable .game_list.wm.dealer_3 .left_box .dealer_img {
    background-image: url('../../images/headshot/wm/wm_dealer_3.jpg');
}

.container.type8 .changetable .game_list.wm.dealer_4 .left_box .dealer_img {
    background-image: url('../../images/headshot/wm/wm_dealer_4.jpg');
}

.container.type8 .changetable .game_list.wm.dealer_5 .left_box .dealer_img {
    background-image: url('../../images/headshot/wm/wm_dealer_5.jpg');
}

.container.type8 .changetable .game_list.wm.dealer_6 .left_box .dealer_img {
    background-image: url('../../images/headshot/wm/wm_dealer_6.jpg');
}

.container.type8 .changetable .game_list.wm.dealer_7 .left_box .dealer_img {
    background-image: url('../../images/headshot/wm/wm_dealer_7.jpg');
}

.container.type8 .changetable .game_list.wm.dealer_8 .left_box .dealer_img {
    background-image: url('../../images/headshot/wm/wm_dealer_8.jpg');
}

.container.type8 .changetable .game_list.wm.dealer_9 .left_box .dealer_img {
    background-image: url('../../images/headshot/wm/wm_dealer_9.jpg');
}

.container.type8 .changetable .game_list.wm.dealer_10 .left_box .dealer_img {
    background-image: url('../../images/headshot/wm/wm_dealer_10.jpg');
}

.container.type8 .changetable .game_list.dv.dealer_1 .left_box .dealer_img {
    background-image: url('../../images/headshot/dv/dv_dealer_1.jpg');
}

.container.type8 .changetable .game_list.dv.dealer_2 .left_box .dealer_img {
    background-image: url('../../images/headshot/dv/dv_dealer_2.jpg');
}

.container.type8 .changetable .game_list.dv.dealer_3 .left_box .dealer_img {
    background-image: url('../../images/headshot/dv/dv_dealer_3.jpg');
}

.container.type8 .changetable .game_list.dv.dealer_4 .left_box .dealer_img {
    background-image: url('../../images/headshot/dv/dv_dealer_4.jpg');
}

.container.type8 .changetable .game_list.dv.dealer_5 .left_box .dealer_img {
    background-image: url('../../images/headshot/dv/dv_dealer_5.jpg');
}

.container.type8 .changetable .game_list.dv.dealer_6 .left_box .dealer_img {
    background-image: url('../../images/headshot/dv/dv_dealer_6.jpg');
}

.container.type8 .changetable .game_list.dv.dealer_7 .left_box .dealer_img {
    background-image: url('../../images/headshot/dv/dv_dealer_7.jpg');
}

.container.type8 .changetable .game_list.dv.dealer_8 .left_box .dealer_img {
    background-image: url('../../images/headshot/dv/dv_dealer_8.jpg');
}

.container.type8 .changetable .game_list.dv.dealer_9 .left_box .dealer_img {
    background-image: url('../../images/headshot/dv/dv_dealer_9.jpg');
}

.container.type8 .changetable .game_list.dv.dealer_10 .left_box .dealer_img {
    background-image: url('../../images/headshot/dv/dv_dealer_10.jpg');
}

.container.type8 .changetable .game_list.gw.dealer_1 .left_box .dealer_img {
    background-image: url('../../images/headshot/gw/gw_dealer_1.jpg');
}

.container.type8 .changetable .game_list.gw.dealer_2 .left_box .dealer_img {
    background-image: url('../../images/headshot/gw/gw_dealer_2.jpg');
}

.container.type8 .changetable .game_list.gw.dealer_3 .left_box .dealer_img {
    background-image: url('../../images/headshot/gw/gw_dealer_3.jpg');
}

.container.type8 .changetable .game_list.gw.dealer_4 .left_box .dealer_img {
    background-image: url('../../images/headshot/gw/gw_dealer_4.jpg');
}

.container.type8 .changetable .game_list.gw.dealer_5 .left_box .dealer_img {
    background-image: url('../../images/headshot/gw/gw_dealer_5.jpg');
}

.container.type8 .changetable .game_list.gw.dealer_6 .left_box .dealer_img {
    background-image: url('../../images/headshot/gw/gw_dealer_6.jpg');
}

.container.type8 .changetable .game_list .left_box .dealer_name {
    display: none;
}

.container.type8 .changetable .game_list .cardroad_box {
    background-color: #4b5566;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    top: 16%;
    left: 20%;
    width: 80%;
    height: 72%;
}

.container.type8 .changetable .game_list .total_information {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: absolute;
    bottom: 1%;
    left: 2%;
}

.container.type8 .changetable .game_list .total_information .total_information_item {
    display: flex;
    align-items: center;
    color: #FFF;
    margin-right: .4rem;
    font-size: .8rem;
}

.container.type8 .changetable .game_list .total_information .total_information_item .total_name {
    margin-right: .8rem;
    white-space: nowrap;
}

.container.type8 .changetable .game_list .total_information .total_information_item.red .total_name {
    color: #ff4e40;
}

.container.type8 .changetable .game_list .total_information .total_information_item.blue .total_name {
    color: #70afff;
}

.container.type8 .changetable .game_list .total_information .total_information_item.green .total_name {
    color: #95cf18;
}

.container.type8 .changetable .game_list .total_information .total_information_item.yellow .total_name {
    color: #ff9c0a;
}

.container.type8 .changetable .game_list .status {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    color: #FFF;
    top: 16%;
    left: 20%;
    width: 80%;
    height: 72%;
    font-size: 1.3rem;
    background: radial-gradient(circle, rgba(70, 140, 235, 0.8) 0%, rgba(30, 80, 180, 0.7) 50%, rgba(10, 40, 120, 0.6) 100%);
    color: white;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.95), 2px 2px 3px rgba(0, 0, 0, 0.9), -1px -1px 2px rgba(255, 255, 255, 0.6);
    animation: neonPulse 2.5s ease-in-out infinite;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .changetable .game_list .status {
    background: radial-gradient(circle, rgba(255, 215, 100, 0.7) 0%, rgba(200, 160, 60, 0.6) 50%, rgba(140, 110, 40, 0.5) 100%)
}

@keyframes neonPulse {
    0%,
    100% {
        filter: brightness(1);
    }
    40% {
        filter: brightness(1.15);
    }
    70% {
        filter: brightness(0.9);
    }
}

.container.type8 .changetable .game_list.here .status {
    display: flex;
}

.container.type8 .changetable .game_list .goodroad {
    z-index: 1;
    display: none;
    position: absolute;
    right: 0;
    bottom: 13%;
    color: #FFF;
    padding: .5% 2% .5% 5%;
    align-items: center;
    justify-content: flex-end;
    -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
    background: linear-gradient(to right, #198c0b4d, #198C0B);
    bottom: 12%;
    font-size: .8rem;
}

.container.type8 .changetable .game_list .goodroad.on {
    display: flex;
}

.container.type8 .changetable .game_list .cardroad_box .zhu_road {
    display: flex;
    width: 34%;
    height: 100%;
    background: #4b5566 url('../../images/C_images/cardroar_bg/cardroad_bg_06.png') no-repeat 0 0 / 100% 100%;
}

.container.type8 .changetable .game_list .cardroad_box .big_road,
.container.type8 .changetable .game_list .cardroad_box .road_bg {
    display: none;
    width: 66%;
    height: 50%;
    background: #4b5566 url('../../images/C_images/cardroar_bg/cardroad_bg_18_06.png') no-repeat 0 0 / 100% 100%;
}

.container.type8 .changetable .game_list .cardroad_box .big_road.box2 {
    position: absolute;
    top: 0;
    right: 0;
    transform-origin: right top;
    transform: scale(0.1);
    width: 660%;
    height: 500%;
    box-shadow: inset 0 -1px black;
    display: flex;
}

.container.type8 .changetable .game_list .cardroad_box .road_bg {
    position: absolute;
    bottom: 0;
    right: 0;
    transform-origin: right bottom;
    transform: scale(0.1);
    width: 660%;
    height: 500%;
    display: flex;
}

.container.type8 .changetable .game_list .cardroad_box .eye_road,
.container.type8 .changetable .game_list .cardroad_box .small_road,
.container.type8 .changetable .game_list .cardroad_box .jia_road {
    display: flex;
    height: 100%;
    width: 33.33%;
}

.container.type8 .changetable .game_list .cardroad_box .small_road {
    box-shadow: inset -1px 0 black, inset 1px 0 black;
}

.container.type8 .changetable .game_list .cardroad_box .oddeven_road,
.container.type8 .changetable .game_list .cardroad_box .bigsmall_road {
    display: flex;
    height: 100%;
    width: 50%;
}

.container.type8 .changetable .game_list .cardroad_box .oddeven_road {
    box-shadow: inset -1px 0 black;
}

.container.type8 .changetable .game_list .cardroad_box .cardroad_list {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.container.type8 .changetable .game_list .cardroad_box .zhu_road .cardroad_list {
    width: 16.66%;
}

.container.type8 .changetable .game_list .cardroad_box .big_road .cardroad_list {
    width: 5.55%;
}

.container.type8 .changetable .game_list .cardroad_box .eye_road .cardroad_list,
.container.type8 .changetable .game_list .cardroad_box .small_road .cardroad_list,
.container.type8 .changetable .game_list .cardroad_box .jia_road .cardroad_list {
    width: 16.66%;
}

.container.type8 .changetable .game_list .cardroad_box .oddeven_road .cardroad_list,
.container.type8 .changetable .game_list .cardroad_box .bigsmall_road .cardroad_list {
    width: 10%;
}

.container.type8 .changetable .game_list .cardroad_box .cardroad_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 16.66%;
}

.container.type8 .changetable .game_list .cardroad_box .cardroad_item i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    width: 90%;
    height: 90%;
}

.container.type8 .changetable .game_list.sedie .cardroad_box .big_road .cardroad_list {
    width: 5.55%;
}

.container.type8 .changetable .game_list.sedie .cardroad_box .oddeven_road .cardroad_list,
.container.type8 .changetable .game_list.sedie .cardroad_box .bigsmall_road .cardroad_list {
    width: 11.11%;
}

.container.type8 .changetable .game_list .cardroad_box .zhu_road.box5 {
    display: none;
}

.container.type8 .changetable .game_list.sedie .bet_information {
    width: 74%;
}

.container.type8 .changetable .game_list.sedie .bet_information_name {
    margin-right: 10%;
    width: 44%;
    padding-bottom: 44%;
}

.container.type8 .changetable .game_list.sedie .cardroad_box .cardroad_item .odd,
.container.type8 .changetable .game_list.sedie .cardroad_box .cardroad_item .big {
    color: #f94b4b;
}

.container.type8 .changetable .game_list.sedie .cardroad_box .cardroad_item .even,
.container.type8 .changetable .game_list.sedie .cardroad_box .cardroad_item .small {
    color: #3790ff;
}

.container.type8 .changetable .game_list_box .game_list.sedie .cardroad_box .points_box {
    display: none;
}

.container.type8 .changetable .game_list.sedie .bet_information_name {
    width: .9rem;
    padding-bottom: .9rem;
}

.container.type8 .changetable .game_list.sedie .bet_information_item:nth-child(2) {
    left: 22%;
}

.container.type8 .changetable .game_list.sedie .bet_information_item:nth-child(3) {
    left: 37%;
}

.container.type8 .changetable .game_list.sedie .bet_information_item:nth-child(4) {
    left: 52%;
}

.container.type8 .changetable .game_list.sedie .bet_information_item:nth-child(5) {
    left: 67%;
}

.container.type8 .changetable .game_list.rou .top_box .bet_information {
    justify-content: flex-end;
}

.container.type8 .changetable .game_list.rou .cardroad_box .rate_box {
    display: none;
}

.container.type8 .changetable .game_list.rou .cardroad_box .history_box {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 50%;
    height: 100%;
    background: #4b5566 url('../../images/C_images/cardroar_bg/cardroad_bg_09_06.png') no-repeat 0 0 / 100% 100%;
}

.container.type8 .changetable .game_list.rou .cardroad_box .history_box .history_list {
    width: 11.11%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.container.type8 .changetable .game_list.rou .cardroad_box .history_box .history_item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    width: 100%;
    height: 16.66%;
    background-color: rgb(30, 30, 33);
    box-shadow: inset 0 0 0px 0.5px #bab7b7;
}

.container.type8 .changetable .game_list.rou .cardroad_box .history_box .history_item {
    font-size: .8rem;
}

.container.type8 .changetable .game_list.rou .cardroad_box .history_box .history_item.on {
    background: linear-gradient(rgb(167, 89, 2), rgb(246, 156, 4));
}

.container.type8 .changetable .game_list.rou .cardroad_box .history_box .history_item.red {
    background-color: rgb(171, 9, 20);
}

.container.type8 .changetable .game_list.rou .cardroad_box .history_box .history_item.green {
    background-color: #028e16;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box {
    display: flex;
    flex-direction: column;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box {
    width: 49.8%;
    height: 100%;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .hot_points,
.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .cold_points {
    width: 100%;
    height: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .hot_points {
    background: linear-gradient(to right, #241616, #81171d);
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .cold_points {
    background: linear-gradient(to right, #172124, #1a6c80);
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .hot_points .hot_points_bg,
.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .cold_points .cold_points_bg {
    width: 10%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .hot_points .hot_points_bg {
    background-color: #fe6658;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .cold_points .cold_points_bg {
    background-color: #55bdfb;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .hot_points i,
.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .cold_points i {
    width: 100%;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: 7800% 7800%;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .hot_points i {
    background-position: 12.2% 15.75%;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .cold_points i {
    background-position: 10.85% 15.75%
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .points_item {
    height: 50%;
    width: 29%;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .points_item {
    font-size: .8rem;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .points_item .points {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36%;
    border-radius: .2rem;
    height: 55%;
    background-color: #454956;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .points_item.red .points {
    background-color: #e71923;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .points_item.green .points {
    background-color: rgb(1, 156, 50);
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .points_item .times {
    display: flex;
}

.container.type8 .changetable .game_list.rou .cardroad_box .hot_cold_box .points_item .times {
    font-size: .8rem;
}

.container.type8 .changetable .game_list.rou .total_information .total_information_item i {
    width: 1rem;
    padding-bottom: 1rem;
    background-repeat: no-repeat;
    background-size: 3500% 7000%;
}

.container.type8 .changetable .game_list.rou .total_information .total_information_item i.red {
    background-position: 13.9% 15.7%;
}

.container.type8 .changetable .game_list.rou .total_information .total_information_item i.black {
    background-position: 17% 15.7%;
}

.container.type8 .changetable .game_list.sicbo .top_box .bet_information,
.container.type8 .changetable .game_list.fpc .top_box .bet_information {
    justify-content: flex-end;
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .points_list_box,
.container.type8 .changetable .game_list.fpc .cardroad_box .points_list_box {
    display: none;
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box,
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box {
    background: #4b5566 url('../../images/C_images/cardroar_bg/cardroad_bg_10.png') no-repeat 0 0 / 100% 100%;
    width: 75%;
    height: 100%;
    display: flex;
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_list,
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 10%;
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_item,
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_item {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    height: 16.6%;
    width: 65%;
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_item:nth-child(1),
.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_item:nth-child(2),
.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_item:nth-child(3),
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_item:nth-child(1),
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_item:nth-child(2),
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_item:nth-child(3) {
    -webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.9));
    filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.9));
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_item.big,
.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_item.even,
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_item.big,
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_item.even {
    color: #f94b4b;
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_item.small,
.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_item.odd,
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_item.small,
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_item.odd {
    color: #3790ff;
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_item.wei,
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_item.wei {
    color: rgb(98, 213, 136);
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .points_box,
.container.type8 .changetable .game_list.fpc .cardroad_box .points_box {
    background-color: #FFF;
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .points_box .points_item,
.container.type8 .changetable .game_list.fpc .cardroad_box .points_box .points_item {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 50%;
    height: 33%;
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .points_box .points_item span,
.container.type8 .changetable .game_list.fpc .cardroad_box .points_box .points_item span {
    color: #000;
    width: 35%;
    height: 43%;
    font-size: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .points_box .points_item span:nth-child(1),
.container.type8 .changetable .game_list.fpc .cardroad_box .points_box .points_item span:nth-child(1) {
    -webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.9));
    filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.9));
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_list.on,
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_list.on {
    background: linear-gradient(#ffcc99, #f4e5aa);
}

.container.type8 .changetable .game_list.sicbo .cardroad_box .history_box .history_list.on .dice_count,
.container.type8 .changetable .game_list.fpc .cardroad_box .history_box .history_list.on .dice_count {
    color: #000;
}

.container.type8 .changetable .game_list.ft .bet_information_item:nth-child(2) {
    left: 22%;
}

.container.type8 .changetable .game_list.ft .bet_information_item:nth-child(3) {
    left: 36%;
}

.container.type8 .changetable .game_list.ft .bet_information_item:nth-child(4) {
    left: 50%;
}

.container.type8 .changetable .game_list.ft .bet_information_item:nth-child(5) {
    left: 64%;
}

.container.type8 .changetable .game_list.ft .bet_information_name {
    margin-right: .3rem;
    width: 1rem;
    padding-bottom: 1rem;
}

.container.type8 .changetable .game_list.ft .cardroad_box .points_box {
    display: none;
}

.container.type8 .changetable .game_list.ft .cardroad_box .history_box,
.container.type8 .changetable .game_list.ft .cardroad_box .bigsmall_box {
    display: flex;
    width: 50%;
    height: 100%;
    background: #4b5566 url('../../images/C_images/cardroar_bg/cardroad_bg_08.png') no-repeat 0 0 / 100% 100%;
}

.container.type8 .changetable .game_list.ft .cardroad_box .history_box.cardroad-box4 {
    display: none;
    background: #4b5566 url('../../images/C_images/cardroar_bg/cardroad_bg_06.png') no-repeat 0 0 / 100% 100%;
}

.container.type8 .changetable .game_list.ft .cardroad_box .cardroad_list {
    width: 12.5%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.container.type8 .changetable .bigroad_style .game_list.ft .cardroad_box .cardroad_list {
    width: 16.66%;
}

.container.type8 .changetable .game_list.ft .cardroad_box .cardroad_list .cardroad_item {
    width: 100%;
    height: 16.66%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .changetable .game_list.ft .cardroad_box .cardroad_list .cardroad_item i {
    width: 90%;
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.container.type8 .changetable .game_list.ft .cardroad_box .cardroad_list .cardroad_item i.red {
    color: #f94b4b;
}

.container.type8 .changetable .game_list.ft .cardroad_box .cardroad_list .cardroad_item i.blue {
    color: #3790ff;
}

.container.type8 .changetable .game_list.ll .cardroad_box .box1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    background: url('../../images/C_images/cardroar_bg/cardroad_bg_10_03_w.png') no-repeat 0 0 / 100% 100%;
}

.container.type8 .changetable .game_list.ll .cardroad_box .box2 {
    display: none;
    width: 100%;
    height: 100%;
    background: url('../../images/C_images/cardroar_bg/cardroad_bg_06_03.png') no-repeat 0 0 / 100% 100%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ll .cardroad_box .box2 {
    display: flex;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ll .cardroad_box .box1 {
    display: none;
}

.container.type8 .changetable .game_list.ll .cardroad_box .cardroad_list {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container.type8 .changetable .game_list.ll .cardroad_box .box1 .cardroad_list {
    margin-left: .3%;
    width: 9.73%;
}

.container.type8 .changetable .game_list.ll .cardroad_box .box2 .cardroad_list {
    margin-left: .8%;
    width: 16.4%;
}

.container.type8 .changetable .game_list.ll .cardroad_box .cardroad_list:nth-child(1) {
    margin-left: 0;
}

.container.type8 .changetable .game_list.ll .cardroad_box .cardroad_list .cardroad_item {
    width: 100%;
    height: 33%;
    margin-bottom: .6%;
}

.container.type8 .changetable .game_list.ll .cardroad_box .cardroad_list .cardroad_item:nth-child(3) {
    margin: 0;
}

.container.type8 .changetable .game_list.ll .cardroad_box .cardroad_list .cardroad_item i {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.container.type8 .changetable .game_list.niu .bet_information {
    justify-content: flex-end;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_left {
    flex-direction: column;
    align-items: center;
    color: #FFF;
    height: 100%;
    width: 20%;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_left div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 25%;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_left div {
    font-size: .8rem;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_left .banker {
    background-color: #fe4d40;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_left .player01,
.container.type8 .changetable .game_list .cardroad_box .cardroadtable_left .player02,
.container.type8 .changetable .game_list .cardroad_box .cardroadtable_left .player03 {
    background-color: #106eea;
}

.container.type8 .changetable .game_list .cardroad_box .points_list_box {
    display: none;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right.box2 {
    display: none;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right.box1 {
    background: #4b5566 url('../../images/C_images/cardroar_bg/cardroad_bg_06_04_w.png') no-repeat 0 0 / 100% 100%;
    display: flex;
    height: 100%;
    width: 80%;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_table {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 16.6%;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_list:nth-child(8) {
    border: none;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_item {
    display: flex;
    align-items: center;
    height: 25%;
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_item:nth-child(4) {
    border: none;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_item span {
    color: #000;
    background-color: #fff;
    width: 100%;
    height: 60%;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_item span {
    font-size: .8rem;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_item span span {
    width: initial;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_item span:nth-child(2) {
    height: 40%;
    background-color: #4b5566;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_item span.win {
    color: #FFF;
    background-color: #106eea;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_item:nth-child(1) span.win {
    background-color: #fe4d40;
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_item span.win::before {
    content: 'WIN';
}

.container.type8 .changetable .game_list .cardroad_box .cardroadtable_right .cardroad_list.on .cardroad_item span:nth-child(1) {
    color: #000;
    background-color: #ffcc5f;
}

.container.type8 .changetable .game_list_box.bigroad_style {
    justify-content: flex-start;
}

.container.type8 .changetable .game_list_box.bigroad_style .bet_information_item {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list {
    margin: 0 1% 1.5%;
    width: 47.25%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .status {
    height: 81%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .status::before {
    width: 60%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .status.here {
    font-size: .9rem;
    width: 100%;
    left: 0;
    top: 17%;
    height: 70%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .status i {
    width: 17%;
    padding-bottom: 16%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .left_box,
.container.type8 .changetable .game_list_box.bigroad_style .game_list .total_information {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .cardroad_box {
    width: 100%;
    left: 0;
    top: 17%;
    height: 70%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .bet_information {
    width: 25%;
    justify-content: flex-end;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .bet_information_item {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .bet_information_item.total {
    width: 100%;
    display: flex;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .total span:nth-child(3) {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .game_name {
    padding: 0 5%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .goodroad {
    bottom: 13%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .cardroad_box .zhu_road,
.container.type8 .changetable .game_list_box.bigroad_style .game_list .cardroad_box .road_bg,
.container.type8 .changetable .game_list_box.bigroad_style .game_list .cardroad_box .big_road.box2 {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .cardroad_box .big_road.box6 {
    background: #4b5566 url('../../images/C_images/cardroar_bg/cardroad_bg_10.png') no-repeat 0 0 / 100% 100%;
    display: flex;
    width: 100%;
    height: 100%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .cardroad_box .big_road .cardroad_list {
    width: 10%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .zhu_road.box5 {
    width: 63%;
    display: flex;
    background: #4b5566 url('../../images/C_images/cardroar_bg/cardroad_bg_06.png') no-repeat 0 0 / 100% 100%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .zhu_road.box5 .cardroad_list {
    width: 16.66%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .points_box {
    width: 37%;
    height: 100%;
    background: #FFF;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-around;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .points_box .points_list {
    width: 50%;
    height: 20%;
    box-sizing: border-box;
    padding: 0 4%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .points_box .points_list {
    font-size: .8rem;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .points_box .points_list.total {
    width: 100%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .points_box .points_list .name {
    color: #FFF;
    width: 50%;
    height: 78%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: .3rem;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .points_box .points_list.total .name {
    background: linear-gradient(rgba(175, 128, 85, 1), rgba(150, 98, 59, 1));
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .points_box .points_list.small .name,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .points_box .points_list.even .name {
    background: linear-gradient(rgba(45, 114, 219, 1), rgba(25, 73, 163, 1));
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .points_box .points_list.big .name,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .points_box .points_list.odd .name {
    background: linear-gradient(rgba(233, 55, 40, 1), rgba(229, 51, 37, 1));
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sedie .cardroad_box .points_box .points_list span:nth-child(2) {
    color: #fff;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box {
    background-color: #fff;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .history_box {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .hot_cold_box {
    height: 50%;
    width: 100%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .hot_cold_box .points_item {
    height: 100%;
    width: 17.3%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .hot_cold_box .points_item {
    font-size: .8rem;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .hot_cold_box .points_item .points {
    width: 55%;
    height: 60%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .hot_cold_box .points_item .times {
    font-size: .8rem;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .hot_cold_box .points_item:nth-child(6) {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .hot_cold_box .points_item .times p:nth-child(2) {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .rate_box {
    display: flex;
    width: 100%;
    height: 50%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .rate_box .rate_item {
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 16.5%;
    height: 100%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .rate_box .rate_item {
    font-size: .8rem;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .rate_box .rate_item span {
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .rate_box .rate_item .name {
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #4b5566;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .rate_box .rate_item i {
    width: 52%;
    height: 78%;
    background-repeat: no-repeat;
    background-size: 3500% 7000%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .rate_box .rate_item.item_3 i {
    background-position: 13.9% 15.7%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.rou .cardroad_box .rate_box .rate_item.item_4 i {
    background-position: 17% 15.7%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box {
    background-color: #eef1f5;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .history_box,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .history_box,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_box,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_box {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box {
    display: flex;
    flex-direction: column;
    height: 50%;
    width: 100%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box .points_list,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box .points_list {
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box.list_box_1 .points_list:nth-child(1),
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box.list_box_1 .points_list:nth-child(1) {
    background-color: #eef1f5;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box .points_list .points_item,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box .points_list .points_item {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    color: #000;
    white-space: nowrap;
    width: 19%;
    height: 100%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box .points_list .points_item.total,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box .points_list .points_item.total {
    width: 24%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box .points_list .points_item,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box .points_list .points_item {
    font-size: .8rem;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box .points_list .points_item .name,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box .points_list .points_item .name {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    width: 50%;
    height: 63%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box .points_list .points_item .name.brown,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box .points_list .points_item .name.brown {
    width: 63%;
    background-color: rgb(211 170 138);
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box .points_list .points_item .name.red,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box .points_list .points_item .name.red {
    background-color: rgb(198 86 92);
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box .points_list .points_item .name.blue,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box .points_list .points_item .name.blue {
    background-color: rgb(61 128 211);
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box .points_list .points_item .name.green,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box .points_list .points_item .name.green {
    background-color: rgb(37, 162, 0);
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.sicbo .cardroad_box .points_list_box.list_box_2 .points_list .points_item,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.fpc .cardroad_box .points_list_box.list_box_2 .points_list .points_item {
    width: 14%;
    box-shadow: 0 0 0 0.1rem #8c8c8c;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .bigsmall_box {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .history_box.cardroad-box2 {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .history_box.cardroad-box4 {
    display: flex;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .history_box {
    width: 65%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .points_box {
    width: 35%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-around;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .points_box .points_list {
    width: 50%;
    height: 25%;
    padding: 0 4%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .points_box .points_list {
    font-size: .8rem;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .points_box .points_list.total {
    width: 100%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .points_box .points_list .name {
    border-radius: .3rem;
    color: #FFF;
    width: 50%;
    height: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .points_box .points_list.total .name {
    background: linear-gradient(rgba(175, 128, 85, 1), rgba(150, 98, 59, 1));
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .points_box .points_list.even .name {
    background: linear-gradient(rgba(45, 114, 219, 1), rgba(25, 73, 163, 1));
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .points_box .points_list.odd .name {
    background: linear-gradient(rgba(233, 55, 40, 1), rgba(229, 51, 37, 1));
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.ft .cardroad_box .points_box .points_list span:nth-child(2) {
    color: #000;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .points_list_box,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .points_list_box,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .points_list_box {
    width: 25%;
    height: 100%;
    background: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .points_list_box .points_list,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .points_list_box .points_list,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .points_list_box .points_list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 25%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .points_list_box .points_list .points_name,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .points_list_box .points_list .points_name,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .points_list_box .points_list .points_name {
    width: 54%;
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border-radius: .3rem;
    white-space: nowrap;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .points_list_box .points_list .points_name,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .points_list_box .points_list .points_name,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .points_list_box .points_list .points_name {
    font-size: .8rem;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .points_list_box .points_list .points_name.brown,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .points_list_box .points_list .points_name.brown,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .points_list_box .points_list .points_name.brown {
    background: linear-gradient(rgba(175, 128, 85, 1), rgba(150, 98, 59, 1));
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .points_list_box .points_list .points_name.blue,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .points_list_box .points_list .points_name.blue,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .points_list_box .points_list .points_name.blue {
    background: linear-gradient(rgba(45, 114, 219, 1), rgba(25, 73, 163, 1));
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .points_list_box .points_list span,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .points_list_box .points_list span,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .points_list_box .points_list span {
    color: #000;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .points_list_box .points_list span,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .points_list_box .points_list span,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .points_list_box .points_list span {
    font-size: .8rem;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .cardroadtable_left,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .cardroadtable_left,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .cardroadtable_left {
    width: 12%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .cardroadtable_right.box1,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .cardroadtable_right.box1,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .cardroadtable_right.box1 {
    display: none;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .cardroadtable_right.box2,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .cardroadtable_right.box2,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .cardroadtable_right.box2 {
    display: flex;
    height: 100%;
    width: 63%;
    background: #4b5566 url('../../images/C_images/cardroar_bg/cardroad_bg_03_04.png') no-repeat 0 0 / 100% 100%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list.niu .cardroad_box .cardroadtable_right.box2 .cardroad_list,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.sg .cardroad_box .cardroadtable_right.box2 .cardroad_list,
.container.type8 .changetable .game_list_box.bigroad_style .game_list.tb .cardroad_box .cardroadtable_right.box2 .cardroad_list {
    border: none;
    width: 33.3%;
}

.container.type8 .changetable .game_list_box.bigroad_style .game_list .cardroad_box .cardroadtable_right .cardroad_item {
    height: 25%;
    border: none;
}

.container.type8 .activity .activityImg {
    top: 24%;
    width: 27%;
    height: 46%;
}

.container.type8 .activity .activityCloseBtn {
    top: 77%;
    width: 3%;
    padding-bottom: 3%;
}

.container.type8 .online_service_btn_box .online_service_btn {
    position: absolute;
    top: -92.6%;
    left: -28%;
    width: 34%;
    height: 18.5%;
    padding: 0 1rem;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    white-space: nowrap;
    border-radius: 8rem;
    border: 0.2rem solid rgba(255, 255, 255, 0.4);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.25));
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 5px rgba(0, 0, 0, 0.3), 0 4px 6px rgba(0, 0, 0, 0.25);
    background-color: rgba(0, 0, 0, .4);
    transition: all 0.2s ease-in-out;
}

.container.type8 .online_service_btn_box .online_service_btn:hover {
    transform: translateY(2px) scale(0.98);
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.5), inset 0 -3px 6px rgba(255, 255, 255, 0.2);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.05));
}

.container.type8 .online_service_btn_box .online_service_btn.on {
    display: flex;
}

.container.type8 .online_service_btn_box .online_service_btn i {
    background: url(../../images/C_images/all_icon/chat.png) no-repeat center center / contain;
    width: 1.5rem;
    height: 1.5rem;
    padding-bottom: 15%;
    margin-right: 5%;
}

.container.type8 .changetable {
    opacity: 0;
    transform: translateX(100%) scale(0.95);
    transition: transform 0.4s cubic-bezier(0.42, 0, 0, 0.97), opacity 0.4s cubic-bezier(0.42, 0, 0, 0.97);
    will-change: transform, opacity;
}

.container.type8 .on .changetable {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.container.type8 .pop-ups_1 {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
    transition: transform 200ms ease-out, opacity 200ms ease-out;
    pointer-events: none;
    visibility: hidden;
    will-change: transform, opacity;
}

.container.type8 .on .pop-ups_1,
.container.type8 .on.pop-ups_1 {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
    visibility: visible;
}

html[co=tg] .container.type8 .video-dialog .videocontent-box .btn-channel:nth-child(2),
html[co=tg] .container.type8 .video-dialog .videocontent-box .btn-channel:nth-child(3),
html[co=tg] .container.type8 .video-dialog .videocontent-box .btn-channel:nth-child(4),
html[co=tg] .container.type8 .video-dialog .videocontent-box .btn-channel:nth-child(5) {
    display: none;
}

html[co=nw] .container.type8 .report_box .content_box .content_list_box .content_list.notesList,
html[co=nw] .container.type8 .report_box .content_box .content_list_box .content_list.totalList {
    display: none;
}

html[co=nw] .container.type8 .menu_list_box .menuUser .today_bet,
html[co=nw] .container.type8 .menu_list_box .menuUser .total_bet {
    display: none;
}

.container.type8 .changetable_box.grouptype82 {
    height: 100%;
}

.container.type8 .changetable_box.grouptype82 .changetable {
    width: 29%;
}

.container.type8 .changetable_box.grouptype82 .changetable .game_list {
    height: 17%;
}

.container.type8 .changetable_box.grouptype82 .changetable::before {
    height: 10%;
}

.container.type8 .changetable_box.grouptype82 .changetable .gotop_btn {
    right: 4%;
    bottom: 1%;
    width: 10%;
    padding-bottom: 10%;
}

.container.type8 .changetable_box.tableStyle2 {
    height: 100%;
}

.container.type8 .changetable_box.tableStyle2 .changetable {
    width: 29%;
}

.container.type8 .changetable_box.tableStyle2 .changetable .game_list {
    height: 20%;
}

.container.type8 .changetable_box.tableStyle2 .changetable::before {
    height: 10%;
}

.container.type8 .changetable_box.tableStyle2 .changetable .gotop_btn {
    right: 4%;
    bottom: 1%;
    width: 10%;
    padding-bottom: 10%;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .menu_list_box .menu_list.onlineStorage {
    display: none;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_call_btn_box {
    position: absolute;
    top: 76.5%;
    left: 0%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 11.5%;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .ui_3_onlineStorage_btn.on,
html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .ui_3_call_btn.on {
    display: flex;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .ui_3_onlineStorage_btn,
html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_box .ui_3_call_btn {
    align-items: center;
    justify-content: space-between;
    width: 80%;
    margin-bottom: .3rem;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_onlineStorage_btn i {
    background: url('../../images/C_images/all_icon/ui_3_icon/recharge_online.png') no-repeat center / contain;
    cursor: pointer;
    width: 1.1rem;
    padding-bottom: 25%;
    margin-right: 7%;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_call_btn i {
    background: url('../../images/C_images/all_icon/ui_3_icon/call.png') no-repeat center / contain;
    cursor: pointer;
    width: 1.1rem;
    padding-bottom: 25%;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_onlineStorage_btn span,
html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .ui_3_call_btn span {
    cursor: pointer;
    white-space: nowrap;
    font-size: 1rem;
    width: 80%;
    text-align: left;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .menu_list_box .menu_list.feedback {
    display: none;
}

.container.type8 .set_btn:active,
.container.type8 .exit_game_btn:active {
    transform: scale(0.95);
    filter: brightness(0.85);
}

.container.type8 .menu_list_box .menu_list.report:active,
.container.type8 .menu_list_box .menu_list.ranking:active,
.container.type8 .menu_list_box .menu_list.follow:active,
.container.type8 .menu_list_box .menu_list.rule:active,
.container.type8 .menu_list_box .menu_list.music:active,
.container.type8 .menu_list_box .menu_list.language:active,
.container.type8 .menu_list_box .menu_list.goodroad:active,
.container.type8 .menu_list_box .menu_list.chips:active,
.container.type8 .menu_list_box .menu_list.security:active,
.container.type8 .menu_list_box .menu_list.topUp:active,
.container.type8 .menu_list_box .menu_list.withdrawCash:active,
.container.type8 .menu_list_box .menu_list.ubLogBtn:active,
.container.type8 .changetable .game_btn_box .game_btn.open_btn:active,
.container.type8 .changetable .switch_box .switch_btn:active,
.container.type8 .changetable .game_list:active {
    transform: scale(0.9);
    box-shadow: none;
    z-index: 99;
}

.container.type8 .ui_3_box .pc_left_box .ui_3_menu_box .ui_3_game_item:active {
    transform: scale(0.95);
    filter: brightness(0.85);
    box-shadow: none;
    transition: all 0.1s ease;
}

.container.type8 .changetable .video_room_box {
    display: none;
    width: 100%;
    height: 5%;
    align-items: center;
    justify-content: space-around;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks]) .container.type8 .changetable .video_room_box {
    display: flex;
    position: absolute;
    top: 0.5%;
    width: 98%;
    left: 1%;
    z-index: 99;
}

.container.type8 .changetable .video_room_box .video_room_item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    width: 24%;
    height: 75%;
    background: linear-gradient(145deg, #4a453f, #2a2723);
    border-radius: 0.6rem;
    box-shadow: inset 2px 2px 5px #303d4d, inset -2px -2px 6px rgb(0 0 0 / 70%), 2px 4px 6px rgb(0 0 0 / 60%);
    transition: all 0.2s ease-in-out;
    user-select: none;
    cursor: pointer;
}

.container.type8 .changetable .video_room_box:has(.video_room_item:nth-child(3)) .video_room_item {
    width: 32%;
}

.container.type8 .changetable .video_room_box:not(:has(.video_room_item:nth-child(3))) .video_room_item {
    width: 49%;
}

.container.type8 .changetable .video_room_box .video_room_item.open_btn {
    display: flex;
}

.container.type8 .changetable .video_room_box .video_room_item.open_btn:active {
    transform: scale(0.9);
    box-shadow: none;
    z-index: 99;
}

.container.type8 .changetable .video_room_box .video_room_item.on {
    color: #FFF;
    background: linear-gradient(to bottom right, #d6b161, #af8444, #8c6239);
    box-shadow: inset 3px 3px 6px rgb(0 0 0 / 30%), inset -2px -2px 4px rgb(0 0 0 / 0%);
    transform: translateY(0.5px);
}

.container.type8 .withdraw-modal,
.container.type8 .recharge-modal,
.container.type8 .accessRecords_modal,
.container.type8 .add-account-modal {
    display: flex;
    pointer-events: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    align-items: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border-radius: .5rem;
    background: linear-gradient(to bottom, #444447 0%, #2f2f32 50%, #1b1b1d 100%);
    height: 62%;
    width: 48%;
}

.container.type8 .recharge-modal .option-btn.on {
    background-color: rgb(96 151 248 / 10%);
    color: #6097F8;
    font-weight: 500;
    box-shadow: inset 0 0 0px 1px #6097F8;
}

.container.type8 .mask_box .title_box {
    height: 10%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.container.type8 .mask_box .title_box .title_box_item {
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    display: flex;
    border-radius: .5rem;
}

.container.type8 .mask_box .close_btn i {
    background: url(../../images/C_images/all_icon/ui_7_icon/close_btn.png) no-repeat center center / contain;
    top: 22%;
    width: 4%;
    padding-bottom: 4%;
    position: absolute;
    right: 2%;
}

.container.type8 .mask_box .group-label {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1rem;
    color: #fff;
}

.container.type8 .mask_box .form-group {
    display: flex;
    flex-direction: column;
    margin: 2% 0;
}

.container.type8 .mask_box .modal-footer {
    width: 100%;
    height: 8%;
    padding: 0;
    display: flex;
    justify-content: center;
}

.container.type8 .mask_box .submit-button {
    white-space: nowrap;
    cursor: pointer;
    background: radial-gradient(circle, #5a8fff, #2a5fcc);
    border-radius: 6rem;
    margin-top: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1% 6%;
    font-size: 1rem;
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
    color: #fff;
}

.container.type8 .recharge-modal .step-1.on,
.container.type8 .recharge-modal .step-2.on {
    display: block;
}

.container.type8 .recharge-modal .step-1,
.container.type8 .recharge-modal .step-2 {
    height: 92%;
    width: 100%;
    display: none;
}

.container.type8 .recharge-modal .modal-content,
.container.type8 .withdraw-modal .modal-content,
.container.type8 .add-account-modal .modal-content {
    padding: 2% 5%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 88%;
    width: 100%;
}

.container.type8 .withdraw-modal .modal-content,
.container.type8 .add-account-modal .modal-content {
    height: 80%;
}

.container.type8 .recharge-modal .form-group:nth-of-type(1),
.container.type8 .recharge-modal .form-group:nth-of-type(2) {
    display: none;
}

.container.type8 .recharge-modal .amount-input-wrapper {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #444446;
    padding-bottom: 2%;
}

.container.type8 .recharge-modal .currency-symbol {
    font-size: 1.2rem;
    font-weight: bold;
    color: #ffffff;
    margin-right: 10px;
}

.container.type8 .recharge-modal .currency-symbol {
    font-size: 1.2rem;
    font-weight: bold;
    color: #ffffff;
    margin-right: 10px;
}

.container.type8 .recharge-modal .amount-input {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: bold;
    width: 100%;
}

.container.type8 .recharge-modal .max-amount-link {
    color: #6097F8;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 500;
    white-space: nowrap;
}

.container.type8 .recharge-modal .amount-hint {
    font-size: 1rem;
    color: #8e8e93;
    margin: 1rem 0;
    display: none;
}

.container.type8 .recharge-modal .amount-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.container.type8 .recharge-modal .option-btn {
    background-color: #3a3a3c;
    color: #ffffff;
    border: none;
    border-radius: .5rem;
    width: 23%;
    height: 3rem;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.container.type8 .recharge-modal .alert-banner {
    background-color: rgba(217, 73, 62, 0.1);
    border-radius: .8rem;
    padding: 3% 3%;
    display: flex;
    align-items: center;
    color: #d9493e;
    margin-bottom: 3%;
    font-size: 1.2rem;
}

.container.type8 .recharge-modal .alert-banner .alert-icon {
    background: url(../../images/C_images/all_icon/alert.svg) no-repeat center center / contain;
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
}

.container.type8 .recharge-modal .payment-info {
    background-color: #2C2C35;
    border-radius: .8rem;
    padding: 2%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3%;
}

.container.type8 .recharge-modal .payment-amount {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 1.5rem;
}

.container.type8 .recharge-modal .crypto-icon.usdt {
    background: url(../../images/C_images/all_icon/usdt.svg) no-repeat center center / contain;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
}

.container.type8 .recharge-modal .payment-timer,
.container.type8 .recharge-modal .order-id {
    font-size: 1rem;
    color: #8e8e93;
}

.container.type8 .recharge-modal .order-id {
    display: flex;
    align-items: center;
    display: none;
}

.container.type8 .recharge-modal .copy-icon {
    background: url(../../images/C_images/all_icon/copy.svg) no-repeat center center / contain;
    width: 1rem;
    height: 1rem;
    margin-left: 1rem;
    cursor: pointer;
}

.container.type8 .recharge-modal .qr-code-section {
    background-color: #2C2C35;
    border-radius: .8rem;
    padding: 3%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container.type8 .recharge-modal .network-type {
    color: #8e8e93;
    margin-bottom: 3rem;
    display: none;
}

.container.type8 .recharge-modal .qr-code-box {
    background-color: #ffffff;
    padding: 1rem;
    border-radius: .8rem;
    margin-bottom: 3rem;
    display: none;
}

.container.type8 .recharge-modal .wallet-address {
    width: 100%;
    background-color: #36363F;
    padding: 2% 4%;
    border-radius: .8rem;
}

.container.type8 .recharge-modal .group-label {}

.container.type8 .recharge-modal .address-box {
    display: flex;
    align-items: center;
    word-break: break-all;
    margin-top: 3%;
}

.container.type8 .withdraw-modal .form-group:nth-of-type(1) {
    display: none;
}

.container.type8 .withdraw-modal .button-group {
    display: flex;
    justify-content: space-between;
}

.container.type8 .withdraw-modal .option-btn {
    background-color: #2C2C35;
    color: #ffffff;
    border: none;
    border-radius: .5rem;
    width: 23%;
    height: 3rem;
    font-size: 1.5rem;
    cursor: pointer;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .withdraw-modal .crypto-icon {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
}

.container.type8 .withdraw-modal .crypto-icon.usdt {
    background: url(../../images/C_images/all_icon/usdt.svg) no-repeat center center / contain;
}

.container.type8 .withdraw-modal .crypto-icon.btc {
    background: url(../../images/C_images/all_icon/btc.svg) no-repeat center center / contain;
}

.container.type8 .withdraw-modal .crypto-icon.eth {
    background: url(../../images/C_images/all_icon/eth.svg) no-repeat center center / contain;
}

.container.type8 .withdraw-modal .wallet-card {
    background-color: #2C2C35;
    border-radius: .8em;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container.type8 .withdraw-modal .wallet-card .wallet-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.container.type8 .withdraw-modal .wallet-card .crypto-icon {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    background: url(../../images/C_images/all_icon/usdt1.svg) no-repeat center center / contain;
}

.container.type8 .withdraw-modal .wallet-card .wallet-details {
    display: flex;
    flex-direction: column;
}

.container.type8 .withdraw-modal .wallet-card .wallet-network,
.container.type8 .withdraw-modal .wallet-card .wallet-address {
    font-size: 1.2rem;
    color: #ffffff;
}

.container.type8 .withdraw-modal .wallet-card .wallet-brand {
    font-size: 1.2rem;
    color: #8e8e93;
    margin: 3% 0;
}

.container.type8 .withdraw-modal .wallet-card .change-button {
    border: none;
    border-radius: 8rem;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(65, 65, 70, 0.75), rgba(35, 35, 40, 0.75));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.4);
    color: #fff;
    backdrop-filter: blur(2px);
}

.container.type8 .withdraw-modal .amount-input-wrapper {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #444446;
    padding-bottom: 2rem;
}

.container.type8 .withdraw-modal .currency-symbol {
    font-size: 1.2rem;
    font-weight: bold;
    margin-right: 1rem;
}

.container.type8 .withdraw-modal .amount-input {
    flex-grow: 1;
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: bold;
    width: 100%;
}

.container.type8 .withdraw-modal .max-amount-link {
    color: #007aff;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 500;
    white-space: nowrap;
}

.container.type8 .withdraw-modal .withdraw-info-list {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    color: #8e8e93;
    display: none;
}

.container.type8 .withdraw-modal .withdraw-info-list .info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4%;
}

.container.type8 .add-account-modal .info-banner {
    background-color: rgb(96 151 248 / 10%);
    border-radius: .8rem;
    padding: 3% 3%;
    display: flex;
    align-items: center;
    color: #6097F8;
    font-size: 1rem;
}

.container.type8 .add-account-modal .info-banner .info-icon {
    background: url(../../images/C_images/all_icon/info.svg) no-repeat center center / contain;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
}

.container.type8 .add-account-modal .static-info-group {
    display: flex;
    flex-direction: column;
    margin: 3rem 0;
    display: none;
}

.container.type8 .add-account-modal .static-info-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    display: none;
}

.container.type8 .add-account-modal .group-label {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
}

.container.type8 .add-account-modal .group-list {
    display: flex;
    width: 100%;
}

.container.type8 .add-account-modal .static-info-pill {
    background-color: #2C2C35;
    border-radius: .8rem;
    padding: 2rem 2rem;
    font-size: 1.2rem;
    color: #ffffff;
    width: 16%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem 4rem 1rem 0;
}

.container.type8 .add-account-modal .static-info-pill.on {
    background-color: rgb(96 151 248 / 10%);
    color: #6097F8;
    font-weight: 500;
    box-shadow: inset 0 0 0px 1px #6097F8;
}

.container.type8 .add-account-modal .input-hint,
.container.type8 .add-account-modal .text-input {
    color: #8e8e93;
    font-size: 1.2rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #444446;
    margin: 0rem;
    width: 100%;
    color: #ffffff;
}

.container.type8 .add-account-modal .input-action-link {
    color: #6097F8;
    text-decoration: none;
    font-size: 3.4rem;
    display: flex;
    align-items: center;
    display: none;
}

.container.type8 .add-account-modal .scan-icon {
    background: url(../../images/C_images/all_icon/scan.svg) no-repeat center center / contain;
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
}

.container.type8 .add-account-modal .required {
    background: url(../../images/C_images/all_icon/required.svg) no-repeat center center / contain;
    margin-right: 1rem;
    width: 1rem;
    height: 1rem;
}

.container.type8 .accessRecords_modal .modal-content {
    padding: 2% 5%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 90%;
    width: 100%;
}

.container.type8 .accessRecords_modal .modal-content .menuList {
    display: flex;
    align-items: center;
    margin: .5rem 0;
}

.container.type8 .accessRecords_modal .modal-content .menuList .menuBtn {
    color: #999999;
    font-size: 1.2rem;
    margin-right: 3rem;
    padding-bottom: .5rem;
}

.container.type8 .accessRecords_modal .modal-content .menuList .menuBtn.on {
    color: #6097F8;
    border-bottom: 1px solid #6097F8;
}

.container.type8 .accessRecords_modal .modal-content .statusAndDate {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 1rem 0;
}

.container.type8 .accessRecords_modal .modal-content .statusAndDate .sDBtn {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-right: 3rem;
    white-space: nowrap;
}

.container.type8 .accessRecords_modal .modal-content .statusAndDate .sDBtn i {
    background: url(../../images/C_images/all_icon/arr_d.svg) no-repeat center center / contain;
    width: .8rem;
    height: .8rem;
    margin-left: 1.5rem;
}

.container.type8 .accessRecords_modal .modal-content .statusAndDate .sDList {
    display: none;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #16161d;
    width: 100%;
    z-index: 7;
}

.container.type8 .accessRecords_modal .modal-content .statusAndDate .sDList.on {
    display: flex;
}

.container.type8 .accessRecords_modal .modal-content .statusAndDate .sDList button {
    background-color: #2C2C35;
    color: #fff;
    border-radius: 8rem;
    font-size: 1rem;
    width: 14%;
    padding: .5rem 0;
    margin: .5rem;
}

.container.type8 .accessRecords_modal .modal-content .statusAndDate .sDList button.on {
    color: #6097F8;
    background-color: rgb(96 151 248 / 20%);
    box-shadow: inset 0 0 0 1px #6097F8;
}

.container.type8 .accessRecords_modal .modal-content .recordContent {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox {
    display: none;
    width: 100%;
    height: auto;
    flex-direction: column;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox.noDataBox {
    justify-content: center;
    align-items: center;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox.on {
    display: flex;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox.noDataBox .noDataIcon {
    width: 40rem;
    height: 18rem;
    background: url(../../images/C_images/all_icon/noData.svg) no-repeat center center / contain;
    margin-bottom: 3rem;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox.noDataBox .noDataText {
    font-size: 4rem;
    color: #999999;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .totalMoneyBox {
    background-color: #2C2C35;
    width: 100%;
    border-radius: 2rem;
    overflow: hidden;
    color: #fff;
    margin-bottom: 3rem;
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 3rem;
    font-size: 1.2rem;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar .record-item {
    background-color: #2C2C35;
    width: 100%;
    border-radius: .8rem;
    overflow: hidden;
    color: #fff;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar .record-date {
    padding: 1rem 2rem;
    font-size: 1rem;
    border-bottom: 1px solid rgba(84, 84, 88, 0.65);
    display: none;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar .record-body {
    width: 100%;
    height: 100%;
    padding: .5rem;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar .record-body .recordList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar .record-info {
    display: flex;
    align-items: center;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar .crypto-icon {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../../images/C_images/all_icon/usdt2.svg) no-repeat center center / contain;
    margin-right: 1rem;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar .record-text {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar .record-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem;
    display: flex;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar .record-status {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 1rem;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar .record-amount {
    font-weight: 500;
    color: #f2f2f7;
}

.container.type8 .accessRecords_modal .modal-content .recordContent .recordBox .recordScollBar .record-state {
    color: #4b8df7;
}

.container.type8 .smartBetWindow {
    z-index: 7;
}

.container.type8 .smartBetWindow .smartBetModal {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 90%;
    width: 70%;
    border-radius: .5rem;
    background-color: #3a3a45;
    color: #ffffff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: inherit;
}

.container.type8 .smartBetWindow .title_box {
    height: 8%;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .smartBetWindow .title_box_item {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container.type8 .smartBetWindow .title_box_item span {
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    letter-spacing: 0.5px;
}

.container.type8 .smartBetWindow .title_box_item::before {
    content: '';
    background: url(../../images/C_images/all_icon/robot.png) no-repeat center center / contain;
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    margin-top: .1rem;
}

.container.type8 .smartBetWindow .close_btn {
    background: url(../../images/C_images/all_icon/ui_7_icon/close_btn.png) no-repeat center center / contain;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.container.type8 .smartBetWindow .close_btn:hover {
    opacity: 0.8;
}

.container.type8 .smartBetWindow .info_banner {
    display: none;
    align-items: center;
    background-color: #446ffa;
    color: #fff;
    border-radius: 1rem;
    padding: 0 1%;
    height: 10%;
    flex-wrap: wrap;
    font-size: 2rem;
    margin-bottom: 1%;
}

.container.type8 .smartBetWindow .info_banner_icon {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    background: url('../../images/C_images/all_icon/info_banner_icon.png') no-repeat center center / contain;
}

.container.type8 .smartBetWindow .info_banner_text {
    flex-grow: 1;
}

.container.type8 .smartBetWindow .info_banner_close {
    cursor: pointer;
    font-size: 3rem;
}

.container.type8 .smartBetWindow .modal_body {
    height: 92%;
    width: 100%;
    padding: 2rem 2rem;
    display: flex;
    flex-direction: column;
}

.container.type8 .smartBetWindow .status_tabs {
    display: flex;
    background-color: #e9ecef;
    border-radius: 5rem;
    height: 3rem;
    flex-shrink: 0;
    width: 49%;
}

.container.type8 .smartBetWindow .status_tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1%;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 1rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    color: #818181;
}

.container.type8 .smartBetWindow .status_tab.on {
    background-color: #446ffa;
    color: #fff;
    border-radius: 3rem;
}

.container.type8 .smartBetWindow .statusItem {
    width: 100%;
    display: none;
    flex-direction: column;
    flex-grow: 1;
    overflow-y: auto;
    min-height: 0;
    margin-top: 1rem;
}

.container.type8 .smartBetWindow .statusItem.on {
    display: flex;
    border-radius: 5px;
}

.container.type8 .smartBetWindow .game_tabs {
    display: none;
    border-bottom: 1px solid #eeeeee;
}

.container.type8 .smartBetWindow .game_tab {
    padding: 1%;
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
    position: relative;
}

.container.type8 .smartBetWindow .game_tab.online_service_btn.on {
    color: #446ffa;
    font-weight: bold;
}

.container.type8 .smartBetWindow .game_tab.on::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 30%;
    height: 2px;
    background-color: #446ffa;
}

.container.type8 .smartBetWindow .stats_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    color: #fff;
    padding: .5rem 0;
}

.container.type8 .smartBetWindow .stats_bar .period,
.container.type8 .smartBetWindow .stats_bar .profit {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.container.type8 .smartBetWindow .stats_bar .period .people,
.container.type8 .smartBetWindow .stats_bar .period .money {
    display: flex;
    align-items: center;
    margin-left: 2.5rem;
}

.container.type8 .smartBetWindow .stats_bar .period .people i {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    background: url('../../images/C_images/all_icon/people.png') no-repeat center center / contain;
}

.container.type8 .smartBetWindow .stats_bar .period .money i {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    background: url('../../images/C_images/all_icon/money.png') no-repeat center center / contain;
}

.container.type8 .smartBetWindow .bet_list {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    width: 100%;
    height: 90%;
}

.container.type8 .smartBetWindow .bet_item {
    display: flex;
    align-items: center;
    padding: 1.25rem 2rem;
    margin: 0 1% 1.5rem 0;
    width: 49%;
    height: 15%;
    background-color: #2e2f35;
    border-radius: .5rem;
    cursor: pointer;
}

.container.type8 .smartBetWindow .bet_item:hover {
    box-shadow: 0 4px 8px #5a8fff;
    border-color: rgba(68, 111, 250, 0.3);
}

.container.type8 .smartBetWindow .bet_item_name {
    width: 25%;
    font-size: 1rem;
    font-weight: bold;
    color: #ffffff;
}

.container.type8 .smartBetWindow .road_bg {
    width: 15%;
    height: 100%;
    margin-right: 5%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    padding: 0;
    display: block;
}

.container.type8 .smartBetWindow .road_bg .road_list {
    display: none;
}

.container.type8 .smartBetWindow .bet_item:has(.bet_item_name .text_75) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_01.png);
}

.container.type8 .smartBetWindow .bet_item:has(.bet_item_name .text_76) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_02.png);
}

.container.type8 .smartBetWindow .bet_item:has(.bet_item_name .text_77) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_03.png);
}

.container.type8 .smartBetWindow .bet_item:has(.bet_item_name .text_78) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_04.png);
}

.container.type8 .smartBetWindow .bet_item:has(.bet_item_name .text_79) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_05.png);
}

.container.type8 .smartBetWindow .bet_item:has(.bet_item_name .text_80) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_06.png);
}

.container.type8 .smartBetWindow .bet_item:has(.bet_item_name .text_81) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_07.png);
}

.container.type8 .smartBetWindow .bet_item:has(.bet_item_name .text_82) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_08.png);
}

.container.type8 .smartBetWindow .bet_item:has(.bet_item_name .text_83) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_09.png);
}

.container.type8 .smartBetWindow .bet_item:has(.bet_item_name .text_84) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_10.png);
}

.container.type8 .smartBetWindow .bet_item:has(.bet_item_name .text_85) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_11.png);
}

.container.type8 .smartBetWindow .road_list {
    width: 12.5%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.container.type8 .smartBetWindow .road_list .road_item {
    width: 100%;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .smartBetWindow .road_list .road_item i {
    width: 90%;
    height: 90%;
}

.container.type8 .smartBetWindow .bet_item_graph {
    width: 35%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .smartBetWindow .bet_item_graph svg,
.container.type8 .smartBetWindow .bet_item_graph .strategy-trend-item__chart,
.container.type8 .smartBetWindow .bet_item_graph .trend-chart {
    max-width: 100%;
    max-height: 100%;
}

.container.type8 .smartBetWindow .bet_item_profit {
    text-align: right;
    font-weight: bold;
    font-size: 1rem;
    color: #fff;
}

.container.type8 .smartBetWindow .profit_positive {
    color: #35c671;
}

.container.type8 .smartBetWindow .profit_negative {
    color: #eb6377;
}

.container.type8 .smartBetWindow .statusList {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    width: 100%;
}

.container.type8 .smartBetWindow .statusItemList {
    width: 32%;
    margin: 0 1% 1.5rem 0;
    background: #2e2f35;
    border-radius: 1rem;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
    row-gap: 8px;
    align-items: start;
    cursor: pointer;
}

.container.type8 .smartBetWindow .statusItemList:hover {
    box-shadow: 0 4px 8px #5a8fff;
    border-color: rgba(68, 111, 250, 0.3);
}

.container.type8 .smartBetWindow .item-left-panel {
    display: grid;
    grid-auto-rows: min-content;
    row-gap: 1rem;
    min-width: 0;
}

.container.type8 .smartBetWindow .item-title {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.container.type8 .smartBetWindow .item-bet-amount,
.container.type8 .smartBetWindow .item-strategy-id {
    font-size: 1rem;
    color: #888;
    margin: 0;
}

.container.type8 .smartBetWindow .item-right-panel {
    display: grid;
    grid-auto-rows: min-content;
    row-gap: 1.25rem;
    align-items: start;
}

.container.type8 .smartBetWindow .stat-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    line-height: 1.2;
    margin: 0;
}

.container.type8 .smartBetWindow .stat-label,
.container.type8 .smartBetWindow .stat-value {
    font-size: 1rem;
    color: #888;
}

.container.type8 .smartBetWindow .item-right-panel .stat-row.profit .stat-value {
    margin: 0;
}

.container.type8 .smartBetWindow .profit-positive {
    color: #35c671;
}

.container.type8 .smartBetWindow .profit-negative {
    color: #eb6377;
}

.container.type8 .smartBetWindow .loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.container.type8 .smartBetWindow .spinner {
    width: 28px;
    height: 28px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top: 3px solid #ffffff;
    border-radius: 50%;
    animation: spin 0.9s ease-in-out infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.container.type8 .goodRoadDetailsWindow {
    z-index: 9;
}

.container.type8 .goodRoadDetailsWindow .goodRoadDetailsModal {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 90%;
    width: 70%;
    border-radius: .5rem;
    background-color: #212129;
    color: #ffffff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transform: translate(-50%, -50%) scale(1);
    transition: transform 0.2s ease, opacity 0.2s ease;
    z-index: inherit;
}

.container.type8 .goodRoadDetailsWindow:not(.on) .goodRoadDetailsModal {
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
    pointer-events: none;
}

.container.type8 .goodRoadDetailsWindow.on .goodRoadDetailsModal {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: auto;
}

.container.type8 .goodRoadDetailsWindow .title_box {
    height: 8%;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
}

.container.type8 .goodRoadDetailsWindow .title_box_item {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container.type8 .goodRoadDetailsWindow .close_btn {
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translate(0, -50%);
    background: url(../../images/C_images/all_icon/arrow2.png) no-repeat center center / contain;
    padding-bottom: 4%;
    width: 4%;
}

.container.type8 .goodRoadDetailsWindow .modal_body {
    height: 94%;
    width: 100%;
    padding: 2rem 2rem;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
}

.container.type8 .goodRoadDetailsWindow .card {
    background-color: #2e2f35;
    width: 100%;
    border-radius: 1rem;
    padding: .5rem 2rem;
    margin-bottom: 1rem;
}

.container.type8 .goodRoadDetailsWindow .card:is(.goodRoadDetailsTypeItem,
.profit-graph) {
    width: 49%;
    margin-right: 1%;
    padding: 3%;
    height: 35%;
}

.container.type8 .goodRoadDetailsWindow .card.type {
    display: none;
}

.container.type8 .goodRoadDetailsWindow .card.type.on {
    display: block;
}

.container.type8 .goodRoadDetailsWindow .card.type .road_bg {
    width: 20%;
    height: 45%;
    margin-left: 0rem;
    background: #fff center / contain no-repeat;
    border: 1px solid #e6e6e6;
    border-radius: .5rem;
}

.container.type8 .goodRoadDetailsWindow .card.type .road_bg .road_list {
    display: none;
}

.container.type8 .goodRoadDetailsWindow .card.type.on:has(.info-title.text_75) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_01.png);
}

.container.type8 .goodRoadDetailsWindow .card.type.on:has(.info-title.text_76) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_02.png);
}

.container.type8 .goodRoadDetailsWindow .card.type.on:has(.info-title.text_77) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_03.png);
}

.container.type8 .goodRoadDetailsWindow .card.type.on:has(.info-title.text_78) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_04.png);
}

.container.type8 .goodRoadDetailsWindow .card.type.on:has(.info-title.text_79) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_05.png);
}

.container.type8 .goodRoadDetailsWindow .card.type.on:has(.info-title.text_80) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_06.png);
}

.container.type8 .goodRoadDetailsWindow .card.type.on:has(.info-title.text_81) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_07.png);
}

.container.type8 .goodRoadDetailsWindow .card.type.on:has(.info-title.text_82) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_08.png);
}

.container.type8 .goodRoadDetailsWindow .card.type.on:has(.info-title.text_83) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_09.png);
}

.container.type8 .goodRoadDetailsWindow .card.type.on:has(.info-title.text_84) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_10.png);
}

.container.type8 .goodRoadDetailsWindow .card.type.on:has(.info-title.text_85) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_11.png);
}

.container.type8 .goodRoadDetailsWindow .info-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 60%;
}

.container.type8 .goodRoadDetailsWindow .info-header-main {
    flex-grow: 1;
}

.container.type8 .goodRoadDetailsWindow .info-title {
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 1rem 0;
}

.container.type8 .goodRoadDetailsWindow .info-subtitle {
    font-size: 1rem;
    color: #55cc80;
    margin-bottom: 1rem;
    font-weight: bold;
}

.container.type8 .goodRoadDetailsWindow .info-subtitle.text_6733 {
    color: #5a8fff;
}

.container.type8 .goodRoadDetailsWindow .info-subtitle.text_6732 {
    color: #d94646;
}

.container.type8 .goodRoadDetailsWindow .stats_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    color: #FFF;
    padding: 1rem 0;
}

.container.type8 .goodRoadDetailsWindow .stats_bar .period {
    display: flex;
    align-items: center;
}

.container.type8 .goodRoadDetailsWindow .stats_bar .period .people,
.container.type8 .goodRoadDetailsWindow .stats_bar .period .money {
    display: flex;
    align-items: center;
    margin-left: .5rem;
}

.container.type8 .goodRoadDetailsWindow .stats_bar .period .people i {
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    background: url('../../images/C_images/all_icon/people.png') no-repeat center center / contain;
}

.container.type8 .goodRoadDetailsWindow .stats_bar .period .money i {
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    background: url('../../images/C_images/all_icon/money.png') no-repeat center center / contain;
}

.container.type8 .goodRoadDetailsWindow .road_bg {
    width: 30%;
    height: 100%;
    margin-left: 2rem;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: #fff;
    border-radius: .5rem;
    border: 1px solid #e6e6e6;
    padding: 0;
    display: block;
}

.container.type8 .goodRoadDetailsWindow:has(.info-title.text_75) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_01.png);
}

.container.type8 .goodRoadDetailsWindow:has(.info-title.text_76) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_02.png);
}

.container.type8 .goodRoadDetailsWindow:has(.info-title.text_77) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_03.png);
}

.container.type8 .goodRoadDetailsWindow:has(.info-title.text_78) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_04.png);
}

.container.type8 .goodRoadDetailsWindow:has(.info-title.text_79) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_05.png);
}

.container.type8 .goodRoadDetailsWindow:has(.info-title.text_80) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_06.png);
}

.container.type8 .goodRoadDetailsWindow:has(.info-title.text_81) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_07.png);
}

.container.type8 .goodRoadDetailsWindow:has(.info-title.text_82) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_08.png);
}

.container.type8 .goodRoadDetailsWindow:has(.info-title.text_83) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_09.png);
}

.container.type8 .goodRoadDetailsWindow:has(.info-title.text_84) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_10.png);
}

.container.type8 .goodRoadDetailsWindow:has(.info-title.text_85) .road_bg {
    background-image: url(../../images/C_images/goodroad/gd_11.png);
}

.container.type8 .goodRoadDetailsWindow .road_list {
    width: 12.5%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.container.type8 .goodRoadDetailsWindow .road_list .road_item {
    width: 100%;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .goodRoadDetailsWindow .road_list .road_item i {
    width: 90%;
    height: 90%;
}

.container.type8 .goodRoadDetailsWindow .explanation-box {
    margin-top: 6%;
    font-size: 1rem;
    color: #ffffff;
    display: flex;
}

html[lan=cn] .container.type8 .goodRoadDetailsWindow .explanation-box,
html[lan=tw] .container.type8 .goodRoadDetailsWindow .explanation-box {
    margin-top: 10%;
}

.container.type8 .goodRoadDetailsWindow .explanation-title {
    display: flex;
    align-items: center;
    font-weight: 500;
    margin-bottom: 2rem;
}

.container.type8 .goodRoadDetailsWindow .explanation-title-icon {
    background: url(../../images/C_images/all_icon/Details.png) no-repeat center center / contain;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
}

.container.type8 .goodRoadDetailsWindow .explanation-title .arr {
    background: url('../../images/C_images/all_icon/arror_t.png') no-repeat center center / contain;
    width: 3rem;
    height: 3rem;
    margin-left: auto;
}

.container.type8 .goodRoadDetailsWindow .profit-graph .graph-title {
    font-size: 1rem;
    font-weight: bold;
    color: #888;
    margin: 0 0 .5rem 0;
}

.container.type8 .goodRoadDetailsWindow .profit-graph .graph-title.green {
    color: #35c671;
}

.container.type8 .goodRoadDetailsWindow .profit-graph .graph-title.red {
    color: #eb6377;
}

.container.type8 .goodRoadDetailsWindow .profit-graph .graph-subtitle {
    font-size: 1rem;
    color: #888;
    margin: 0 0 1rem 0;
}

.container.type8 .goodRoadDetailsWindow .profit-graph svg {
    display: block;
    width: 100%;
    height: clamp(8rem, 10vh, 32rem);
}

.container.type8 .goodRoadDetailsWindow .card.investment-amount {
    background-color: transparent;
}

.container.type8 .goodRoadDetailsWindow .investment-amount .amount-title-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: .5rem;
}

.container.type8 .goodRoadDetailsWindow .amount-title,
.container.type8 .goodRoadDetailsWindow .amount-range {
    font-size: 1rem;
    margin-bottom: 1%;
}

.container.type8 .goodRoadDetailsWindow .amount-title {
    font-weight: 600;
    color: #fff;
}

.container.type8 .goodRoadDetailsWindow .amount-range {
    color: #fff;
}

.container.type8 .goodRoadDetailsWindow .amount-input {
    width: 100%;
    padding: 2%;
    border: 1px solid #e0e0e0;
    border-radius: 1rem;
    font-size: 1rem;
    box-sizing: border-box;
    color: #FFF;
}

.container.type8 .goodRoadDetailsWindow .amount-input::placeholder {
    color: #aaa;
}

.container.type8 .goodRoadDetailsWindow .quick-select-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: space-between;
}

.container.type8 .goodRoadDetailsWindow .quick-select-button {
    background-color: #f7f8fa;
    border-radius: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #333;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    width: 18%;
    padding: 1rem 0;
}

.container.type8 .goodRoadDetailsWindow .advanced_option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #2e2f35;
    width: 32%;
    border-radius: 1rem;
    padding: 2% 2%;
    margin: 0 auto 1rem;
}

.container.type8 .goodRoadDetailsWindow .option_label {
    font-size: 1rem;
    color: #ffffff;
    margin-right: 1rem;
    width: 70%;
}

.container.type8 .goodRoadDetailsWindow .option_control {
    display: flex;
    align-items: center;
}

.container.type8 .goodRoadDetailsWindow .option_control.takeProfit,
.container.type8 .goodRoadDetailsWindow .option_control.stopLoss {
    width: 60%;
}

.container.type8 .goodRoadDetailsWindow .option_control .timeTitle {
    color: #ffffff;
    font-size: 1rem;
}

.container.type8 .goodRoadDetailsWindow .option_control i {
    width: 2rem;
    height: 2rem;
    margin-top: 0.3rem;
    box-sizing: border-box;
    background: url('../../images/C_images/all_icon/chevron_right.svg') no-repeat center center / contain;
}

.container.type8 .goodRoadDetailsWindow .option_control .form_control {
    color: #fff;
    height: 100%;
    width: 100%;
    text-align: end;
    font-size: 1.2em;
}

.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-cn,
.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-tw,
.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-en,
.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-th,
.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-vi,
.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-ja,
.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-ko,
.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-hi,
.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-ms,
.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-in,
.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-es,
.container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-ru {
    display: none;
}

html[lang="cn"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-cn,
html[lang="tw"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-tw,
html[lang="en"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-en,
html[lang="th"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-th,
html[lang="vi"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-vi,
html[lang="ja"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-ja,
html[lang="ko"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-ko,
html[lang="hi"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-hi,
html[lang="ms"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-ms,
html[lang="in"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-in,
html[lang="es"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-es,
html[lang="ru"] .container.type8 .goodRoadDetailsWindow .option_control .form_control.lang-ru {
    display: block;
}

.container.type8 .goodRoadDetailsWindow .switch {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 2rem;
}

.container.type8 .goodRoadDetailsWindow .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.container.type8 .goodRoadDetailsWindow .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #4a4b52;
    transition: .4s;
    border-radius: 4.5rem;
}

.container.type8 .goodRoadDetailsWindow .slider:before {
    position: absolute;
    content: "";
    height: 1.8rem;
    width: 1.8rem;
    left: 0.2rem;
    bottom: 0.1rem;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%;
}

.container.type8 .goodRoadDetailsWindow input:checked+.slider {
    background-color: #446ffa;
}

.container.type8 .goodRoadDetailsWindow input:checked+.slider:before {
    transform: translateX(1.1rem);
}

.container.type8 .goodRoadDetailsWindow .submit-button {
    display: block;
    width: 32%;
    background-color: #4a90e2;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    padding: 1.5rem;
    margin: 0 auto;
}

.container.type8 .goodRoadDetailsWindow .footer-note {
    width: 100%;
    text-align: center;
    font-size: 1rem;
    color: #aaa;
    margin-top: 1rem;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal {
    left: 25%;
    top: 25%;
    width: 50%;
    height: 50%;
    border-radius: .5rem;
    background-color: #212129;
    color: #ffffff;
    overflow: hidden;
    flex-direction: column;
    position: absolute;
    display: none;
    z-index: 2000;
    z-index: 11;
}

.container.type8 .goodRoadDetailsWindow .goodRoadDetailsModal::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 1001;
}

.container.type8 .goodRoadDetailsWindow .goodRoadDetailsModal:has(.timerStopMenuModal.on)::after {
    opacity: 1;
    pointer-events: auto;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal.on {
    display: flex;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal .title_box {
    height: 12%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
    padding: 0 2rem;
    box-sizing: border-box;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal .title_box .title_box_item {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal .title_box .confirm_btn {
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal .title_box span {
    font-size: 1rem;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal .close_btn {
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translate(0, -50%);
    background: url(../../images/C_images/all_icon/ui_7_icon/close_btn.png) no-repeat center center / contain;
    width: 3%;
    padding-bottom: 3%;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal .confirm_btn {
    font-size: 1rem;
    color: #fff;
    white-space: nowrap;
    padding: 0 0.8rem;
    text-align: center;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal .modal_body {
    height: 88%;
    width: 100%;
    padding: 1.5rem 1.5rem;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal .modal_body ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    align-content: flex-start;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal .modal_body ul li {
    width: 100%;
    padding: 1.2rem 0;
    margin-top: 1rem;
    text-align: center;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal .modal_body ul li.on {
    background-color: #4a90e2;
}

.container.type8 .goodRoadDetailsWindow .timerStopMenuModal .modal_body ul li span {
    font-size: 1rem;
    color: #fff;
}

.container.type8 .inProgressWindow,
.container.type8 .stoppedWindow {
    z-index: 9;
}

.container.type8 .inProgressWindow .inProgressModal,
.container.type8 .stoppedWindow .stoppedModal {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 90%;
    width: 70%;
    transform: translate(-50%, -50%);
    border-radius: .5rem;
    background-color: #212129;
    color: #ffffff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    z-index: inherit;
}

.container.type8 .inProgressWindow .title_box,
.container.type8 .stoppedWindow .title_box {
    height: 8%;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
}

.container.type8 .inProgressWindow .title_box_item,
.container.type8 .stoppedWindow .title_box_item {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container.type8 .inProgressWindow .close_btn,
.container.type8 .stoppedWindow .close_btn {
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translate(0, -50%);
    background: url(../../images/C_images/all_icon/arrow2.png) no-repeat center center / contain;
    padding-bottom: 4%;
    width: 4%;
}

.container.type8 .inProgressWindow .modal_body,
.container.type8 .stoppedWindow .modal_body {
    height: 92%;
    width: 100%;
    padding: 2rem 2rem;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.container.type8 .inProgressWindow .status-card,
.container.type8 .inProgressWindow .strategy-info,
.container.type8 .stoppedWindow .status-card,
.container.type8 .stoppedWindow .strategy-info {
    width: calc(50% - 1rem);
    background-color: #ffffff;
    border-radius: .5rem;
    padding: 2rem 2rem;
    margin: 0;
    color: #000;
    height: 45%;
}

.container.type8 .inProgressWindow .stats-container,
.container.type8 .stoppedWindow .stats-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.container.type8 .inProgressWindow .profit-summary .label,
.container.type8 .stoppedWindow .profit-summary .label {
    font-size: 1rem;
    color: #555;
    font-weight: bold;
}

.container.type8 .inProgressWindow .profit-summary .value,
.container.type8 .stoppedWindow .profit-summary .value {
    font-size: 1rem;
    font-weight: bold;
    color: #888;
    margin: 1rem 0;
}

.container.type8 .inProgressWindow .profit-summary .value.green,
.container.type8 .stoppedWindow .profit-summary .value.green {
    color: #7ed321;
}

.container.type8 .inProgressWindow .profit-summary .value.red,
.container.type8 .stoppedWindow .profit-summary .value.red {
    color: #d0021b;
}

.container.type8 .inProgressWindow .profit-summary .rate,
.container.type8 .stoppedWindow .profit-summary .rate {
    font-size: 1rem;
    color: #888;
}

.container.type8 .inProgressWindow .details-summary,
.container.type8 .stoppedWindow .details-summary {
    font-size: 1rem;
    width: 42%;
}

.container.type8 .inProgressWindow .details-summary .detail-item,
.container.type8 .stoppedWindow .details-summary .detail-item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: #888;
}

.container.type8 .inProgressWindow .details-summary .detail-item+.detail-item,
.container.type8 .stoppedWindow .details-summary .detail-item+.detail-item {
    margin-top: 2rem;
}

.container.type8 .inProgressWindow .details-summary .label,
.container.type8 .stoppedWindow .details-summary .label {
    color: #888;
}

.container.type8 .inProgressWindow .details-summary .value,
.container.type8 .stoppedWindow .details-summary .value {
    font-weight: 500;
    min-width: 57%;
    text-align: right;
}

.container.type8 .inProgressWindow .details-summary .value.win,
.container.type8 .stoppedWindow .details-summary .value.win {
    color: #7ed321;
}

.container.type8 .inProgressWindow .details-summary .value.loss,
.container.type8 .stoppedWindow .details-summary .value.loss {
    color: #d0021b;
}

.container.type8 .inProgressWindow .graph-container svg,
.container.type8 .stoppedWindow .graph-container svg {
    width: 100%;
    display: block;
}

.container.type8 .inProgressWindow .strategy-info-header,
.container.type8 .stoppedWindow .strategy-info-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.container.type8 .inProgressWindow .strategy-title-group .title,
.container.type8 .stoppedWindow .strategy-title-group .title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #000;
}

.container.type8 .inProgressWindow .strategy-title-group .subtitle,
.container.type8 .stoppedWindow .strategy-title-group .subtitle {
    font-size: 1rem;
    color: #888;
    font-weight: bold;
}

.container.type8 .inProgressWindow .game-tag,
.container.type8 .stoppedWindow .game-tag {
    background-color: #0c70d4;
    color: #ffffff;
    padding: .25rem 2rem;
    border-radius: 2rem;
    font-size: 1rem;
    font-weight: bold;
    white-space: nowrap;
}

.container.type8 .inProgressWindow .strategy-info-footer,
.container.type8 .stoppedWindow .strategy-info-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    color: #888;
    margin-top: 1.2rem;
}

.container.type8 .inProgressWindow .expand-button,
.container.type8 .stoppedWindow .expand-button {
    display: flex;
    align-items: center;
    color: #555;
    cursor: pointer;
}

.container.type8 .inProgressWindow .expand-button span,
.container.type8 .stoppedWindow .expand-button span {
    margin-right: 4px;
}

.container.type8 .inProgressWindow .action-buttons,
.container.type8 .stoppedWindow .action-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 0;
}

.container.type8 .inProgressWindow .action-button,
.container.type8 .stoppedWindow .action-button {
    font-size: 1rem;
    padding: 1rem 0;
    border: none;
    border-radius: 1.5rem;
    font-weight: 500;
    cursor: pointer;
}

.container.type8 .inProgressWindow .action-button.stop,
.container.type8 .stoppedWindow .action-button.delete {
    background-color: #f0f0f0;
    color: #6097f8;
}

.container.type8 .inProgressWindow .action-button.rebuy,
.container.type8 .stoppedWindow .action-button.rebuy {
    background-color: #fff;
    color: #3ab111;
}

.container.type8 .stoppedWindow .action-button.rebuy {
    display: none;
}

.container.type8 .inProgressWindow .action-button.stop,
.container.type8 .inProgressWindow .action-button.rebuy {
    width: 49%;
}

.container.type8 .stoppedWindow .action-button.delete {
    width: 100%;
}

.container.type8 .inProgressWindow .history-section,
.container.type8 .stoppedWindow .history-section {
    width: 100%;
    margin-top: 0;
    height: 15rem;
}

.container.type8 .inProgressWindow .history-section-title,
.container.type8 .stoppedWindow .history-section-title {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 2rem;
    color: #fff;
}

.container.type8 .inProgressWindow .history-list,
.container.type8 .stoppedWindow .history-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.container.type8 .inProgressWindow .history-list .history-item-card,
.container.type8 .stoppedWindow .history-list .history-item-card {
    background-color: #2e2f35;
    border-radius: .5rem;
    padding: 1rem 1rem 4rem;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
}

.container.type8 .inProgressWindow .history-list .history-item-card:hover,
.container.type8 .stoppedWindow .history-list .history-item-card:hover {
    box-shadow: 0 4px 8px #5a8fff;
    border-color: rgba(68, 111, 250, 0.3);
}

.container.type8 .inProgressWindow .history-list .history-item-card+.history-item-card,
.container.type8 .stoppedWindow .history-list .history-item-card+.history-item-card {
    margin-top: 0;
}

.container.type8 .inProgressWindow .history-list .history-item-card .bet-result,
.container.type8 .stoppedWindow .history-list .history-item-card .bet-result {
    position: absolute;
    bottom: 2%;
    left: 3%;
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    column-gap: .75rem;
    font-size: 1rem;
    color: #FFF;
    font-weight: 600;
    max-width: 82%;
}

.container.type8 .history-item-card .bet-result .winner.text_788 {
    color: #ff3340;
}

.container.type8 .history-item-card .bet-result .winner.text_789 {
    color: #2f65cd;
}

.container.type8 .history-item-card .bet-result .winner.text_6644 {
    color: #16a34a;
}

.container.type8 .bet-result .winner {
    white-space: nowrap;
}

.container.type8 .bet-result .sides {
    display: grid;
    grid-template-columns: max-content 1fr;
    row-gap: .25rem;
    column-gap: .5rem;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.container.type8 .bet-result .side {
    display: contents;
}

.container.type8 .bet-result .side-label {
    font-weight: 600;
    text-align: right;
    min-width: 2em;
}

.container.type8 .bet-result .cards {
    font-weight: 800;
    color: #FFF;
    line-height: 1.2;
}

.container.type8 .inProgressWindow .history-item-header,
.container.type8 .stoppedWindow .history-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    color: #FFF;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f7f8fa;
    margin-bottom: 1rem;
}

.container.type8 .inProgressWindow .history-item-header .arrow,
.container.type8 .stoppedWindow .history-item-header .arrow {
    font-size: 1rem;
    color: #ccc;
}

.container.type8 .inProgressWindow .history-item-body,
.container.type8 .stoppedWindow .history-item-body {
    display: flex;
    justify-content: space-between;
    flex: 1 1 auto;
}

.container.type8 .inProgressWindow .history-item-body .info-col,
.container.type8 .stoppedWindow .history-item-body .info-col {
    width: 50%;
}

.container.type8 .inProgressWindow .info-col .label,
.container.type8 .stoppedWindow .info-col .label {
    font-size: 1rem;
    color: #FFF;
    margin-bottom: 1rem;
}

.container.type8 .inProgressWindow .info-col .value,
.container.type8 .stoppedWindow .info-col .value {
    font-size: 1rem;
    font-weight: bold;
    color: #FFF;
}

.container.type8 .inProgressWindow .info-col .value.green,
.container.type8 .stoppedWindow .info-col .value.green {
    color: #16a34a;
}

.container.type8 .inProgressWindow .info-col .value.red,
.container.type8 .stoppedWindow .info-col .value.red {
    color: #dc2626;
}

.container.type8 .inProgressWindow .ai-tag,
.container.type8 .stoppedWindow .ai-tag {
    position: absolute;
    bottom: 2%;
    right: 2%;
    color: #4a90e2;
    font-size: 1rem;
    font-weight: bold;
}

.container.type8 .inProgressWindow .modal-overlay,
.container.type8 .stoppedWindow .modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    align-items: flex-end;
}

.container.type8 .inProgressWindow .modal-overlay.on,
.container.type8 .stoppedWindow .modal-overlay.on {
    display: flex;
}

.container.type8 .inProgressWindow .action-sheet,
.container.type8 .stoppedWindow .action-sheet {
    left: 25%;
    top: 25%;
    background-color: #212129;
    width: 50%;
    padding: 4rem 3rem 3rem;
    color: #000;
    height: 50%;
    position: absolute;
    border-radius: .5rem;
}

.container.type8 .inProgressWindow .sheet-header,
.container.type8 .stoppedWindow .sheet-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 4rem;
}

.container.type8 .inProgressWindow .sheet-title,
.container.type8 .stoppedWindow .sheet-title {
    font-size: 1rem;
    font-weight: 600;
    color: #FFF;
}

.container.type8 .inProgressWindow .sheet-subtitle,
.container.type8 .stoppedWindow .sheet-subtitle {
    font-size: 1rem;
    color: #888;
}

.container.type8 .inProgressWindow .sheet-input,
.container.type8 .stoppedWindow .sheet-input {
    width: 100%;
    padding: 1rem 2rem;
    box-sizing: border-box;
    border-radius: 2rem;
    font-size: 1rem;
    background-color: #f7f8fa;
    margin-bottom: 2rem;
}

.container.type8 .inProgressWindow .sheet-input::placeholder,
.container.type8 .stoppedWindow .sheet-input::placeholder {
    color: #aaa;
}

.container.type8 .inProgressWindow .sheet-input.lang-cn,
.container.type8 .inProgressWindow .sheet-input.lang-tw,
.container.type8 .inProgressWindow .sheet-input.lang-en,
.container.type8 .inProgressWindow .sheet-input.lang-th,
.container.type8 .inProgressWindow .sheet-input.lang-vi,
.container.type8 .inProgressWindow .sheet-input.lang-ja,
.container.type8 .inProgressWindow .sheet-input.lang-ko,
.container.type8 .inProgressWindow .sheet-input.lang-hi,
.container.type8 .inProgressWindow .sheet-input.lang-ms,
.container.type8 .inProgressWindow .sheet-input.lang-in,
.container.type8 .inProgressWindow .sheet-input.lang-es,
.container.type8 .inProgressWindow .sheet-input.lang-ru,
.container.type8 .stoppedWindow .sheet-input.lang-cn,
.container.type8 .stoppedWindow .sheet-input.lang-tw,
.container.type8 .stoppedWindow .sheet-input.lang-en,
.container.type8 .stoppedWindow .sheet-input.lang-th,
.container.type8 .stoppedWindow .sheet-input.lang-vi,
.container.type8 .stoppedWindow .sheet-input.lang-ja,
.container.type8 .stoppedWindow .sheet-input.lang-ko,
.container.type8 .stoppedWindow .sheet-input.lang-hi,
.container.type8 .stoppedWindow .sheet-input.lang-ms,
.container.type8 .stoppedWindow .sheet-input.lang-in,
.container.type8 .stoppedWindow .sheet-input.lang-es,
.container.type8 .stoppedWindow .sheet-input.lang-ru {
    display: none;
}

html[lang="cn"] .container.type8 .inProgressWindow .sheet-input.lang-cn,
html[lang="tw"] .container.type8 .inProgressWindow .sheet-input.lang-tw,
html[lang="en"] .container.type8 .inProgressWindow .sheet-input.lang-en,
html[lang="th"] .container.type8 .inProgressWindow .sheet-input.lang-th,
html[lang="vi"] .container.type8 .inProgressWindow .sheet-input.lang-vi,
html[lang="ja"] .container.type8 .inProgressWindow .sheet-input.lang-ja,
html[lang="ko"] .container.type8 .inProgressWindow .sheet-input.lang-ko,
html[lang="hi"] .container.type8 .inProgressWindow .sheet-input.lang-hi,
html[lang="ms"] .container.type8 .inProgressWindow .sheet-input.lang-ms,
html[lang="in"] .container.type8 .inProgressWindow .sheet-input.lang-in,
html[lang="es"] .container.type8 .inProgressWindow .sheet-input.lang-es,
html[lang="ru"] .container.type8 .inProgressWindow .sheet-input.lang-ru,
html[lang="cn"] .container.type8 .stoppedWindow .sheet-input.lang-cn,
html[lang="tw"] .container.type8 .stoppedWindow .sheet-input.lang-tw,
html[lang="en"] .container.type8 .stoppedWindow .sheet-input.lang-en,
html[lang="th"] .container.type8 .stoppedWindow .sheet-input.lang-th,
html[lang="vi"] .container.type8 .stoppedWindow .sheet-input.lang-vi,
html[lang="ja"] .container.type8 .stoppedWindow .sheet-input.lang-ja,
html[lang="ko"] .container.type8 .stoppedWindow .sheet-input.lang-ko,
html[lang="hi"] .container.type8 .stoppedWindow .sheet-input.lang-hi,
html[lang="ms"] .container.type8 .stoppedWindow .sheet-input.lang-ms,
html[lang="in"] .container.type8 .stoppedWindow .sheet-input.lang-in,
html[lang="es"] .container.type8 .stoppedWindow .sheet-input.lang-es,
html[lang="ru"] .container.type8 .stoppedWindow .sheet-input.lang-ru {
    display: block;
}

.container.type8 .inProgressWindow .quick-select-buttons,
.container.type8 .stoppedWindow .quick-select-buttons {
    display: flex;
    margin-bottom: 2rem;
    justify-content: space-between;
}

.container.type8 .inProgressWindow .quick-select-button,
.container.type8 .stoppedWindow .quick-select-button {
    background-color: #f0f0f0;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #333;
    text-align: center;
    cursor: pointer;
    width: 18%;
    padding: 1rem 0;
}

.container.type8 .inProgressWindow .submit-button,
.container.type8 .stoppedWindow .submit-button {
    display: block;
    width: 50%;
    background-color: #4a90e2;
    color: #fff;
    text-align: center;
    padding: 1rem 0;
    border-radius: 2rem;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    margin: 0 auto;
}

.container.type8 .inProgressWindow .action-sheet .close_btn,
.container.type8 .stoppedWindow .action-sheet .close_btn {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 2rem;
    height: 2rem;
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    border: 0;
    cursor: pointer;
    left: auto;
    transform: none;
    padding: 0;
}

.container.type8 .history-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}

.container.type8 .pagination-controls {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.container.type8 .pagination-btn {
    background-color: rgba(255, 255, 255, 0.08);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 0.6rem 1.2rem;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    min-width: 6rem;
    transition: all 0.2s ease;
}

.container.type8 .pagination-btn:hover {
    background-color: rgba(255, 255, 255, 0.12);
    transform: translateY(-1px);
}

.container.type8 .pagination-btn:active {
    transform: translateY(0);
}

.container.type8 .pagination-btn:disabled {
    background-color: #a0a0a0;
    cursor: not-allowed;
    transform: none;
    opacity: 0.7;
}

.container.type8 .pagination-info {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 500;
    min-width: 5rem;
    text-align: center;
    padding: 0.5rem 0.8rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}

.container.type8 .page-numbers {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0.8rem;
}

.container.type8 .page-number {
    min-width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: #ffffff;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.container.type8 .page-number:hover {
    background: rgba(255, 255, 255, 0.12);
}

.container.type8 .page-number.active {
    background-color: #3a7bd5;
    border-color: #2d68b3;
}

html:is([co=dv],
[co=kx],
[co=jd],
[co=hm],
[co=ks],
[co=jb2]) .container.type8 .page-number.active {
    background-color: #af8444;
    border-color: #2e2f35;
}

.container.type8 .page-ellipsis {
    color: rgba(255, 255, 255, 0.5);
    padding: 0 0.3rem;
}

.container.type8 .bettingDetailsWindow .bettingDetailsModal {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 90%;
    width: 70%;
    transform: translate(-50%, -50%);
    border-radius: .5rem;
    background-color: #212129;
    color: #ffffff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
}

.container.type8 .bettingDetailsWindow .title_box {
    height: 8%;
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #4a4b52, #2e2f35);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
}

.container.type8 .bettingDetailsWindow .title_box_item {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container.type8 .bettingDetailsWindow .close_btn {
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translate(0, -50%);
    background: url(../../images/C_images/all_icon/arrow2.png) no-repeat center center / contain;
    padding-bottom: 4%;
    width: 4%;
}

.container.type8 .bettingDetailsWindow .modal_body {
    height: 92%;
    width: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
}

.container.type8 .bettingDetailsWindow .info-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
}

.container.type8 .bettingDetailsWindow .info-card {
    background-color: #ffffff;
    color: #000;
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: 2rem;
}

.container.type8 .bettingDetailsWindow .info-card.col-3 {
    flex-basis: 32%;
}

.container.type8 .bettingDetailsWindow .info-card.col-2 {
    flex-basis: 49%;
}

.container.type8 .bettingDetailsWindow .info-card .label {
    display: block;
    font-size: 1rem;
    color: #888;
    margin-bottom: 1rem;
}

.container.type8 .bettingDetailsWindow .info-card .value {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    flex-direction: row;
}

.container.type8 .bettingDetailsWindow .info-card.result .value {
    flex-direction: column;
}

.container.type8 .bettingDetailsWindow .info-card .value .banker,
.container.type8 .bettingDetailsWindow .info-card .value .player {
    font-size: 1rem;
}

.container.type8 .bettingDetailsWindow .info-card .value.green {
    color: #16a34a;
}

.container.type8 .bettingDetailsWindow .info-card .value.red {
    color: #dc2626;
}

.container.type8 .bettingDetailsWindow .details-list {
    margin-top: 2rem;
    width: 100%;
}

.container.type8 .bettingDetailsWindow .detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.container.type8 .bettingDetailsWindow .detail-row .key {
    font-size: 1rem;
    color: #ffffff;
}

.container.type8 .bettingDetailsWindow .detail-row .value {
    font-size: 1rem;
    color: #ffffff;
    font-weight: 500;
    text-align: right;
}