.wrap_type_3 {
    position: relative;
    display: flex;
    max-width: 1660px;
    margin: auto;
    margin-top: 64px;
    padding-left: 260px;
    transition: 0.2s linear;
    padding-bottom: 80px;
    /* height: 100vh; */
    /* background: #0b0e17; */
    /* padding: 101px 300px 0; */
}

/* @media (max-width: 1860px){
    .wrap_type_3 {
        padding-left: 40px;
    }
} */

/* @media (max-width: 1920px){
    .wrap_type_3 {
         padding: 101px 280px 0;    
    }
} */

/* @media (max-width: 1860px){
    .btn_left_control, .btn_left_control i {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
    }
}

@media (max-width: 1860px){
    .btn_left_control {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        background: #141621;
        padding-top: 101px;
    }
} */

.container_center {
    width: 100%;
    padding: 10px 10px 0;
    padding-right: 335px;
}

.container_center.ps {
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
    position: relative;
}

.container_center_4_mini {
    display: block;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    background-color: var(--background-color);
}

.menu_mini_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1px 0 10px;
    list-style: none;
    padding: 0px;
}

.menu_mini_1>li {
    width: calc(20% - 1px);
    margin: 1px 1px 1px 0px;
}

.menu_mini_1>li a.nuxt-link-active {
    color: #fff;
    border: 1px solid #009f62;
    background: #009f62;
}

.menu_mini_1>li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    font-size: 0.8rem;
    color: var(--title-color);
    background-color: var(--effect-color);
    /* background: #2c2c34; */
    padding-bottom: 2px;
    border-radius: 5px;
}

.container_center_4_mini>div:nth-of-type(2) {
    width: 100%;
}

.mini_game_info, .mini_game_info span:first-of-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mini_game_info {
    height: 40px;
}

.mini_game_info .left-time {
    /* color: rgb(213, 249, 255);
    animation: left-time 1s infinite; */
}

.mini_game_info span:first-of-type {
    width: calc(50% - 1px);
    height: 100%;
    background: #a3a4a6;
    padding: 0 10px;
    transition: all .3s;
}

.mini_button {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mini_game_info, .mini_game_info span:first-of-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mini_game_info span:first-of-type em {
    color: #fff;
    text-align: left;
    line-height: 1.2;
}

.mini_game_info span:first-of-type b {
    color: #fff;
    font-weight: 400;
}

.mini_game_info span:nth-of-type(2) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    height: 100%;
    background: #009f62;
    /* background: #743be8; */
    padding: 0 10px;
    transition: all .3s;
    color: var(--title-color);
    animation: left-time 1s infinite;
}

.mini_game_info span:nth-of-type(2) b {
    animation: left-time-second 1s infinite;
}

.flex_1dan {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%;
}

.flex_1dan em {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 1.2rem;
    color: var(--title-color);
}

@media (max-width: 2200px) {
    .flex_1dan em {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
}

.flex_1dan ul {
    width: calc(90% - 10px);
    list-style: none;
}

@media (max-width: 991px) {
    .flex_1dan em {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
}

@media (max-width: 2200px) {
    .flex_1dan ul {
        width: 100%;
    }
}

.ul_game_item.item_4 li:first-child {
    width: 25%;
}

.ul_game_item.item_4 li {
    width: calc(25% - 1px);
}

.mini_bet_close {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.ul_game_item.item_3 li:first-child {
    width: 33.33%;
}

.ul_game_item.item_3 li {
    width: calc(33.33% - 1px);
}

.ul_game_item button, .ul_game_item button i {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.ul_game_item button {
    position: relative;
    width: 100%;
    border: 1px solid var(--border-color);
    background: var(--effect-color);
    transition: all .3s;
    border-radius: 5px;
}

.ul_game_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ul_game_item button b {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20px;
    background: hsla(0, 0%, 100%, .05);
    color: var(--title-color);
    font-weight: 400;
    padding-bottom: 2px;
}

.ul_game_item button i {
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #606070;
    margin: 10px 0;
}

.ul_game_item button i span {
    font-size: 1.4rem;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 2px;
}

.ul_game_item.item_2 li:first-child {
    width: 50%;
}

.ul_game_item.item_2 li {
    width: calc(50% - 1px);
}

.ul_game_item button.active {
    border: 1px solid #e32028;
    background: #f0a30a;
}

.ul_game_item button.blue i {
    background: #3e65ff;
}

.ul_game_item button.red i {
    background: #e51400;
}

.ul_game_item button.green i {
    background: #008a00;
}

.title_info_s {
    font-size: 1.1rem;
}

.title_info, .title_info_s {
    display: flex;
    align-items: center;
    color: var(--title-color);
    font-family: EliceDXNeolliOTF-Light, EliceDXNeolliOTF-Medium, EliceDXNeolliOTF-Bold;
}

.table_history>thead>tr>th {
    height: 36px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 400;
    text-align: center;
    padding: 0;
}

.table_history>tbody>tr>td {
    color: var(--title-color);
    font-weight: 400;
    text-align: center;
    border-collapse: collapse;
    padding: 10px 5px;
    font-size: 0.7rem;
}

.ul_bet_history>li:last-child {
    margin-bottom: 0;
}

.ul_bet_history.li_m_b_5>li {
    margin-bottom: 5px;
    border: 1px solid var(--active-color);
    list-style: none;
}

.table_history {
    width: 100%;
    /* table-layout: fixed; */
}

.table_history>tbody>tr {
    background-color: var(--effect -color);
}

.table_history>tbody>tr:nth-child(2n) {
    background-color: var(--active-color);
}

.darken .mini_main_gound {
    background-color: var(--background-color);
}

.mini_main_gound {
    width: 100%;
}

.bg_normal_1.iframe_width {
    width: 100%;
}

.box_bat_cart {
    height: 100%;
    /* overflow: hidden auto; */
    min-height: 600px;
    background-color: var(--background-color);
    padding: 0 15px 20px
}

.margin-20px-tb {
    margin-top: 20px;
    margin-bottom: 20px;
}

.title_small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    color: var(--title-color);
    letter-spacing: -.5px;
}

/* .title_small {
    position: relative;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: -.5px;
} */

.box_bat {
    padding: 20px 15px;
}

.title_small button {
    right: 0;
    top: 0;
    color: #9a9aa7;
}

.container_right {
    border: 2px solid var(--effect-color);
    /* border-radius: 10px; */
    margin: 10px 0 0 0;
    width: 280px;
    position: fixed;
    top: 75px;
    right: 50px;
}

.history-table thead th, .history-table td {
    padding: 0.5rem;
    vertical-align: bottom;
    /* border-bottom: 1px solid #0b0e17; */
    font-size: 14px;
    vertical-align: middle;
    border: unset;
}

.history-table {
    /* border-top: 2px solid #ff000055; */
    /* border-top: 1px solid #0b0e17; */
    text-align: center;
    /* background: #595964; */
    background: var(--effect-color);
    margin-top: 1px;
    font-size: 14px;
    color: var(--title-color);
    border-radius: 10px;
    /* border: 1px solid var(--border-color); */
}

.input_deposit {
    flex: 1 1 0%;
    width: 100%;
    height: 100%;
    min-width: 1rem;
    padding: 0px;
    border: none;
    background-color: var(--placeholder-color);
    padding: 10px 10px 10px 0;
    font-size: 1rem;
    text-align: right;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}

.bat_form {
    position: relative;
}

.bat_form button {
    position: absolute;
    top: 7px;
    left: 10px;
    padding: 7px 7px;
    background-color: var(--active-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title_small button {
    color: var(--title-color);
}

.bat_price button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(33.33333% - 1px);
    height: 32px;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 400;
    background-color: #009f62;
    background-image: conic-gradient(from 70deg at 50% 50%, rgb(0 106 47) 180deg, rgb(0 106 47) 173deg, rgb(13 109 72) 134deg, rgb(27 141 77) 82deg);
    border-radius: 5px;
    transition: all .3s;
    margin-top: 2px;
}

.bat_price {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px;
}

.ul_info_1 li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}

.ul_info_1 li em, .ul_info_1 li span {
    font-size: 0.8rem;
    color: var(--title-color);
}

.btn_main_1 {
    background-color: #6e34e2b3;
    background-image: conic-gradient(from 1turn, rgba(136, 83, 252, 1), rgba(110, 52, 226, 1));
}

.btn_main_1, .btn_main_2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    position: relative;
    font-size: 1rem;
    color: #fff;
    border-radius: var(--border-radius);
    transition: all .3s ease 0s;
}

.banner_domain {
    margin: 70px;
}

.ul_bet_history {
    margin-bottom: 50px;
}

.gameList_search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.gameSearch {
    position: relative;
}

.search_icon {
    position: absolute;
    top: 8px;
    right: 15px;
}

.darken .gameSearch input[type=text] {
    width: 220px;
    box-sizing: border-box;
    border: 2px solid var(--border-color);
    border-radius: 4px;
    font-size: 16px;
    background-color: var(--background-color);
    padding: 5px 40px 5px 40px;
    /* transition: width 0.4s ease-in-out; */
}

.gameSearch input[type=text] {
    width: 220px;
    box-sizing: border-box;
    border: 2px solid #c7c9ce;
    border-radius: 4px;
    font-size: 16px;
    background-color: var(--background-color);
    padding: 5px 10px 5px 40px;
    /* transition: width 0.4s ease-in-out; */
}

@media screen and (max-width:1450px) {
    .container_center_4_mini {
        display: block;
    }
    .bg_normal_1.iframe_width {
        width: 100%;
    }
    .container_center_4_mini>div:nth-of-type(2) {
        width: 100%;
    }
}

/* @keyframes left-time {
    0%{
        text-shadow: none;
    }
    50%{
        text-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(78, 203, 255) 0px 0px 10px, rgb(0, 0, 255) 0px 0px 15px, rgb(0, 138, 255) 0px 0px 5px, rgb(0, 138, 255) 0px 0px 5px, rgb(78, 78, 255) 0px 0px 10px, rgb(0, 138, 255) 0px 0px 20px, rgb(0, 138, 255) 0px 0px 40px;
    }
    100%{
        text-shadow: none;
    }
} */

@keyframes left-time {
    0% {
        /* background: #009f62; */
        border: 3px solid #009f62;
    }
    50% {
        /* background: #743be8; ffee00*/
        border: 3px solid #ffee00;
    }
    100% {
        /* background: #009f62; */
        border: 3px solid #009f62;
    }
}

@keyframes left-time-second {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}