@import url("../../styles/ui8/C_all_style.css");@import url('../default.css');.container.type8 .change_video_box,.container.type8 .points_switch_btn,.container.type8 .cardroadcover,.container.type8 .thistable_video_btn,.container.type8 .change_bet_table_btn,.container.type8 .bet_attach_box,.container.type8 .hall_video_btn,.container.type8 .shuffle_video_btn,.container.type8 .table_box .table_item.supertie,.container.type8 .supertie_bet_menu,.container.type8 .table_box .bet_scale,.container.type8 .video_box,.container.type8 .big_video_btn,.container.type8 .free_switch,.container.type8 .diantou_switch_btn,.container.type8.two_videos .win_text2,.container.type8.godVideo .win_text2,.container.type8.two_videos .free_btn,.container.type8.two_videos .table_info,.container.type8.tableStyle2 .chip_bg,.container.type8.two_videos .table_info_box {
    display: none;
}

.container.type8 .free_btn {
    background: none;
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 51%;
    left: 78%;
}

.container.type8 .free_btn:active {
    transform: scale(0.9);
    box-shadow: none;
    z-index: 99;
}

.container.type8 .free_btn::before {
    content: '';
    margin-right: 0.5rem;
    width: 1.2rem;
    height: 1.2rem;
    background-color: rgb(0 0 0 / 30%);
    box-shadow: inset 0 0 0 1px #FFF;
    border-radius: 0.2rem;
}

.container.type8 .free_btn::after {
    content: '';
    display: none;
    background: url('../../images/C_images/all_icon/icon_yes.png') no-repeat center center / contain;
    position: absolute;
    width: 0.9rem;
    height: 0.9rem;
    left: 3%;
    top: 50%;
    transform: translate(0,-50%);
}

.container.type8 .free_btn.on::after {
    display: block;
}

.container.type8 .free_btn.open_btn {
    display: flex;
}

.container.type8 .free_btn span {
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    text-shadow: -1px -1px 2px black,1px -1px 2px black,-1px 1px 2px black,1px 1px 2px black,0 0 5px #fff,0 0 10px #fff,0 0 20px #ff0,0 0 40px #ff0;
}

.container.type8 .free_btn span.text_6575,.container.type8 .free_btn .free_name,.container.type8 .free_btn i,.container.type8 .free_btn .free_switch {
    display: none;
}

.container.type8 .wenlu_btn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f8fbff;
    right: 0;
    height: 9.6%;
    width: 4.9%;
    box-shadow: inset 1px 0 #ababab;
}

.container.type8 .wenlu_btn.xian {
    box-shadow: inset 1px 0 #ababab,inset 0px 1px #ababab;
    bottom: 0;
    color: rgba(13,116,236,1);
}

.container.type8 .wenlu_btn.zhuang {
    bottom: 9.6%;
    color: rgba(255,49,53,1);
}

.container.type8 .wenlu_btn span {
    font-size: 1rem;
    writing-mode: vertical-lr;
    letter-spacing: 0;
    font-weight: bold;
    white-space: nowrap;
}

.container.type8 .road_box {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 5rem;
    width: 24%;
    height: 69%;
    margin-left: 6%;
}

.container.type8 .wenlu_btn.xian .road_box {
    border: 2px solid rgba(13,116,236,1);
}

.container.type8 .wenlu_btn.zhuang .road_box {
    border: 2px solid rgba(255,49,53,1);
}

.container.type8 .road_box i {
    width: 80%;
    height: 30%;
}

.container.type8 .zhuzi_proportion {
    display: none;
}

.container.type8 .zhuzi_proportion {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8fbff;
    padding: 0 1%;
    box-sizing: border-box;
    flex-direction: column;
    left: 0%;
    width: 7%;
    height: 19.2%;
    bottom: 0;
}

.container.type8 .zhuzi_proportion .proportion_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    width: 100%;
    height: 16.6%;
    font-size: 1.1rem;
}

.container.type8 .zhuzi_proportion .proportion_list.total,.container.type8 .zhuzi_proportion .proportion_list.tie {
    box-shadow: inset 0 -1px rgb(178 178 178 / 60%);
}

.container.type8 .zhuzi_proportion .proportion_list .name {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.container.type8 .zhuzi_proportion .proportion_list.banker span:nth-child(2),.container.type8 .zhuzi_proportion .proportion_list.bankers span:nth-child(2) {
    color: #fe4d40;
}

.container.type8 .zhuzi_proportion .proportion_list.player span:nth-child(2),.container.type8 .zhuzi_proportion .proportion_list.players span:nth-child(2) {
    color: #0e76fe;
}

.container.type8 .zhuzi_proportion .proportion_list.tie span:nth-child(2) {
    color: #00d779;
}

.container.type8 .zhuzi_proportion .proportion_list.total span:nth-child(2),.container.type8 .zhuzi_proportion .proportion_list .name {
    color: #333333;
}

.container.type8 .cardroadtable-list {
    background-color: #e0e0e0;
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
}

.container.type8 .cardroadtable-list .item-box {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
}

.container.type8 .cardroadtable-list .cardroad-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container.type8 .cardroadtable-list .cardroad-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 16.67%;
}

.container.type8 .cardroadtable-list i {
    width: 80%;
    padding-bottom: 80%;
}

.container.type8 .cardroadtable-list.list1 {
    background-image: url(../../images/C_images/cardroar_bg/cardroad_bg_36_06.png);
    transform-origin: left bottom;
    transform: scale(0.1);
    left: 46.9%;
    bottom: 6.4%;
    height: 127%;
    width: 482%;
}

.container.type8 .cardroadtable-list.list1 .item-box.box2 {
    display: flex;
}

.container.type8 .cardroadtable-list.list1 .cardroad-list {
    width: 2.7778%;
}

.container.type8 .cardroadtable-list.list2 {
    background-image: url("../../images/C_images/cardroar_bg/cardroad_bg_17_06.png");
    bottom: 0;
    width: 40%;
    left: 6.9%;
    height: 19.2%;
}

.container.type8 .cardroadtable-list.list2 .item-box.box1 {
    display: flex;
}

.container.type8 .cardroadtable-list.list2 .cardroad-list {
    width: 5.88%;
}

.container.type8 .cardroadtable-list.list3 {
    transform-origin: left bottom;
    transform: scale(0.1);
    width: 482%;
    left: 46.9%;
    height: 64%;
    bottom: 0;
}

.container.type8 .cardroadtable-list.list3 .item-box.box4,.container.type8 .cardroadtable-list.list3 .item-box.box5,.container.type8 .cardroadtable-list.list3 .item-box.box6 {
    background: url('../../images/C_images/cardroar_bg/cardroad_bg_20.png') no-repeat 0 0 / 100% 100%;
    top: 0;
    width: 33.3%;
    height: 100%;
    display: flex;
}

.container.type8 .cardroadtable-list.list3 .item-box.box4 {
    left: 0;
}

.container.type8 .cardroadtable-list.list3 .item-box.box5 {
    left: 33.3%;
    width: 33.4%;
}

.container.type8 .cardroadtable-list.list3 .item-box.box6 {
    right: 0;
}

.container.type8 .cardroadtable-list.list3 .item-box.box4 .cardroad-list,.container.type8 .cardroadtable-list.list3 .item-box.box5 .cardroad-list,.container.type8 .cardroadtable-list.list3 .item-box.box6 .cardroad-list {
    width: 5%;
}

.container.type8 .cardroadtable-list.list3.big {
    border: initial;
    left: 7%;
    width: 60%;
    height: 20%;
}

.container.type8 .cardroadtable-list.list3.big .zoom_btn {
    background-position: 96.9% 0%;
}

.container.type8 .cardroadtable-list .zoom_btn,.container.type8 .cardroadtable-list .zoomout_btn {
    display: none;
}

.container.type8 .cardroadtable-list.zoom {
    display: none;
}

.container.type8 .open_box {
    animation: pop-in_open_box 0.3s ease-out;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 19.2%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 1;
    background: linear-gradient(to right,rgba(25,100,200,0.85) 0%,rgba(90,60,150,0.85) 50%,rgba(200,40,40,0.85) 100%);
}

@keyframes pop-in_open_box {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

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

    80% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

.container.type8 .open_box .win_text {
    animation: opencard_vs .4s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url('../../images/C_images/all_icon/ui_7_icon/opencard_vs_v2.png') no-repeat center center / contain;
    width: 7%;
    padding-bottom: 12%;
}

.container.type8 .open_box .win_text::before {
    display: none;
}

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

.container.type8 .open_box.off,.container.type8 .open_box.on.off {
    display: none;
}

.container.type8 .open_box .player_box,.container.type8 .open_box .banker_box {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    box-sizing: border-box;
    width: 55.6%;
    height: 100%;
}

.container.type8 .open_box .banker_box {
    background: none;
}

.container.type8 .open_box .player_box {
    flex-direction: row-reverse;
}

.container.type8 .open_box .player_box {
    padding-right: 11%;
    clip-path: polygon(0% 0,100% 0,80% 100%,0 100%);
    left: 0;
    flex-direction: row-reverse;
}

.container.type8 .open_box .banker_box {
    padding-left: 11%;
    clip-path: polygon(20% 0,100% 0,100% 100%,0 100%);
    right: 0;
}

.container.type8 .open_box .title {
    white-space: nowrap;
    color: #FFF;
    font-size: 3.3rem;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 100%);
}

.container.type8.tableStyle2 .open_box .title {
    font-size: 2.5rem;
}

.container.type8 .open_box .title {
    order: -1;
}

.container.type8 .open_box .opencard_number {
    opacity: 0;
    color: #FFF;
    font-size: 3.3rem;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 100%);
}

.container.type8 .open_box .opencard_number.show {
    opacity: 1;
}

.container.type8.tableStyle2 .open_box .opencard_number {
    font-size: 2.5rem;
}

.container.type8 .open_box .card_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60%;
    height: 100%;
}

.container.type8 .open_box .flip-wrapper {
    width: 30%;
    height: 90%;
    margin: 0 3%;
    position: relative;
}

.container.type8 .open_box .flipper {
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.container.type8 .open_box .front,.container.type8 .open_box .back {
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

.container.type8 .open_box .flip-wrapper.open .flipper {
    transform: rotateY(180deg);
}

.container.type8 .open_box .back {
    transform: rotateY(180deg);
}

.container.type8 .open_box .player_box .flip-wrapper.card5 {
    transform: rotate(90deg);
    order: -1;
    height: 0;
    width: 0;
}

.container.type8 .open_box .banker_box .flip-wrapper.card6 {
    transform: rotate(-90deg);
    height: 0;
    width: 0;
}

.container.type8 .open_box .player_box .flip-wrapper.open.card5,.container.type8 .open_box .banker_box .flip-wrapper.open.card6 {
    width: 30%;
    height: 90%;
}

.container.type8 .open_box .poker_item.clubs_15 {
    display: none;
}

.landscape .container.type8 .open_box .text_6528 {
    display: none;
}

.container.type8 .mipai_box {
    position: absolute;
    display: none;
    top: 70%;
    height: 23%;
    width: 44%;
    left: 28%;
}

.container.type8 .mipai_box.on {
    display: block;
}

.container.type8 .mipai_item.item1 {
    left: 1.2%;
}

.container.type8 .mipai_item.item2 {
    right: 26%;
}

.container.type8 .mipai_item.item3 {
    left: 26%;
}

.container.type8 .mipai_item.item4 {
    right: 1.2%;
}

.container.type8 .mipai_item.item5 {
    left: 13.2%;
}

.container.type8 .mipai_item.item6 {
    right: 13.2%;
}

.container.type8 .mipai_item {
    height: 100%;
    position: absolute;
    z-index: 2;
    width: 23%;
}

.container.type8 .mipai_item canvas {
    height: 100%;
    width: 100%;
}

.container.type8 .commission {
    display: none;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    z-index: 3;
    left: 50%;
    color: #FFF;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid rgb(168 168 169 / 1);
    background: linear-gradient(110deg,rgb(71 77 92 / .9),rgb(42 43 48 / .9));
    transform: translate(-50%,-50%);
    font-size: 1.2rem;
    top: 49.5%;
    width: 32%;
    height: 15%;
}

.container.type8 .commission.on {
    display: flex;
    animation: bounce01 0.5s;
}

.container.type8 .commission .commission_content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3%;
}

.container.type8 .commission .commission_content i {
    width: 14%;
    padding-bottom: 12%;
    margin-right: 3%;
    background-size: 100% 15000%;
    background-position: center 45.47%;
    background-repeat: no-repeat;
}

.container.type8 .commission .text_top {
    max-width: 77%;
}

.container.type8 .commission .open,.container.type8 .commission .close {
    display: none;
}

.container.type8 .commission .text_bottom {
    display: none;
    text-align: center;
    width: 100%;
    justify-content: center;
    font-size: 1.5rem;
}

.container.type8 .commission[style-type='1'] .open,.container.type8 .commission[style-type='1'] .text_bottom {
    display: flex;
}

.container.type8 .commission[style-type='2'] .close {
    display: flex;
}

.container.type8 .status_box span {
    margin: 0 3%;
}

.landscape .container.type8.grouptype72 .table_box.on.hide {
    display: none;
}

.container.type8 .table_box {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_8/table_01.png') no-repeat 0 0 / 100% 100%;
    bottom: 26.6%;
    height: 18.6%;
    left: 9.75%;
    position: absolute;
    width: 80.5%;
    opacity: 0;
}

.container.type8 .table_box.on {
    opacity: 1;
}

.container.type8.grouptype22 .table_box {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_8/table_01_b.png') no-repeat 0 0 / 100% 100%;
}

.container.type8 .table_box .table_item {
    color: #FFF;
    position: absolute;
}

.container.type8 .table_box .table_item.banker {
    height: 52%;
    left: 56.8%;
    bottom: 0%;
    width: 14.2%;
}

.container.type8 .table_box .table_item.player {
    height: 52%;
    left: 28.9%;
    bottom: 0%;
    width: 14.2%;
}

.container.type8 .table_box .table_item.tie {
    height: 52%;
    left: 43.1%;
    bottom: 0%;
    width: 13.8%;
}

.container.type8 .table_box .table_item.players {
    height: 52%;
    left: 13.2%;
    bottom: 0;
    width: 15.2%;
}

.container.type8 .table_box .table_item.playern {
    height: 45%;
    left: 3%;
    top: 0%;
    width: 14.7%;
}

.container.type8 .table_box .table_item.bankers {
    height: 52%;
    left: 71.5%;
    bottom: 0;
    width: 15.2%;
}

.container.type8 .table_box .table_item.bankern {
    height: 45%;
    right: 3.1%;
    top: 0%;
    width: 14.7%;
}

.container.type8 .table_box .table_item.anypair {
    height: 45%;
    left: 16%;
    top: 0%;
    width: 14%;
}

.container.type8 .table_box .table_item.playerd {
    height: 52%;
    left: 0;
    bottom: 0%;
    width: 15.2%;
}

.container.type8 .table_box .table_item.perfectpair {
    height: 45%;
    left: 69.9%;
    top: 0%;
    width: 14%;
}

.container.type8 .table_box .table_item.bankerd {
    height: 52%;
    right: 0;
    bottom: 0%;
    width: 15.2%;
}

.container.type8 .table_box .table_item.supersix {
    height: 45%;
    left: 43.6%;
    top: 0%;
    width: 12.8%;
}

.container.type8 .table_box .table_item.big {
    display: flex;
    height: 45%;
    left: 30.6%;
    top: 0%;
    width: 13.1%;
}

.container.type8 .table_box .table_item.small {
    display: flex;
    height: 45%;
    left: 56.3%;
    top: 0%;
    width: 13.1%;
}

.container.type8 .table_box .table_item.superseven,.container.type8 .table_box .table_item.superluckyseven,.container.type8 .table_box .table_item.xiongBa,.container.type8 .table_box .table_item.littleTiger,.container.type8 .table_box .table_item.bigTiger,.container.type8 .table_box .table_item.longQi {
    display: none;
}

.container.type8 .table_box .table_item .chips_item {
    position: absolute;
    width: 18%;
    height: 25.5%;
    transform: translate(-50%,100%);
    left: 50%;
}

.container.type8 .table_box .table_item .playerbet_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.container.type8 .table_box .name_odd_box {
    position: absolute;
    white-space: nowrap;
    top: 8%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    line-height: 1.1rem;
    height: 70%;
    width: 81%;
}

.container.type8 .table_box .table_item.banker .name_odd_box {
    left: 46%;
    transform: translate(-50%,0) skewX(5deg);
    -webkit-text-stroke: 0.01rem #732020;
    color: #fdcccf;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.player .name_odd_box {
    left: 52%;
    transform: translate(-50%,0) skewX(-5deg);
    -webkit-text-stroke: 0.01rem #0021c7;
    color: #cfdfff;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.tie .name_odd_box {
    left: 50%;
    transform: translate(-50%,0);
    -webkit-text-stroke: 0.01rem #058408;
    color: #d7ebe0;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.players .name_odd_box {
    left: 50%;
    transform: translate(-50%,0) skewX(-17deg);
    -webkit-text-stroke: 0.01rem #0021c7;
    color: #cfdfff;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.playern .name_odd_box {
    left: 52%;
    transform: translate(-50%,0) skewX(-23deg);
    -webkit-text-stroke: 0.01rem #0021c7;
    color: #cfdfff;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.bankers .name_odd_box {
    left: 46%;
    transform: translate(-50%,0) skewX(17deg);
    -webkit-text-stroke: 0.01rem #732020;
    color: #fdcccf;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.bankern .name_odd_box {
    left: 48%;
    transform: translate(-50%,0) skewX(23deg);
    -webkit-text-stroke: 0.01rem #732020;
    color: #fdcccf;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.anypair .name_odd_box {
    left: 53%;
    transform: translate(-50%,0) skewX(-17deg);
    -webkit-text-stroke: 0.01rem #0021c7;
    color: #cfdfff;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.playerd .name_odd_box {
    left: 53%;
    transform: translate(-50%,0) skewX(-23deg);
    -webkit-text-stroke: 0.01rem #0021c7;
    color: #cfdfff;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.perfectpair .name_odd_box {
    left: 48%;
    transform: translate(-50%,0) skewX(17deg);
    -webkit-text-stroke: 0.01rem #732020;
    color: #fdcccf;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.bankerd .name_odd_box {
    left: 48%;
    transform: translate(-50%,0) skewX(23deg);
    -webkit-text-stroke: 0.01rem #732020;
    color: #fdcccf;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.small .name_odd_box {
    left: 48%;
    transform: translate(-50%,0) skewX(5deg);
    -webkit-text-stroke: 0.01rem #732020;
    text-shadow: 0 0 0.2rem #732020,0 0 0.2rem #732020,0 0 0.2rem #732020,0 0 0.2rem #732020,0 0 0.2rem #732020,0 0 0.2rem #732020;
    text-stroke: .5px #732020;
}

.container.type8 .table_box .table_item.big .name_odd_box {
    left: 50%;
    transform: translate(-50%,0) skewX(-5deg);
    -webkit-text-stroke: 0.01rem #0021c7;
    text-shadow: 0 0 0.2rem #0021c7,0 0 0.2rem #0021c7,0 0 0.2rem #0021c7,0 0 0.2rem #0021c7,0 0 0.2rem #0021c7,0 0 0.2rem #0021c7;
    text-stroke: .5px #0021c7;
}

.container.type8 .table_box .bet_name {
    font-weight: bold;
    font-size: 0.89rem;
}

.container.type8 .table_box .table_item.banker .bet_name,.container.type8 .table_box .table_item.player .bet_name,.container.type8 .table_box .table_item.tie .bet_name,.container.type8 .table_box .table_item.players .bet_name,.container.type8 .table_box .table_item.bankers .bet_name,.container.type8 .table_box .table_item.playerd .bet_name,.container.type8 .table_box .table_item.bankerd .bet_name {
    margin-bottom: 0.3rem;
}

.container.type8 .table_box .ui_3_odds {
    font-size: 1rem;
    font-weight: bold;
}

.container.type8 .table_box .mybet_money {
    position: absolute;
    color: #FFF;
    bottom: 25%;
    font-size: 0.8rem;
    font-weight: 700;
    left: 50%;
    transform: translate(-50%,0);
    align-items: center;
    padding: .1% 10%;
    border-radius: 6rem;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 80%);
}

.container.type8 .table_box .table_item.banker .mybet_money {
    left: 50%;
}

.container.type8 .table_box .table_item.supersix .mybet_money {
    left: 50%;
}

.container.type8 .table_box .table_item.player .mybet_money {
    left: 49%;
}

.container.type8 .table_box .table_item.superseven .mybet_money {
    left: 49%;
}

.container.type8 .table_box .table_item.tie .mybet_money {
    left: 50%;
}

.container.type8 .table_box .table_item.superseven .mybet_money {
    left: 50%;
}

.container.type8 .table_box .table_item.players .mybet_money {
    left: 48%;
}

.container.type8 .table_box .table_item.playern .mybet_money {
    left: 47%;
}

.container.type8 .table_box .table_item.bankers .mybet_money {
    left: 53%;
}

.container.type8 .table_box .table_item.bankern .mybet_money {
    left: 54%;
}

.container.type8 .table_box .table_item.anypair .mybet_money {
    left: 47%;
}

.container.type8 .table_box .table_item.playerd .mybet_money {
    left: 46%;
}

.container.type8 .table_box .table_item.perfectpair .mybet_money {
    left: 54%;
}

.container.type8 .table_box .table_item.bankerd .mybet_money {
    left: 55%;
}

.container.type8 .table_box .table_item div div {
    text-align: center;
}

.container.type8 .table_box .table_item.superluckyseven .ui_3_odds,.container.type8 .table_box .table_item.superseven .ui_3_odds,.container.type8 .table_box .table_item.supersix .ui_3_odds,.container.type8 .table_box .table_item.playerd .ui_3_odds,.container.type8 .table_box .table_item.bankerd .ui_3_odds {
    display: none;
}

.container.type8 .table_box .table_item.playerd .ui8Odd,.container.type8 .table_box .table_item.bankerd .ui8Odd {
    display: flex;
}

.container.type8 .table_box .table_item.superluckyseven .name_odd_box .bet_name {
    -webkit-text-stroke: 0.2rem transparent;
}

.container.type8 .table_box .table_item.superluckyseven .name_odd_box .text_736::before {
    background: linear-gradient(135deg,#f5af19 0%,#f12711 25%,#a200ff 50%,#00d4ff 75%,#00ff87 100%);
    -webkit-background-clip: text;
}

.container.type8 .table_box .table_item .betRule {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #FFF;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 54%;
    font-size: .75rem;
    font-weight: bold;
    white-space: nowrap;
}

.container.type8 .table_box .table_item .betRule.otherLanguage {
    font-size: 1rem;
}

.container.type8 .table_box .table_item .betRule div {
    justify-content: center;
    display: flex;
}

.container.type8 .table_box .table_item .people_money_box {
    position: absolute;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 20%);
    border-radius: 5rem;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%,0);
    box-shadow: inset 0 0 0px 1px rgb(74 213 159 / 27%);
    font-size: .9rem;
    min-width: 30%;
}

.container.type8 .table_box .table_item.banker .people_money_box {
    left: 50%;
}

.container.type8 .table_box .table_item.supersix .people_money_box {
    left: 50%;
}

.container.type8 .table_box .table_item.player .people_money_box {
    left: 49%;
}

.container.type8 .table_box .table_item.superseven .people_money_box {
    left: 49%;
}

.container.type8 .table_box .table_item.tie .people_money_box {
    left: 50%;
}

.container.type8 .table_box .table_item.superseven .people_money_box {
    left: 50%;
}

.container.type8 .table_box .table_item.players .people_money_box {
    left: 46%;
}

.container.type8 .table_box .table_item.playern .people_money_box {
    left: 45%;
}

.container.type8 .table_box .table_item.bankers .people_money_box {
    left: 55%;
}

.container.type8 .table_box .table_item.bankern .people_money_box {
    left: 57%;
}

.container.type8 .table_box .table_item.anypair .people_money_box {
    left: 47%;
}

.container.type8 .table_box .table_item.playerd .people_money_box {
    left: 42%;
}

.container.type8 .table_box .table_item.perfectpair .people_money_box {
    left: 55%;
}

.container.type8 .table_box .table_item.bankerd .people_money_box {
    left: 58%;
}

.container.type8 .table_box .totalbet_money::after {
    content: '/';
}

.container.type8 .table_box .table_item.opencard::after {
    animation: portrait_opencard 1s linear 0s 7 forwards;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    z-index: 2;
    pointer-events: none;
}

.container.type8.godVideo .table_box .table_item.opencard::after {
    animation: portrait_opencard 1s linear 0s 7 forwards;
}

.container.type8.two_videos .table_box .table_item.opencard::after {
    animation: portrait_opencard 1s linear 0s 7 forwards;
}

.container.type8 .table_box .table_item.betstatus::before,.container.type8 .table_box .table_item:hover::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-image: url('../../images/C_images/all_bg/iframe_101/bet/style_8/hover.png');
    width: 100%;
    height: 100%;
    content: '';
}

.container.type8 .table_box.overRound .table_item.small::before,.container.type8 .table_box.overRound .table_item.big::before {
    background-repeat: no-repeat;
    background-image: url('../../images/C_images/all_bg/iframe_101/bet/style_8/hover.png');
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
}

.container.type8 .table_box.overRound .table_item.opencard.small::after,.container.type8 .table_box.overRound .table_item.opencard.big::after {
    animation: none!important;
    background-color: transparent!important;
    display: none!important;
}

.container.type8 .table_box .banker.table_item.betstatus::before,.container.type8 .table_box .banker.table_item:hover::before {
    background-position: 65.8% 100%;
    background-size: 720% 188%;
}

.container.type8 .table_box .player.table_item.betstatus::before,.container.type8 .table_box .player.table_item:hover::before {
    background-position: 34.1% 100%;
    background-size: 720% 188%;
}

.container.type8 .table_box .tie.table_item.betstatus::before,.container.type8 .table_box .tie.table_item:hover::before {
    background-position: 50.1% 100%;
    background-size: 744% 188%;
}

.container.type8 .table_box .bankers.table_item.betstatus::before,.container.type8 .table_box .bankers.table_item:hover::before {
    background-position: 82.8% 100%;
    background-size: 683% 188%;
}

.container.type8 .table_box .bankern.table_item.betstatus::before,.container.type8 .table_box .bankern.table_item:hover::before {
    background-position: 97% 0%;
    background-size: 700% 221%;
}

.container.type8 .table_box .players.table_item.betstatus::before,.container.type8 .table_box .players.table_item:hover::before {
    background-position: 17.1% 100%;
    background-size: 683% 188%;
}

.container.type8 .table_box .playern.table_item.betstatus::before,.container.type8 .table_box .playern.table_item:hover::before {
    background-position: 3.2% 0%;
    background-size: 700% 221%;
}

.container.type8 .table_box .anypair.table_item.betstatus::before,.container.type8 .table_box .anypair.table_item:hover::before {
    background-position: 19.8% 0%;
    background-size: 736% 220%;
}

.container.type8 .table_box .playerd.table_item.betstatus::before,.container.type8 .table_box .playerd.table_item:hover::before {
    background-position: 0% 100%;
    background-size: 690% 188%;
}

.container.type8 .table_box .perfectpair.table_item.betstatus::before,.container.type8 .table_box .perfectpair.table_item:hover::before {
    background-position: 79.8% 0%;
    background-size: 736% 220%;
}

.container.type8 .table_box .bankerd.table_item.betstatus::before,.container.type8 .table_box .bankerd.table_item:hover::before {
    background-position: 100.1% 100%;
    background-size: 680% 188%;
}

.container.type8 .table_box .supersix.table_item.betstatus::before,.container.type8 .table_box .supersix.table_item:hover::before {
    background-position: 49.8% 0%;
    background-size: 800% 220%;
}

.container.type8 .table_box .big.table_item.betstatus::before,.container.type8 .table_box .big.table_item:hover::before,.container.type8 .table_box.overRound .big.table_item::before {
    background-position: 35.3% 0%;
    background-size: 787% 220%;
}

.container.type8 .table_box .small.table_item.betstatus::before,.container.type8 .table_box .small.table_item:hover::before,.container.type8 .table_box.overRound .small.table_item::before {
    background-position: 64.3% 0%;
    background-size: 787% 220%;
}

.container.type8 .table_box .table_item.opencard::after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-image: url('../../images/C_images/all_bg/iframe_101/bet/style_8/open.png');
    width: 100%;
    height: 100%;
    content: '';
    animation: portrait_opencard 1s linear 0s 7 forwards;
}

.container.type8 .table_box .banker.table_item.opencard::after {
    background-position: 65.8% 100%;
    background-size: 720% 188%;
}

.container.type8 .table_box .small.table_item.opencard::after {
    background-position: 64.3% 0%;
    background-size: 787% 220%;
}

.container.type8 .table_box .player.table_item.opencard::after {
    background-position: 34.1% 100%;
    background-size: 720% 188%;
}

.container.type8 .table_box .big.table_item.opencard::after {
    background-position: 35.3% 0%;
    background-size: 787% 220%;
}

.container.type8 .table_box .tie.table_item.opencard::after {
    background-position: 50.1% 100%;
    background-size: 744% 188%;
}

.container.type8 .table_box .bankers.table_item.opencard::after {
    background-position: 82.8% 100%;
    background-size: 683% 188%;
}

.container.type8 .table_box .bankern.table_item.opencard::after {
    background-position: 97% 0%;
    background-size: 700% 221%;
}

.container.type8 .table_box .players.table_item.opencard::after {
    background-position: 17.1% 100%;
    background-size: 683% 188%;
}

.container.type8 .table_box .playern.table_item.opencard::after {
    background-position: 3.2% 0%;
    background-size: 700% 221%;
}

.container.type8 .table_box .anypair.table_item.opencard::after {
    background-position: 19.8% 0%;
    background-size: 736% 220%;
}

.container.type8 .table_box .playerd.table_item.opencard::after {
    background-position: 0% 100%;
    background-size: 690% 188%;
}

.container.type8 .table_box .perfectpair.table_item.opencard::after {
    background-position: 79.8% 0%;
    background-size: 736% 220%;
}

.container.type8 .table_box .bankerd.table_item.opencard::after {
    background-position: 100.1% 100%;
    background-size: 680% 188%;
}

.container.type8 .table_box .superluckyseven.table_item.opencard::after {
    background-position: 49.8% 0%;
    background-size: 800% 220%;
}

.container.type8 .table_box .superseven.table_item.opencard::after {
    background-position: 35.3% 0%;
    background-size: 787% 220%;
}

.container.type8 .table_box .supersix.table_item.opencard::after {
    background-position: 64.3% 0%;
    background-size: 787% 220%;
}

.container.type8 .table_info_box .table_info_center .table_info_center_bottom .table_info_center_bottom_bar.blue {
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
}

.container.type8 .table_info_box .table_info_center .table_info_center_bottom .table_info_center_bottom_bar.red {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
}

.container.type8.grouptype21 .bet_attach_btn.on {
    background-position: 0.6% 90.7%;
}

.container.type8.grouptype18 .bet_attach_btn.on,.container.type8.grouptype19 .bet_attach_btn.on,.container.type8.grouptype20 .bet_attach_btn.on,.container.type8.grouptype36 .bet_attach_btn.on {
    background-position: 0.6% 84.17%;
}

.container.type8 .bet_attach_btn span::before {
    display: none;
}

.container.type8.group1.electronic {
    background-color: #1d654f;
}

.container.type8.group2.electronic {
    background-color: #1d654f;
}

.container.type8.group3.electronic {
    background-color: #1d654f;
}

.container.type8.group5.electronic {
    background-color: #1d654f;
}

.container.type8.group6.electronic {
    background-color: #1d654f;
}

.container.type8.group7.electronic {
    background-color: #1d654f;
}

.container.type8.group8.electronic {
    background-color: #1d654f;
}

.container.type8.group31.electronic {
    background-color: #349397;
}

.container.type8.group32.electronic {
    background-color: #349397;
}

.container.type8.group33.electronic {
    background-color: #349397;
}

.container.type8.group35.electronic {
    background-color: #c62153;
}

.container.type8.group36.electronic {
    background-color: #c62153;
}

.container.type8.group37.electronic {
    background-color: #c62153;
}

.container.type8.group101.electronic {
    background-color: #0c6c7d;
}

.container.type8.group102.electronic {
    background-color: #067e93;
}

.container.type8.group103.electronic {
    background-color: #007e8d;
}

.container.type8.group105.electronic {
    background-color: #086b7e;
}

.container.type8.group106.electronic {
    background-color: #157078;
}

.container.type8.group109.electronic {
    background-color: #1e6b78;
}

.container.type8.group110.electronic {
    background-color: #207b70;
}

.container.type8.group112.electronic {
    background-color: #973958;
}

.container.type8.group113.electronic {
    background-color: #973958;
}

.container.type8.group115.electronic {
    background-color: #973958;
}

.container.type8.group116.electronic {
    background-color: #973958;
}

.container.type8.group341.electronic {
    background-color: #0f3a2d;
}

.container.type8.group342.electronic {
    background-color: #10402f;
}

.container.type8.group343.electronic {
    background-color: #175640;
}

.container.type8.group501.electronic {
    background-color: #3b3d9d;
}

.container.type8.group502.electronic {
    background-color: #3b3d9d;
}

.container.type8.group503.electronic {
    background-color: #3b3d9d;
}

.container.type8.group505.electronic {
    background-color: #3b3d9d;
}

.container.type8.group506.electronic {
    background-color: #3b3d9d;
}

.container.type8 .points .type61[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr1_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type61[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr1_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type61[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr1_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type61[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr1_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type61[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr1_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type61[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr1_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type61[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr1_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type61[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr1_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type61[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr1_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type62[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr11_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type62[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr11_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type62[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr11_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type62[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr11_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type62[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr11_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type62[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr11_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type62[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr11_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type62[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr11_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type62[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr11_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type63[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr6_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type63[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr6_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type63[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr6_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type63[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr6_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type63[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr6_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type63[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr6_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type63[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr6_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type63[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr6_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type63[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr6_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type64[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr16_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type64[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr16_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type64[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr16_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type64[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr16_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type64[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr16_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type64[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr16_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type64[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr16_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type64[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr16_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type64[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr16_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type65[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr2_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type65[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr2_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type65[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr2_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type65[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr2_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type65[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr2_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type65[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr2_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type65[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr2_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type65[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr2_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type65[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr2_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type66[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr12_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type66[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr12_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type66[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr12_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type66[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr12_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type66[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr12_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type66[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr12_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type66[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr12_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type66[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr12_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type66[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr12_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type67[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr7_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type67[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr7_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type67[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr7_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type67[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr7_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type67[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr7_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type67[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr7_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type67[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr7_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type67[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr7_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type67[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr7_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type68[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr17_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type68[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr17_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type68[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr17_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type68[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr17_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type68[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr17_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type68[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr17_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type68[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr17_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type68[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr17_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type68[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr17_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type69[data-points="0"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr3_0.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type69[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr3_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type69[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr3_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type69[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr3_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type69[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr3_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type69[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr3_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type69[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr3_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type69[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr3_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type69[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr3_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type69[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr3_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type70[data-points="0"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr13_0.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type70[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr13_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type70[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr13_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type70[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr13_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type70[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr13_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type70[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr13_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type70[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr13_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type70[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr13_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type70[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr13_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type70[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr13_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type71[data-points="0"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr8_0.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type71[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr8_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type71[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr8_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type71[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr8_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type71[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr8_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type71[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr8_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type71[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr8_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type71[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr8_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type71[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr8_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type71[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr8_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type72[data-points="0"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr18_0.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type72[data-points="1"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr18_1.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type72[data-points="2"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr18_2.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type72[data-points="3"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr18_3.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type72[data-points="4"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr18_4.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type72[data-points="5"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr18_5.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type72[data-points="6"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr18_6.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type72[data-points="7"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr18_7.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type72[data-points="8"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr18_8.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .points .type72[data-points="9"] {
    background: url('../../images/C_images/bigroad_points_ui7/cr18_9.svg') no-repeat 0 0/100% 100%;
}

.container.type8 .wenlu_btn span.text_283,.container.type8 .wenlu_btn span.text_286 {
    display: none;
}

.container.type8 .change_video_box {
    z-index: 1;
    position: absolute;
    top: 2.5%;
    left: 57%;
    width: 11%;
    height: 3.5%;
    align-items: center;
    justify-content: center;
    padding: 0 .2%;
    box-shadow: inset 0 0 0 2px #7e7e7e;
    color: #FFF;
    background-color: rgb(0 0 0 / 80%);
    border-radius: 8rem;
}

.container.type8 .change_video_box .change_video_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 78%;
    font-size: 1rem;
}

.container.type8 .change_video_box .change_video_btn.on {
    color: #000;
    background-color: #FFF;
    border-radius: 5rem;
}

.container.type8 .table_box .table_item.big,.container.type8 .table_box .table_item.small {
    display: none;
}

.container.type8 .table_box .table_item.superseven {
    display: flex;
    height: 45%;
    left: 30.6%;
    top: 0%;
    width: 13.1%;
}

.container.type8 .table_box .table_item.superluckyseven {
    display: flex;
    height: 45%;
    left: 43.6%;
    top: 0%;
    width: 12.8%;
}

.container.type8 .table_box .table_item.supersix {
    height: 45%;
    left: 56.3%;
    top: 0%;
    width: 13.1%;
}

.container.type8 .table_box .table_item.supersix .name_odd_box {
    width: initial;
    height: initial;
    left: 48%;
    top: 17%;
    transform: translate(-50%,0) skewX(5deg);
    -webkit-text-stroke: 0.01rem #732020;
    color: #fdcccf;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.superseven .name_odd_box {
    width: initial;
    height: initial;
    left: 50%;
    top: 17%;
    transform: translate(-50%,0) skewX(-5deg);
    -webkit-text-stroke: 0.01rem #0021c7;
    color: #cfdfff;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
}

.container.type8 .table_box .table_item.superluckyseven .name_odd_box {
    width: initial;
    height: initial;
    left: 50%;
    top: 17%;
    transform: translate(-50%,0);
}

.container.type8 .table_box .superluckyseven.table_item.betstatus::before,.container.type8 .table_box .superluckyseven.table_item:hover::before {
    background-position: 49.8% 0%;
    background-size: 800% 220%;
}

.container.type8 .table_box .superseven.table_item.betstatus::before,.container.type8 .table_box .superseven.table_item:hover::before,.container.type8 .table_box.overRound .big.table_item::before {
    background-position: 35.3% 0%;
    background-size: 787% 220%;
}

.container.type8 .table_box .supersix.table_item.betstatus::before,.container.type8 .table_box .supersix.table_item:hover::before,.container.type8 .table_box.overRound .small.table_item::before {
    background-position: 64.3% 0%;
    background-size: 787% 220%;
}

.container.type8 .table_info_box .table_info_bottom .table_info_bottom_list {
    height: 14.28%;
}

.container.type8 .table_box .table_item.supersix .ui_3_odds {
    display: none;
}

.container.type8 .table_box .table_item .betRule p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 3%;
    word-spacing: 3px;
}

.container.type8 .table_box .table_item .betRule span {
    margin: 0 3%;
}

.container.type8 .table_box .table_item.superluckyseven .betRule {
    color: #FCEE2F;
    flex-flow: wrap;
    width: 100%;
}

.container.type8 .table_box .table_item.supersix .betRule.otherLanguage,.container.type8 .table_box .table_item.superluckyseven .betRule.otherLanguage,.container.type8 .table_box .table_item.superseven .betRule.otherLanguage {
    top: 59%;
}

.container.type8 .table_box .table_item.supersix .betRule.otherLanguage {
    -webkit-text-stroke: 0.01rem #732020;
    text-shadow: 0 0 0.2rem #732020,0 0 0.2rem #732020,0 0 0.2rem #732020,0 0 0.2rem #732020,0 0 0.2rem #732020,0 0 0.2rem #732020;
}

.container.type8 .table_box .table_item.superluckyseven .betRule.otherLanguage {
    -webkit-text-stroke: 0.01rem #058408;
    text-shadow: 0 0 0.2rem #058408,0 0 0.2rem #058408,0 0 0.2rem #058408,0 0 0.2rem #058408,0 0 0.2rem #058408,0 0 0.2rem #058408;
}

.container.type8 .table_box .table_item.superseven .betRule.otherLanguage {
    -webkit-text-stroke: 0.01rem #0021c7;
    text-shadow: 0 0 0.2rem #0021c7,0 0 0.2rem #0021c7,0 0 0.2rem #0021c7,0 0 0.2rem #0021c7,0 0 0.2rem #0021c7,0 0 0.2rem #0021c7;
}

.container.type8 .table_box .table_item.superluckyseven .superluckyseven .betRule {
    color: #FCEE2F;
}

.container.type8.grouptype40 .change_video_box {
    display: flex;
    left: 31%;
}

.container.type8.two_videos .totl_bet {
    align-items: center;
    background-color: rgb(0 0 0 / 80%);
    border-radius: 7rem;
    box-shadow: inset 0 0 8px rgb(255 255 255 / 50%),inset 0 0 0px 2px rgb(159 159 159 / 50%);
    color: #FFF;
    display: flex;
    font-size: 1rem;
    height: 3.5%;
    justify-content: center;
    left: 2%;
    position: absolute;
    top: 18%;
    width: 9%;
}

.container.type8.two_videos .video_box {
    background-color: #000;
    box-shadow: -2px 0 #FFF;
    display: flex;
    height: 51%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

.container.type8.two_videos .countdown-box {
    left: 4%;
    padding-bottom: 4.9%;
    top: 9%;
    width: 4.9%;
}

.container.type8.two_videos .buttonContainer button {
    margin-bottom: 40%;
}

.container.type8.two_videos .portrait_bg {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_3/bg.jpg') no-repeat 0 0 / 100% 100%;
    box-shadow: inset 0 2px #FFF;
    height: 24.1%;
    position: absolute;
    right: 0;
    top: 51%;
    width: 100%;
}

html[co=kx] .container.type8.two_videos .portrait_bg,html[co=hm] .container.type8.two_videos .portrait_bg,html[co=ks] .container.type8.two_videos .portrait_bg,html[co=jd] .container.type8.two_videos .portrait_bg {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_3/bg01.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.two_videos .hall_video_btn,.container.type8.two_videos .shuffle_video_btn {
    align-items: center;
    background-color: rgb(0 0 0 / 0.7);
    border: 1px solid #FFF;
    border-radius: 0.5rem;
    color: #FFF;
    display: flex;
    font-size: 1rem;
    font-weight: bold;
    height: 4%;
    justify-content: center;
    position: absolute;
    top: 0.5%;
    white-space: nowrap;
    width: 6%;
}

.container.type8.two_videos .hall_video_btn.on,.container.type8.two_videos .shuffle_video_btn.on {
    border-color: #D5BC85;
    color: #D5BC85;
}

.container.type8.two_videos .hall_video_btn {
    right: 7%;
}

.container.type8.two_videos .shuffle_video_btn {
    right: 0.5%;
}

.container.type8.two_videos .hall_video_btn span,.container.type8.two_videos .shuffle_video_btn span {
    display: none;
}

.container.type8.two_videos .hall_video_btn .text_6447,.container.type8.two_videos .shuffle_video_btn .text_6448 {
    display: flex;
}

.container.type8.two_videos .table_box {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/betbg.png') no-repeat center center / 100% 100%;
    bottom: 27%;
    height: 20%;
    left: 50%;
    transform: translate(-50%,0);
    width: 61.4%;
}

.container.type8.two_videos .table_box .table_item {
    align-items: center;
    bottom: 0!important;
    box-sizing: border-box;
    display: none!important;
    flex-direction: column;
    justify-content: center;
    top: initial!important;
}

.container.type8.two_videos .table_box .table_item.banker {
    display: flex!important;
    height: 100%;
    left: 50.3%;
    padding-left: 8.9%;
    width: 31.6%;
}

.container.type8.two_videos .table_box .table_item.player {
    display: flex!important;
    height: 100%;
    left: 18.4%;
    padding-right: 8.9%;
    width: 31.5%;
}

.container.type8.two_videos .table_box .table_item.tie {
    display: flex!important;
    height: 91%;
    left: 41.5%;
    padding-bottom: 2.2%;
    width: 17.4%;
    z-index: 2;
}

.container.type8.two_videos .table_box .table_item.players {
    display: flex!important;
    height: 100%;
    left: 0%;
    width: 18.4%;
}

.container.type8.two_videos .table_box .table_item.bankers {
    display: flex!important;
    height: 100%;
    left: 81.9%;
    width: 18%;
}

.container.type8.two_videos .table_box .name_odd_box {
    height: initial;
    position: initial!important;
    transform: none!important;
    -webkit-text-stroke: initial!important;
    width: initial;
}

.container.type8.two_videos .table_box .table_item.banker .bet_name,.container.type8.two_videos .table_box .table_item.player .bet_name,.container.type8.two_videos .table_box .table_item.tie .bet_name,.container.type8.two_videos .table_box .table_item.players .bet_name,.container.type8.two_videos .table_box .table_item.bankers .bet_name {
    margin-bottom: 1.3rem;
}

.container.type8.two_videos .table_box .people_money_box {
    align-items: center!important;
    background: rgb(19 31 42 / 40%)!important;
    border: none!important;
    border-radius: 7rem!important;
    box-shadow: inset 0 0 0px 1px rgb(255 255 255 / 50%);
    display: flex!important;
    justify-content: center!important;
    margin-top: 1.2rem!important;
    padding: 0.2rem 1rem!important;
    position: initial!important;
    transform: none!important;
}

.container.type8.two_videos .table_box .table_item .chips_item {
    height: 31%!important;
    transform: translate(-50%,94%)!important;
    width: 3rem!important;
}

.container.type8.two_videos .table_box .table_item.tie .chips_item {
    transform: translate(-50%,400%)!important;
}

.container.type8.two_videos .table_box .table_item.banker .chips_item {
    left: 64%;
}

.container.type8.two_videos .table_box .table_item.player .chips_item {
    left: 36%;
}

.container.type8.two_videos .table_box .mybet_money {
    padding: 0.2rem 1rem;
}

.container.type8.two_videos .table_box .table_item.banker .mybet_money {
    left: 64%;
}

.container.type8.two_videos .table_box .table_item.player .mybet_money {
    left: 36%;
}

.container.type8.two_videos .table_box .table_item.tie .mybet_money {
    bottom: 28%;
}

.container.type8.two_videos .table_box .table_item.bankers .mybet_money {
    left: 50%;
}

.container.type8.two_videos .table_box .table_item.players .mybet_money {
    left: 50%;
}

.container.type8.two_videos .table_box .table_item.opencard.banker::after {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/open/open_4.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.opencard.player::after {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/open/open_2.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.opencard.tie::after {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/open/open_3.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.opencard.bankers::after {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/open/open_5.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.opencard.players::after {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/open/open_1.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.betstatus.banker::before {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/bet/bet_4.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.betstatus.player::before {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/bet/bet_2.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.betstatus.tie::before {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/bet/bet_3.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.betstatus.bankers::before {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/bet/bet_5.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.betstatus.players::before {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/bet/bet_1.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.banker:hover::before {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/bet/bet_4.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.player:hover::before {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/bet/bet_2.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.tie:hover::before {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/bet/bet_3.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.bankers:hover::before {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/bet/bet_5.png') no-repeat center center / 100% 100%;
}

.container.type8.two_videos .table_box .table_item.players:hover::before {
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_10/bet/bet_1.png') no-repeat center center / 100% 100%;
}

.container.type8.tableStyle2 .table_box {
    bottom: 7%;
    height: 23%;
    transform: translate(-50%,0);
    left: 50%;
    width: 42%;
    overflow: hidden;
    border-top-left-radius: 1.3rem;
    border-top-right-radius: 1.3rem;
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2/bet_3.png') no-repeat center center / 100% 100%;
    opacity: 1;
}

.container.type8.tableStyle2.grouptype22 .table_box {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2d/bet_3.png') no-repeat center center / 100% 100%;
}

.container.type8.tableStyle2 .table_box.classic {
    background-image: url('../../images/C_images/all_bg/iframe_101/tableStyle2/bet_1.png');
}

.container.type8.tableStyle2.grouptype22 .table_box.classic {
    background-image: url('../../images/C_images/all_bg/iframe_101/tableStyle2d/bet_1.png');
}

.container.type8.tableStyle2 .table_box.super6 {
    background-image: url('../../images/C_images/all_bg/iframe_101/tableStyle2/bet_4.png');
}

.container.type8.tableStyle2.grouptype22 .table_box.super6 {
    background-image: url('../../images/C_images/all_bg/iframe_101/tableStyle2d/bet_4.png');
}

.container.type8.tableStyle2 .table_box.superLucky7 {
    background-image: url('../../images/C_images/all_bg/iframe_101/tableStyle2/bet_2.png');
}

.container.type8.tableStyle2.grouptype22 .table_box.superLucky7 {
    background-image: url('../../images/C_images/all_bg/iframe_101/tableStyle2d/bet_2.png');
}

.container.type8.tableStyle2 .table_box.animalPlay {
    background-image: url('../../images/C_images/all_bg/iframe_101/tableStyle2/bet_2.png');
}

.container.type8.tableStyle2.grouptype22 .table_box.animalPlay {
    background-image: url('../../images/C_images/all_bg/iframe_101/tableStyle2d/bet_2.png');
}

.container.type8.tableStyle2 .table_box .table_item {
    color: #FFF;
    position: absolute;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container.type8.tableStyle2 .table_box .table_item.banker {
    display: flex;
    height: 59.5%;
    width: 43.5%;
    right: 0%;
}

.container.type8.tableStyle2 .table_box .table_item.tie {
    display: flex;
    top: 40.3%;
    height: 60%;
    width: 36.8%;
    z-index: 0;
    left: 31.5%;
}

.container.type8.tableStyle2 .table_box .table_item.player {
    display: flex;
    height: 59.5%;
    width: 43.5%;
    left: 0%;
}

.container.type8.tableStyle2 .table_box.classic .table_item.bankers {
    display: flex;
    top: 0%;
    height: 39.5%;
    width: 50%;
    left: initial;
    right: 0;
}

.container.type8.tableStyle2 .table_box.classic .table_item.players {
    display: flex;
    left: 0%;
    top: 0;
    height: 39.5%;
    width: 50%;
}

.container.type8.tableStyle2 .table_box.dragonBonus .table_item.players {
    display: flex;
    left: 0%;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.dragonBonus .table_item.playerd {
    display: flex;
    left: 25%;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.dragonBonus .table_item.bankerd {
    display: flex;
    left: 50%;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.dragonBonus .table_item.bankers {
    display: flex;
    width: 25%;
    height: 39.5%;
    top: 0;
    right: 0;
    left: initial;
}

.container.type8.tableStyle2 .table_box.super6 .table_item.big {
    display: flex;
    left: 0;
    width: 33.3%;
    height: 39.5%;
    top: 0;
}

.container.type8.tableStyle2 .table_box.super6 .table_item.supersix {
    display: flex;
    left: 33.3%;
    top: 0;
    width: 33.3%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.super6 .table_item.small {
    display: flex;
    top: 0;
    left: initial;
    right: 0;
    width: 33.3%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.superLucky7 .table_item.superseven {
    display: flex;
    left: 20%;
    top: 0;
    width: 20%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.superLucky7 .table_item.superluckyseven {
    display: flex;
    left: 40%;
    top: 0;
    width: 20%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.superLucky7 .table_item.supersix {
    display: flex;
    top: 0;
    left: 60%;
    width: 20%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.superLucky7 .table_item.players {
    display: flex;
    left: 0;
    top: 0;
    width: 20%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.superLucky7 .table_item.bankers {
    display: flex;
    width: 20%;
    height: 39.5%;
    top: 0;
    right: 0;
    left: initial;
}

.container.type8.tableStyle2 .table_box.animalPlay .table_item.littleTiger {
    display: flex;
    left: 20%;
    top: 0;
    width: 20%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.animalPlay .table_item.supersix {
    display: flex;
    left: 40%;
    top: 0;
    width: 20%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.animalPlay .table_item.bigTiger {
    display: flex;
    top: 0;
    left: 60%;
    width: 20%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.animalPlay .table_item.xiongBa {
    display: flex;
    left: 0;
    top: 0;
    width: 20%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.animalPlay .table_item.longQi {
    display: flex;
    width: 20%;
    height: 39.5%;
    top: 0;
    right: 0;
    left: initial;
}

.container.type8 .table_box.animalPlay .table_item.littleTiger .name_odd_box {
    -webkit-text-stroke: 0.01rem #e74d4d;
    text-shadow: 0 0 0.5rem #ff3340,0 0 0.5rem #ff3340;
}

.container.type8.tableStyle2 .table_box.natural .table_item.players {
    display: flex;
    left: 0%;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.natural .table_item.playern {
    display: flex;
    left: 25%;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.natural .table_item.bankern {
    display: flex;
    left: 50%;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.natural .table_item.bankers {
    display: flex;
    width: 25%;
    height: 39.5%;
    top: 0;
    left: initial;
    right: 0;
}

.container.type8.tableStyle2 .table_box.naturalDragonBonu .table_item.playerd {
    display: flex;
    left: 0;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.naturalDragonBonu .table_item.playern {
    display: flex;
    left: 25%;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.naturalDragonBonu .table_item.bankern {
    display: flex;
    left: 50%;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.naturalDragonBonu .table_item.bankerd {
    display: flex;
    width: 25%;
    height: 39.5%;
    top: 0;
    left: initial;
    right: 0;
}

.container.type8.tableStyle2 .table_box.Pair .table_item.players {
    display: flex;
    left: 0%;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.Pair .table_item.anypair {
    display: flex;
    left: 25%;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.Pair .table_item.perfectpair {
    display: flex;
    left: 50%;
    top: 0;
    width: 25%;
    height: 39.5%;
}

.container.type8.tableStyle2 .table_box.Pair .table_item.bankers {
    display: flex;
    width: 25%;
    height: 39.5%;
    top: 0;
    left: initial;
    right: 0;
}

.container.type8.tableStyle2 .table_box .table_item.betstatus::before,.container.type8.tableStyle2 .table_box .table_item:hover::before {
    background: rgb(0 0 0 / 40%);
}

.container.type8.tableStyle2 .table_box .table_item.banker.betstatus::before,.container.type8.tableStyle2 .table_box .table_item.banker:hover::before {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2/bet/bet_3.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2.grouptype22 .table_box .table_item.banker.betstatus::before,.container.type8.tableStyle2.grouptype22 .table_box .table_item.banker:hover::before {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2d/bet/bet_3.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2 .table_box .table_item.player.betstatus::before,.container.type8.tableStyle2 .table_box .table_item.player:hover::before {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2/bet/bet_1.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2.grouptype22 .table_box .table_item.player.betstatus::before,.container.type8.tableStyle2.grouptype22 .table_box .table_item.player:hover::before {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2d/bet/bet_1.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2 .table_box .table_item.tie.betstatus::before,.container.type8.tableStyle2 .table_box .table_item.tie:hover::before {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2/bet/bet_2.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2.grouptype22 .table_box .table_item.tie.betstatus::before,.container.type8.tableStyle2.grouptype22 .table_box .table_item.tie:hover::before {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2d/bet/bet_2.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2 .table_box .table_item.opencard::after {
    background: rgb(255 255 255 / 40%);
}

.container.type8.tableStyle2 .table_box .table_item.banker.opencard::after {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2/open/open_3.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2.grouptype22 .table_box .table_item.banker.opencard::after {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2d/open/open_3.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2 .table_box .table_item.player.opencard::after {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2/open/open_1.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2.grouptype22 .table_box .table_item.player.opencard::after {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2d/open/open_1.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2 .table_box .table_item.tie.opencard::after {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2/open/open_2.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2.grouptype22 .table_box .table_item.tie.opencard::after {
    background: url('../../images/C_images/all_bg/iframe_101/tableStyle2d/open/open_2.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2 .table_box .name_odd_box {
    transform: none!important;
    position: initial;
    width: initial;
    height: initial;
    line-height: initial;
}

.container.type8.tableStyle2 .table_box .table_item .chips_item {
    width: 2.5rem;
    height: 2rem;
    transform: translate(-50%,60%);
}

.container.type8.tableStyle2 .table_box .table_item.banker .chips_item,.container.type8.tableStyle2 .table_box .table_item.player .chips_item,.container.type8.tableStyle2 .table_box .table_item.tie .chips_item {
    transform: translate(-50%,120%);
}

.container.type8.tableStyle2 .table_box .table_item.banker .mybet_money,.container.type8.tableStyle2 .table_box .table_item.player .mybet_money,.container.type8.tableStyle2 .table_box .table_item.tie .mybet_money {
    bottom: 34%;
}

.container.type8.tableStyle2 .table_box .table_item .mybet_money {
    padding: 0rem 1rem;
    left: 50%;
}

.container.type8.tableStyle2 .table_box .table_item.player .playerbet_box {
    transform: translate(-11%,0)!important;
}

.container.type8.tableStyle2 .table_box .table_item.player .name_odd_box {
    transform: translate(-25%,0)!important;
}

.container.type8.tableStyle2 .table_box .table_item.player .people_money_box {
    transform: translate(-22%,0)!important;
}

.container.type8.tableStyle2 .table_box .table_item.banker .playerbet_box {
    transform: translate(11%,0)!important;
}

.container.type8.tableStyle2 .table_box .table_item.banker .name_odd_box {
    transform: translate(25%,0)!important;
}

.container.type8.tableStyle2 .table_box .table_item.banker .people_money_box {
    transform: translate(22%,0)!important;
}

.container.type8.tableStyle2 .table_box .name_odd_box.red_name {
    -webkit-text-stroke: 0.01rem #e74d4d;
    text-shadow: 0 0 0.5rem #ff3340,0 0 0.5rem #ff3340;
    color: #fff;
}

.container.type8.tableStyle2 .table_box .name_odd_box.blue_name {
    -webkit-text-stroke: 0.01rem #0021c7;
    text-shadow: 0 0 0.5rem #2f65cd,0 0 0.5rem #2f65cd;
    color: #fff;
}

.container.type8.tableStyle2 .table_box .name_odd_box.green_name {
    -webkit-text-stroke: 0.01rem #00c754;
    text-shadow: 0 0 0.5rem #238f54,0 0 0.5rem #238f54;
    color: #fff;
}

.container.type8.tableStyle2 .table_box.super6 .name_odd_box .text_6315::before {
    background: linear-gradient(135deg,#1e5799 0%,#3faa22 21%,#c627a1 52%,#ffff00 77%,#c600c6 100%);
    -webkit-background-clip: text;
}

.container.type8.tableStyle2 .table_box.superLucky7 .name_odd_box.green_name {
    -webkit-text-stroke: 0.01rem #00c754;
    text-shadow: 0 0 0.5rem #238f54,0 0 0.5rem #238f54;
}

.container.type8.tableStyle2 .table_box .name_odd_box .bet_name {
    margin-bottom: 0;
}

.container.type8.tableStyle2 .table_box .table_item.banker .name_odd_box .bet_name,.container.type8.tableStyle2 .table_box .table_item.player .name_odd_box .bet_name,.container.type8.tableStyle2 .table_box .table_item.tie .name_odd_box .bet_name {
    font-size: 2rem;
}

.container.type8.tableStyle2 .table_box .ui_3_odds {
    margin: .3rem 0;
}

.container.type8.tableStyle2 .table_box .table_item .people_money_box {
    padding: 0% 7%;
    bottom: 13%;
    position: initial;
    transform: none;
}

.container.type8.tableStyle2 .table_box .table_item .betRule {
    display: none!important;
}

.container.type8.tableStyle2 .table_box .table_item .ui8Odd {
    margin: .3rem 0;
    font-size: 1rem;
    font-weight: bold;
    display: flex;
    color: #FFF!important;
    -webkit-text-fill-color: #FFF!important;
    -webkit-text-stroke: 0px transparent!important;
}

html[co=jb2] .container.type8.tableStyle2 .table_box .table_item.supersix .ui8Odd {
    display: none;
}

.container.type8.tableStyle2 .table_box .table_item.supersix .ui8Odd2 {
    margin: .3rem 0;
    font-size: 1rem;
    font-weight: bold;
    display: none;
    color: #FFF!important;
    -webkit-text-fill-color: #FFF!important;
    -webkit-text-stroke: 0px transparent!important;
}

html[co=jb2] .container.type8.tableStyle2 .table_box .table_item.supersix .ui8Odd2 {
    display: flex;
}

.container.type8.tableStyle2 .zhuzi_proportion {
    flex-direction: row;
    padding: 0 .2%;
    width: 28.5%;
    height: 3%;
    bottom: 18%;
    justify-content: space-between;
}

.container.type8.tableStyle2 .zhuzi_proportion .proportion_list {
    width: 14%;
    height: 100%;
    justify-content: space-evenly;
    font-size: 1rem;
}

.container.type8.tableStyle2 .cardroadtable-list.list2 {
    width: 28.5%;
    left: 0%;
    height: 18%;
    background-image: url('../../images/C_images/cardroar_bg/cardroad_bg_15_06.png');
}

.container.type8.tableStyle2 .cardroadtable-list.list2 .cardroad-list {
    width: 6.67%;
}

.container.type8.tableStyle2 .cardroadtable-list.list1 {
    background-image: url('../../images/C_images/cardroar_bg/cardroad_bg_30_06.png');
    height: 7%;
    height: 105%;
    width: 285%;
    left: 71.5%;
    bottom: 10.5%;
}

.container.type8.tableStyle2 .cardroadtable-list.list1 .cardroad-list {
    width: 3.33%;
}

.container.type8.tableStyle2 .cardroadtable-list.list3 {
    left: 71.5%;
    width: 285%;
    height: 105%;
}

.container.type8.tableStyle2 .cardroadtable-list.list3 .item-box.box4,.container.type8.tableStyle2 .cardroadtable-list.list3 .item-box.box5,.container.type8.tableStyle2 .cardroadtable-list.list3 .item-box.box6 {
    background: url('../../images/C_images/cardroar_bg/cardroad_bg_10.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2 .cardroadtable-list.list3 .item-box.box4 .cardroad-list,.container.type8.tableStyle2 .cardroadtable-list.list3 .item-box.box5 .cardroad-list,.container.type8.tableStyle2 .cardroadtable-list.list3 .item-box.box6 .cardroad-list {
    width: 10%;
}

.container.type8.tableStyle2 .set_chips {
    background-position: 2.62% 0%;
    background-size: 9400% 9400%;
    width: 2.9%;
    padding-bottom: 2.9%;
    left: 29%;
    bottom: 1.2%;
}

.container.type8.tableStyle2 .set_chips:active {
    transform: scale(0.97);
    box-shadow: none;
    z-index: 99;
}

.container.type8.tableStyle2 .goodroad_btn {
    position: fixed;
    bottom: 26%;
    right: 0;
    width: 2.5%;
    height: 13%;
    padding: 0;
    background: linear-gradient(135deg,rgba(60,60,60,0.5),rgba(20,20,20,0.7));
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.15);
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
    box-shadow: 0 8px 16px rgba(0,0,0,0.3),inset 0 0 6px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
}

.container.type8.tableStyle2 .goodroad_btn:active {
    transform: scale(0.9);
    box-shadow: none;
    z-index: 99;
}

.container.type8.tableStyle2 .goodroad_btn .goodroad_text {
    display: block;
    color: #FFF;
    -webkit-writing-mode: vertical-lr;
    letter-spacing: 0.2em;
}

.container.type8.tableStyle2 .goodroad_btn .goodroad_count {
    right: 59%;
    top: -10%;
    width: 65%;
    height: 18%;
    font-size: 1rem;
}

.container.type8.tableStyle2 .chip_arrow_1,.container.type8.tableStyle2 .chip_arrow_2 {
    width: 1.5%;
    height: 1.4%;
    bottom: 2.9%;
}

.container.type8.tableStyle2 .chip_arrow_1 {
    left: 32.5%;
}

.container.type8.tableStyle2 .chip_arrow_2 {
    right: 41.4%;
}

.container.type8.tableStyle2 .chip_box {
    right: 43%;
    height: 6%;
    width: 23%;
    bottom: 0.5%;
}

.container.type8.tableStyle2 .chip_box .chip_item {
    margin: 0 2.5%;
    padding-bottom: 15%;
    width: 15%;
}

.container.type8.tableStyle2 .wenluBox {
    position: absolute;
    right: 0;
    bottom: 21%;
    height: 4%;
    width: 20%;
    background-color: rgb(28 29 34 / 30%);
    border-top-left-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: .3% 0;
    box-sizing: border-box;
}

.container.type8.tableStyle2 .wenlu_btn {
    background-color: initial;
    bottom: initial;
    height: 100%;
    border-radius: initial;
    width: 50%;
    box-shadow: none;
    position: initial;
}

.container.type8.tableStyle2 .wenlu_btn.xian {
    color: rgba(13,116,236,1);
    right: .5%;
    box-shadow: inset -1px 0 rgb(255 255 255 / 30%);
}

.container.type8.tableStyle2 .wenlu_btn.zhuang {
    color: rgba(255,49,53,1);
    right: 7%;
}

.container.type8.tableStyle2 .wenlu_btn span {
    font-size: 1rem;
    font-weight: 100;
    writing-mode: initial;
    color: #FFF;
}

.container.type8.tableStyle2 .road_box {
    flex-direction: row;
    border-radius: initial;
    width: 48%;
    height: 100%;
    margin-left: 5%;
}

.container.type8.tableStyle2 .wenlu_btn.xian .road_box,.container.type8.tableStyle2 .wenlu_btn.zhuang .road_box {
    border: none;
}

.container.type8.tableStyle2 .road_box i {
    width: 24%;
    height: 44%;
}

.container.type8.tableStyle2 .wenlu_btn.xian:active,.container.type8.tableStyle2 .wenlu_btn.zhuang:active {
    transform: scale(0.9);
    box-shadow: none;
    z-index: 99;
}

.container.type8.tableStyle2 .bet_btn,.container.type8.tableStyle2 .cancel_btn,.container.type8.tableStyle2 .repeat_btn {
    box-shadow: none;
    bottom: 1.2%;
    width: 3%;
    padding-bottom: 3%;
    height: initial;
}

.container.type8.tableStyle2 .bet_btn {
    right: 37%;
}

.container.type8.tableStyle2 .cancel_btn {
    right: 29%;
}

.container.type8.tableStyle2 .repeat_btn {
    right: 33%;
}

.container.type8.tableStyle2 .bet_btn span,.container.type8.tableStyle2 .cancel_btn span,.container.type8.tableStyle2 .repeat_btn span {
    display: none;
}

.container.type8.tableStyle2 .bet_btn i,.container.type8.tableStyle2 .cancel_btn i,.container.type8.tableStyle2 .repeat_btn i {
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    z-index: 1;
}

.container.type8.tableStyle2 .bet_btn i:active,.container.type8.tableStyle2 .cancel_btn i:active,.container.type8.tableStyle2 .repeat_btn i:active {
    transform: translate(-50%,-50%) scale(0.9);
    box-shadow: none;
    z-index: 99;
}

.container.type8.tableStyle2 .gamename_gameno_box {
    font-size: 0.95rem;
    bottom: 21%;
    left: 0;
    position: absolute;
    display: flex;
    box-shadow: none;
    color: #FFF;
    width: 28.5%;
    height: 4%;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    background-color: rgb(28 29 34 / 30%);
    border-radius: 0;
    border-top-right-radius: .5rem;
    padding-left: 1%;
    box-sizing: border-box;
    letter-spacing: .1rem;
}

.container.type8.tableStyle2 .gamename_gameno_box .no_box::before {
    margin: 0 4%;
}

.container.type8.tableStyle2 .open_box {
    left: 28.6%;
    width: 42.8%;
    height: 7%;
    bottom: 0;
}

.container.type8.tableStyle2 .open_box .win_text {
    width: 6%;
    padding-bottom: 10%;
}

.container.type8.tableStyle2 .free_btn {
    top: 76%;
    left: 21%;
    z-index: 1;
}

.container.type8.tableStyle2 .free_btn span {
    text-shadow: none;
}

.container.type8.tableStyle2 .free_btn::before {
    background-color: rgb(19 31 42 / 50%);
    box-shadow: 0 0 0 1px #FFF;
    border-radius: 8rem;
}

.container.type8.tableStyle2 .free_btn::after {
    background: #1fff7e;
    border-radius: 8rem;
    left: 2.5%;
}

.container.type8.tableStyle2 .change_bet_table_btn.portrait {
    position: absolute;
    background: rgb(28 29 34 / 30%);
    bottom: 21%;
    height: 4%;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    width: 8%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 71.5%;
    color: #FFF;
    font-size: 0.95rem;
    text-align: center;
}

.container.type8.tableStyle2 .change_bet_table_btn.portrait:active {
    transform: scale(0.9);
    box-shadow: none;
    z-index: 99;
}

.container.type8.tableStyle2 .buttonContainer {
    position: absolute;
    right: 1.6%;
    top: 8.4%;
    display: flex;
    flex-direction: row;
    z-index: 1;
    width: initial;
    height: initial;
}

.container.type8.tableStyle2 .buttonContainer .buttonContainerList {
    flex-direction: row;
}

.container.type8.tableStyle2 .buttonContainer button {
    width: 3rem;
    height: 3rem;
    margin-bottom: 0;
    margin-left: 1.1rem;
    padding: 0;
}

.container.type8.tableStyle2 .buttonContainer button.change_game_btn {
    position: fixed;
    top: 45%;
    right: 0;
    width: 2.5%;
    height: 13%;
    padding: 0;
    background: linear-gradient(135deg,rgba(60,60,60,0.5),rgba(20,20,20,0.7));
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,0.15);
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
    box-shadow: 0 8px 16px rgba(0,0,0,0.3),inset 0 0 6px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
}

.container.type8.tableStyle2 .buttonContainer button.change_game_btn:active {
    transform: scale(0.9);
    box-shadow: none;
    z-index: 99;
}

.container.type8.tableStyle2 .buttonContainer button.change_game_btn span {
    display: block;
    color: #FFF;
    -webkit-writing-mode: vertical-lr;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.2em;
}

.container.type8.tableStyle2 .buttonContainer button.change_game_btn:hover span {
    top: auto!important;
    background: transparent;
    border: 0;
    transform: translate(-50%,0%);
}

.container.type8.tableStyle2 .switchGamePlayBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #212229;
    border-radius: 1rem;
    overflow: hidden;
    width: 88%;
    height: 55%;
}

.container.type8.tableStyle2 .switchGamePlayBox {
    opacity: 0!important;
    transform: translate(-50%,-50%) scale(0)!important;
    -webkit-transform: translate(-50%,-50%) scale(0)!important;
    transition: transform .3s linear,opacity .3s linear!important;
    -webkit-transition: transform .3s linear,opacity .3s linear!important;
}

.container.type8.tableStyle2 .on .switchGamePlayBox {
    opacity: 1!important;
    transform: translate(-50%,-50%) scale(1)!important;
    -webkit-transform: translate(-50%,-50%) scale(1)!important;
    transition: transform .2s linear,opacity .2s linear!important;
    -webkit-transition: transform .2s linear,opacity .2s linear!important;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayTitle {
    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;
    position: relative;
    width: 100%;
    height: 11%;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayTitle .text_6573 {
    color: #FFF;
    font-size: 1.5rem;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayTitle .closeBtn {
    background: url('../../images/C_images/all_icon/ui_7_icon/close_btn.png') no-repeat center center / contain;
    top: 50%;
    width: 2.5%;
    padding-bottom: 2.5%;
    position: absolute;
    right: 2%;
    transform: translate(0,-50%);
}

.container.type8.tableStyle2 .switchGamePlayBox .container {
    width: 100%;
    height: 89%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background: linear-gradient(to bottom,#444447 0%,#2f2f32 50%,#1b1b1d 100%);
}

.container.type8.tableStyle2 .switchGamePlayBox .container .containerTitle {
    color: #a9a9a9;
    font-size: 1.2rem;
    width: 100%;
    display: flex;
    margin: 1% 0;
    align-items: center;
    justify-content: center;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem {
    position: relative;
    background-color: #1c1d1f;
    overflow: hidden;
    width: 32%;
    height: 25%;
    border-radius: .5rem;
    box-shadow: inset 0 0 0 1px #707070;
    display: flex;
    flex-wrap: wrap;
    transition: transform 0.3s ease;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem:hover {
    transform: scale(1.03);
    z-index: 1;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.superLucky7 i {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 8%;
    padding-bottom: 8%;
    background: url('../../images/C_images/all_bg/iframe_101/bet/style_7/portrait/new.png') no-repeat center center / contain;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem:hover::before {
    content: '';
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .5rem;
    box-shadow: inset 0 0 0 2px #f4e2c9;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.on::before {
    content: '';
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .5rem;
    box-shadow: inset 0 0 0 2px #f4e2c9;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.on::after {
    content: '';
    pointer-events: none;
    width: 10%;
    height: 31%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../../images/C_images/all_icon/ui_7_icon/switchGamePlayIcon.png') no-repeat 0 0 / 100% 100%;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem div {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #bebebe;
    font-size: .9rem;
    height: 35%;
    width: 25%;
    box-shadow: inset 0 1px #707070;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .title {
    width: 100%;
    height: 30%;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    box-shadow: inset 0 1px #707070,inset -1px 0 #707070,inset 1px 0 #707070;
    background-color: #232327;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .banker,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .tie,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .player {
    width: 33.33%;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.classic .player,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.classic .banker {
    width: 50%;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.classic .bankers,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.classic .tie,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.classic .players {
    width: 33.33%;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.classic .player {
    box-shadow: inset 0 1px #707070,inset -1px 0 #707070;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .palyers {
    box-shadow: inset 0 1px #707070,inset -1px 0 #707070;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .big,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .small {
    width: 30%;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .super6 {
    box-shadow: inset 0 1px #707070,inset -1px 0 #707070,inset 1px 0 #707070;
    width: 40%;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .tie,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .bankern,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .perfectPair,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem .playerd {
    box-shadow: inset 0 1px #707070,inset -1px 0 #707070,inset 1px 0 #707070;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.dragonBonus .players {
    box-shadow: inset 0 1px #707070;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.dragonBonus .bankers {
    box-shadow: inset 0 1px #707070,inset 1px 0 #707070;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.superLucky7 .superLucky7,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.superLucky7 .players,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.superLucky7 .super6,.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.superLucky7 .super7 {
    box-shadow: inset 0 1px #707070,inset -1px 0px #707070;
    width: 20%;
}

.container.type8.tableStyle2 .switchGamePlayBox .switchGamePlayItem.superLucky7 .bankers {
    box-shadow: inset 0 1px #707070;
    width: 20%;
}

.landscape .container.type8 .switchGamePlayBox .switchGamePlayItem.animalPlay .xiongBa,.landscape .container.type8 .switchGamePlayBox .switchGamePlayItem.animalPlay .littleTiger,.landscape .container.type8 .switchGamePlayBox .switchGamePlayItem.animalPlay .super6,.landscape .container.type8 .switchGamePlayBox .switchGamePlayItem.animalPlay .bigTiger {
    box-shadow: inset 0 1px #707070,inset -1px 0px #707070;
    width: 20%;
}

.landscape .container.type8 .switchGamePlayBox .switchGamePlayItem.animalPlay .longQi {
    box-shadow: inset 0 1px #707070;
    width: 20%;
}

.container.type8.tableStyle2 .messenger_box {
    top: 14.4%;
    right: 1.9%;
    width: 23%;
    height: 30%;
}

.container.type8.tableStyle2 .message_emoji_box {
    top: 14.4%;
    right: 1.9%;
    width: 23%;
    height: 24.2%;
}

.container.type8.tableStyle2 .tip_box::before {
    top: -28%;
    width: 100%;
}

.container.type8.tableStyle2 .tip {
    height: 19.5%;
}

.container.type8.tableStyle2 .new_goodroad_box {
    height: 100%;
}

.container.type8.tableStyle2 .new_goodroad_content_box {
    width: 29%;
}

.container.type8.tableStyle2 .new_goodroad_content_box .new_goodroad_top {
    height: 6%;
}

.container.type8.tableStyle2 .new_goodroad_content_box .new_goodroad_center {
    padding: 2% 1%;
    height: 94%;
}

.container.type8.tableStyle2 .new_goodroad_content_box .new_goodroad_center .new_goodroad_center_item {
    height: 17%;
}

.container.type8.tableStyle2 .new_goodroad_content_box .new_goodroad_center .new_goodroad_center_item {
    border: 1px solid rgb(255 255 255 / 20%);
}

.container.type8 .new_goodroad_content_box .new_goodroad_center .new_goodroad_center_item {
    border: 1px solid rgb(255 255 255 / 20%);
}

.container.type8.godVideo .free_btn {
    top: 57%;
    display: none;
}

.container.type8.godVideo .table_info_box {
    display: none!important;
}

.container.type8.godVideo .table_info {
    display: none!important;
}

.container.type8.godVideo .countdown-box {
    left: 4%!important;
    top: 9%!important;
    width: 4.9%!important;
    padding-bottom: 4.9%!important;
}

.container.type8.godVideo .totl_bet {
    position: absolute;
    left: 2%;
    top: 18%;
    width: 9%;
    height: 3.5%;
    display: flex!important;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 1rem;
    box-shadow: inset 0 0 8px rgb(255 255 255 / 50%),inset 0 0 0px 2px rgb(159 159 159 / 50%);
    color: #FFF;
    background-color: rgb(0 0 0 / 80%);
    border-radius: 7rem;
}

.container.type8 .win_text2 {
    z-index: 1;
    position: absolute;
    left: 30%;
    width: 40%;
    top: 80.8%;
    height: 19.2%;
    display: none;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: bold;
    font-size: 2rem;
    white-space: nowrap;
    animation: pop-in_text 0.5s ease-out;
    text-shadow: 0 0 0.5rem #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.container.type8.tableStyle2 .win_text2 {
    top: 60%;
    height: 9%;
    left: 30%;
    width: 40%;
    font-size: 2.5rem;
}

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

.container.type8.grouptype40 .win_text2.on {
    display: none;
}

.container.type8.grouptype44 .win_text2.on {
    display: none;
}

.container.type8.tableStyle2 .win_text2.text_788,.container.type8.tableStyle2 .win_text2.text_789,.container.type8.tableStyle2 .win_text2.text_6644 {
    text-shadow: 0 0 1rem #000000;
    background: radial-gradient(circle,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.2) 60%,rgba(0,0,0,0) 100%);
}

.container.type8 .win_text2.text_788 {
    text-shadow: 0 0 2px rgba(255,0,0,0.9),0 0 3px rgba(255,0,0,0.7);
}

.container.type8 .win_text2.text_789 {
    text-shadow: 0 0 2px rgba(0,60,255,0.9),0 0 3px rgba(0,60,255,0.7);
}

.container.type8 .win_text2.text_6644 {
    text-shadow: 0 0 2px rgba(0,255,0,0.9),0 0 3px rgba(0,255,0,0.7);
}

@keyframes pop-in_text {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }

    60% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
    }
}

.container.type8 .win_text2 {
    position: relative;
    overflow: hidden;
}

.container.type8.tableStyle2 .bottom-mask {
    position: fixed;
    bottom: 0;
    left: 28.6%;
    width: 42.8%;
    height: 7%;
    background: linear-gradient(to top,rgba(0,0,0,0.85),rgba(0,0,0,0));
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 0;
    pointer-events: none;
}

.container.type8 .switchGamePlayBox .switchGamePlayItem.animalPlay {
    display: none;
}

html[co=jb2] .container.type8 .switchGamePlayBox .switchGamePlayItem.animalPlay {
    display: flex;
}