.g54f3qg {
    height: 6.25rem;
    min-width: 3.125rem;
    padding: .25rem 0;
    display: inline-block
}

.g54f3qg img {
    height: 100%;
    display: inline-block;
    vertical-align: top
}

.ijqhnis {
    height: 6.25rem;
    min-width: 6.25rem;
    display: inline-block
}

.ijqhnis img {
    height: 100%;
    max-width: 100%;
    display: inline-block;
    vertical-align: top
}

.i43feat {
    max-width: 90vw;
    max-height: 90vh
}

.e1xzyoih {
    padding: 1.875rem 1.25rem
}

.e1xzyoih .hover {
    word-break: break-all
}

.lq8mwtz {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    cursor: pointer
}

.lq8mwtz:hover {
    color: #00f
}

.akfu5m {
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.akfu5m .opr-btn {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    margin: 0 .125rem;
    color: #fff;
    background-color: #00000080;
    text-align: center;
    line-height: 1.875rem;
    cursor: pointer
}

.bh8u0q7 {
    font-size: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.25rem;
    padding: 2.5rem 1.25rem 2rem
}

.bh8u0q7 button {
    width: 23%;
    height: 2.75rem;
    border: 1px solid #2d3035;
    text-align: center;
    border-radius: var(--border-radius);
    background-color: transparent;
    padding: .3125rem;
    margin: 0 .3125rem
}

.bh8u0q7 .active {
    border: 1px solid var(--primary-color)
}

.c10e4mlw {
    --1q3ncpt: #31343c;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.darken .c10e4mlw {
    --1q3ncpt: #FFFFFF
}

.c10e4mlw svg {
    cursor: pointer
}

.c10e4mlw svg:hover {
    fill: var(--1q3ncpt)
}

.c10e4mlw .tip {
    margin-right: 1rem
}

.b1eb24ec {
    --zd6mxr: rgba(233, 234, 242, .4);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-size: .875rem;
    vertical-align: top;
    line-height: 1.125rem;
    word-break: break-word;
    overflow: hidden;
    border-radius: var(--border-radius);
    padding: .625rem;
    background-color: var(--zd6mxr)
}

.darken .b1eb24ec {
    --zd6mxr: #24262B
}

.b1eb24ec .ext-link {
    cursor: pointer;
    word-break: break-all
}

.b1eb24ec .ext-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.b1eb24ec:not(.normal-msg) {
    width: 100%
}

.c1mwlzx0 {
    --1yhspeg: rgba(95, 105, 117, .8);
    --4rasr2: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: .75rem;
    padding-right: .75rem
}

.darken .c1mwlzx0 {
    --1yhspeg: rgba(153, 164, 176, .6);
    --4rasr2: .9
}

.c1mwlzx0.is-first .head {
    padding-top: .875rem
}

.c1mwlzx0.is-first .head .head-link {
    display: block
}

.c1mwlzx0.is-first .content {
    padding-top: .875rem
}

.c1mwlzx0.is-first .content .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.c1mwlzx0 .head {
    width: 2.5rem;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.c1mwlzx0 .head .head-link {
    position: relative;
    display: none
}

.c1mwlzx0 .head .head-link .avatar {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0;
    display: block
}

.c1mwlzx0 .head .head-link .user-level {
    width: 2.375rem;
    height: 1.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: var(--border-radius);
    position: absolute;
    top: 2rem;
    left: .0625rem
}

.c1mwlzx0 .head .head-link .user-level .level-wrap {
    font-weight: 700;
    height: .875rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c1mwlzx0 .head .head-link .user-level .level-wrap span {
    font-size: .75rem;
    line-height: normal
}

.c1mwlzx0 .head .head-link .user-level.type-1, .c1mwlzx0 .head .head-link .user-level.type-0 {
    background-color: #d9ddec
}

.c1mwlzx0 .head .head-link .level {
    width: 3.375rem;
    margin-top: .625rem;
    -webkit-transform: scale(.74);
    -ms-transform: scale(.74);
    transform: scale(.74);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.c1mwlzx0 .head .head-link .level .img-star {
    width: auto;
    height: .875rem;
    margin-right: 1px
}

.c1mwlzx0 .head .head-link .level .img-star:last-child {
    margin-right: 0
}

.c1mwlzx0 .content {
    width: 1%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .375rem;
    padding-bottom: .3125rem
}

.c1mwlzx0 .content .title {
    display: none;
    height: 1.125rem;
    margin-bottom: .25rem;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c1mwlzx0 .content .title .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.c1mwlzx0 .content .title .name a {
    line-height: 1.125rem;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c1mwlzx0 .content .title .name a>span {
    max-width: 12.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--sub-text-color)
}

.c1mwlzx0 .content .title .name .xicon-mark {
    font-weight: 700
}

.c1mwlzx0 .content .title .name svg {
    margin: 0 0 0 .3125rem;
    width: 1.375rem;
    height: 1.375rem
}

.c1mwlzx0 .content .title .name .time {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: .5rem;
    color: var(--placeholder-color);
    font-size: .75rem
}

.c1mwlzx0 .content .title .name .bc-game {
    width: 1rem;
    height: 1rem;
    fill: #0f62fe
}

.c1mwlzx0 .content .title .name>div, .c1mwlzx0 .content .title .name>a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c1mwlzx0 .content .title .chat-actions .xbutton {
    background: none;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 .1875rem
}

.c1mwlzx0 .content .title .chat-actions .xicon {
    width: 1.125rem;
    height: 1.125rem
}

.c1mwlzx0 .content .msg-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.c1mwlzx0 .content .msg-wrap .admin-opr-wrap {
    right: 0
}

.c1mwlzx0 .content.is-self .full-message {
    margin-left: 0
}

@media screen and (max-width:621px) {
    .c1mwlzx0 {
        padding: 0 1.25rem
    }
    .c1mwlzx0 .content .title .name a .level {
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25);
        margin: 0 .625rem
    }
    .c1mwlzx0 .head .head-link .level {
        margin-top: .625rem
    }
}

.s191y8tt {
    --1fu7hsn: #ebebeb;
    --m71otl: #ffc204;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid var(--1fu7hsn);
    padding: 1.5625rem 1.75rem;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.darken .s191y8tt {
    --1fu7hsn: rgba(51, 57, 64, .5);
    --m71otl: #009f62
}

.s191y8tt .switch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.s191y8tt .switch .ui-switch {
    margin-right: .3125rem
}

.s191y8tt .hide-small {
    margin-left: auto
}

.fk89wx0 .fiat-sub-title {
    text-align: center;
    padding: 0 .75rem;
    margin-top: 1rem
}

.fk89wx0 .confirm-btn {
    width: 15rem;
    margin: 0 auto;
    margin-top: .875rem
}

.fk89wx0 .fiat-list .ui-radio {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fk89wx0 .fiat-list .ui-radio .radio-item {
    width: 30%;
    margin-bottom: .625rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fk89wx0 .fiat-list .ui-radio .radio-item .l {
    width: 3rem;
    white-space: nowrap
}

.fk89wx0 .fiat-list .ui-radio .coin-icon {
    width: 1rem;
    height: 1rem
}

.s1kooa9l {
    --7xclbe: rgb(195 198 202);
    --7h9g04: #f5f6fa
}

.darken .s1kooa9l {
    --7xclbe: #88898b;
    --7h9g04: #17181b
}

.s1kooa9l.ui-input {
    margin-top: 0;
    width: 100%
}

.s1kooa9l div.input-control {
    height: 2.75rem;
    border-radius: var(--border-radius);
    padding: 0 .625rem
}

.s1kooa9l input {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.s1kooa9l button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    background-color: var(--7xclbe);
    width: 1rem;
    height: 1rem;
    border-radius: var(--border-radius)
}

.s1kooa9l button .icon {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    width: .625rem;
    height: .625rem;
    fill: var(--7h9g04)
}

.s1kooa9l .search {
    margin-right: .625rem
}

.skp407n {
    --njpvpw: #31373d;
    --d7b6ld: #E1E1EE;
    --bjaefa: rgba(78, 85, 99, .3);
    width: 464px;
    height: 770px
}

.darken .skp407n {
    --njpvpw: #fff;
    --d7b6ld: rgba(0, 0, 0, .1);
    --bjaefa: rgba(78, 85, 99, .3)
}

.skp407n .dialog-head {
    margin-left: 1.875rem
}

.skp407n .dialog-head .dialog-title {
    display: none
}

.skp407n .dialog-head .search-input {
    margin-top: 0
}

.skp407n .dialog-head .search-input .input-control {
    height: 2.75rem
}

.skp407n #currency-config {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.skp407n .ui-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.skp407n .ui-tabs .tabs-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.skp407n .ui-tabs .tabs-view .ui-scrollview {
    height: 1px;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.skp407n .setitem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: .5625rem .625rem;
    font-size: .875rem;
    border-radius: var(--border-radius);
    min-height: 2.0625rem
}

.skp407n .setitem.mnft .coin-icon {
    border-radius: 0;
    box-shadow: none
}

.skp407n .setitem .currency-name {
    color: var(--njpvpw);
    font-weight: 800;
    height: 1.25rem;
    line-height: 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.skp407n .setitem .full-name {
    font-size: .75rem;
    height: 1.25rem;
    line-height: 1.25rem
}

.skp407n .setitem .coin-icon {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    margin-right: .9375rem;
    box-shadow: 0 5px 8px var(--d7b6ld)
}

.skp407n .setitem .amount-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.skp407n .setitem .coin-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.skp407n .setitem .ui-switch {
    margin-left: .9375rem
}

.skp407n .sub-tit {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .625rem;
    margin: 0 1.25rem
}

.skp407n .sub-tit .reverse {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.skp407n .ui-scrollview {
    padding: .625rem 1.25rem 1.25rem
}

.skp407n .ui-tabs.tabs-circle .tabs-navs {
    margin: .9375rem 1.875rem 1.25rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.skp407n .ui-tabs.tabs-circle .tabs-navs .is-active {
    background-color: var(--bjaefa);
    border-radius: var(--border-radius)
}

.skp407n .ui-tabs.tabs-circle .tabs-navs .tabs-nav {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: auto;
    padding: 0 1.375rem
}

.skp407n .ui-tabs.tabs-circle .tabs-navs .bg {
    display: none
}

.b138cie2 {
    margin-left: .3125rem;
    width: 1.125rem;
    height: 1.125rem
}

.b138cie2 .icon-help {
    fill: var(--primary-color)
}

.b5mqaga {
    --1shw9w4: #EAECF3;
    --1vc6ipy: #EAECF3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.125rem;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0 .375rem;
    background-color: var(--1shw9w4);
    border-radius: var(--border-radius)
}

.darken .b5mqaga {
    --1shw9w4: #24262B;
    --1vc6ipy: #2E3035
}

.b5mqaga:hover {
    background-color: var(--1vc6ipy)
}

.b5mqaga .amount {
    color: #fbcf12;
    font-weight: 700
}

.b5mqaga .amount .amount-str {
    width: auto;
    font-size: .8125rem
}

.b5mqaga .bcd-lock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .25rem
}

.b5mqaga .bcd-lock svg {
    fill: #fbcf12;
    margin: 0;
    width: .75rem;
    height: .75rem
}

.b5mqaga .bonus-help {
    margin: .25rem 0 0 .1875rem;
    display: inline-block
}

.b5mqaga .bonus-help svg {
    fill: var(--primary-color)
}

.colko44 {
    --njpvpw: #31373d;
    --d7b6ld: #E1E1EE;
    --sr34dy: #f5f6fa;
    --q078tb: rgba(153, 164, 176, .8);
    --146owpi: #f5f6fc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: .5625rem .625rem;
    font-size: .875rem;
    border-radius: var(--border-radius);
    margin: .25rem 1.25rem;
    border: solid 1px transparent;
    min-height: 2.0625rem
}

.darken .colko44 {
    --njpvpw: #fff;
    --d7b6ld: rgba(0, 0, 0, .1);
    --sr34dy: rgba(45, 48, 53, .4);
    --q078tb: rgba(153, 164, 176, .5);
    --146owpi: #31343c
}

.colko44.active {
    border-color: var(--primary-color)
}

.colko44.normal:hover {
    background-color: var(--sr34dy);
    cursor: pointer
}

.colko44 .currency-name {
    color: var(--njpvpw);
    font-weight: 800;
    height: 1.25rem;
    line-height: 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.colko44 .full-name {
    font-size: .75rem;
    height: 1.25rem;
    line-height: 1.25rem
}

.colko44 .mnft .coin-icon {
    border-radius: 0;
    box-shadow: none
}

.colko44 .coin-icon {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: var(--border-radius);
    margin-right: .9375rem
}

.colko44 .coin-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.colko44 .coin-wrap .icon {
    width: 1rem;
    height: 1rem;
    padding: .1875rem;
    background-color: #f79319;
    border-radius: var(--border-radius);
    fill: #fff;
    position: absolute;
    right: .5rem;
    top: -.3125rem
}

.colko44 .coin-wrap:hover .maintain-prompt {
    opacity: 1
}

.colko44 .coin-wrap .maintain-prompt {
    opacity: 0;
    position: absolute;
    white-space: nowrap;
    height: 1.875rem;
    padding: 0 .625rem;
    background-color: var(--146owpi);
    color: var(--q078tb);
    border-radius: var(--border-radius);
    line-height: 1.875rem;
    top: -140%;
    left: -.3125rem;
    font-size: .8125rem
}

.colko44 .coin-wrap .maintain-prompt:after {
    content: "";
    border: .3125rem solid transparent;
    border-top-color: var(--146owpi);
    position: absolute;
    bottom: -.5625rem;
    left: 1.875rem
}

.colko44 .amount-wrap {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.colko44 .amount-wrap .amount-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.colko44 .amount-wrap .amount-info .bonus-amount {
    margin-left: .3125rem;
    font-size: .75rem
}

.colko44 .amount-wrap .amount-info .bonus-amount .amount {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 6em
}

.colko44 .amount-wrap .monospace {
    color: var(--njpvpw);
    font-weight: 800;
    line-height: 1;
    height: 1.375rem;
    line-height: 1.375rem
}

.colko44 .amount-wrap .weaken {
    height: 1.125rem;
    line-height: 1.125rem
}

.colko44 .amount-wrap .weaken .amount {
    color: var(--q078tb);
    font-weight: 400;
    font-size: .75rem
}

.colko44 .amount-wrap .coin {
    text-align: right
}

.d1nxm4j0 {
    width: 464px;
    height: 773px
}

.ssshfkj {
    --1ku29hz: #fff
}

.darken .ssshfkj {
    --1ku29hz: rgba(78, 85, 99, .3)
}

.ssshfkj .hide-coin {
    margin-left: 2.1875rem
}

.ssshfkj .hide-coin .sub-tit {
    opacity: .5
}

.ssshfkj .list-tit {
    margin-left: 1.875rem
}

.ssshfkj.search-dialog {
    padding: 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.ssshfkj.search-dialog .search-input {
    padding: 1.25rem
}

.ssshfkj.search-dialog .currency-list {
    padding-bottom: 1.25rem;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    height: 1px
}

.ssshfkj.search-dialog .go-swap {
    margin: 0 auto 1.25rem;
    width: 80%
}

.ssshfkj.search-dialog .go-swap .txt {
    text-align: center;
    margin-top: .625rem
}

.ssshfkj.search-dialog .ui-tabs.tabs-circle {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ssshfkj.search-dialog .ui-tabs.tabs-circle .tabs-scroll {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.ssshfkj.search-dialog .ui-tabs.tabs-circle .tabs-view {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ssshfkj.search-dialog .ui-tabs.tabs-circle .tabs-view .currency-list {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    height: 1px
}

.ssshfkj.search-dialog .ui-tabs.tabs-circle .tabs-navs {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .9375rem 1.875rem 1.25rem;
    padding: .125rem
}

.ssshfkj.search-dialog .ui-tabs.tabs-circle .tabs-navs .is-active {
    border-radius: var(--border-radius)
}

.ssshfkj.search-dialog .ui-tabs.tabs-circle .tabs-navs .bg {
    display: none
}

.ssshfkj.search-dialog .other-crypto {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.s81v038 {
    margin-left: auto;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: -.9375rem
}

.s81v038 .ui-button {
    width: 3.75rem;
    height: 3.75rem
}

.s81v038 .search-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.s81v038 .input-control {
    width: 75%;
    -webkit-transition: width .2s linear;
    transition: width .2s linear
}

.s81v038 .input-control.is-focus {
    width: 100%;
    -webkit-transition: width .2s linear;
    transition: width .2s linear
}

.ig2udpo {
    --1orkh5d: #9FA5AC;
    width: 1.4em;
    height: 1.4em;
    fill: var(--1orkh5d)
}

.darken .ig2udpo {
    --1orkh5d: #68708D
}

.t1b5irhq {
    --ge4i3v: #FFFFFF;
    --11p5p8q: #EAECF3;
    --5l1a8f: #5F6975;
    --hsryh1: #5F6975;
    width: 100%;
    height: 4.125rem;
    position: fixed;
    z-index: 999;
    bottom: -1px;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--active-color);
}

.darken .t1b5irhq {
    --ge4i3v: #1C1E22;
    --11p5p8q: #373C48;
    --5l1a8f: #98A7B5;
    --hsryh1: #FFFFFF
}

.t1b5irhq .tabbar-item {
    width: 20%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.t1b5irhq .tabbar-item>svg {
    fill: var(--5l1a8f);
    width: 1.5rem;
    height: 1.5rem
}

.t1b5irhq .tabbar-item>span {
    font-size: .75rem;
    margin-top: .375rem;
    position: relative;
    z-index: 2;
    font-weight: 500
}

.t1b5irhq .tabbar-item .wallet-tabbar-wrap {
    width: 1.5rem;
    height: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    position: relative
}

.t1b5irhq .tabbar-item .wallet-tabbar-wrap .in-1 {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    background-color: var(--ge4i3v);
    position: absolute;
    top: -1.75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.t1b5irhq .tabbar-item .wallet-tabbar-wrap .in-1 .in-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.875rem;
    height: 2.875rem;
    border-radius: 50%;
    background-color: var(--11p5p8q)
}

.t1b5irhq .tabbar-item .wallet-tabbar-wrap .in-1 .in-2 svg {
    fill: var(--hsryh1);
    width: 1.5rem;
    height: 1.5rem
}

.t1b5irhq .tabbar-item .dont-badge {
    position: absolute;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    right: 1.25rem;
    top: .5rem;
    background-color: var(--primary-color)
}

.t1b5irhq .tabbar-item .at-badge {
    position: absolute;
    font-size: .75rem;
    line-height: .75rem;
    width: 1.25rem;
    height: 1.25rem;
    right: 1.125rem;
    top: .25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--title-color);
    background-color: var(--primary-color);
    border-radius: 50%;
    padding-bottom: 2px
}

.t1b5irhq .tabbar-item.active>svg {
    fill: var(--title-color)
}

/* .t1b5irhq .tabbar-item.active>span {
    color: var(--title-color);
    font-weight: 500
} */

.l1tjfrk9 {
    --1mkn1l0: #F6F7FA;
    width: 100%;
    height: 100%
}

.darken .l1tjfrk9 {
    --1mkn1l0: #2D3035
}

.l1tjfrk9 .mobile-lang-list-wrap {
    padding: .5rem .75rem !important
}

.l1tjfrk9 .mobile-lang-list-wrap .lang-fiat-item {
    width: 100%;
    height: 2.75rem;
    border-radius: var(--border-radius);
    margin-bottom: .75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    font-size: 1rem
}

.l1tjfrk9 .mobile-lang-list-wrap .lang-fiat-item .lf-inner {
    position: relative;
    z-index: 2;
    padding: 0 1rem
}

.l1tjfrk9 .mobile-lang-list-wrap .lang-fiat-item .hover-bg {
    position: absolute;
    z-index: 1;
    pointer-events: none
}

.l1tjfrk9 .mobile-lang-list-wrap .lang-fiat-item.select {
    font-weight: 700
}

.l1tjfrk9 .mobile-lang-list-wrap .lang-fiat-item.select .lf-inner {
    color: var(--title-color)
}

.l1tjfrk9 .mobile-lang-list-wrap .lang-fiat-item.select .lf-inner svg {
    fill: var(--title-color)
}

.l1tjfrk9 .mobile-lang-list-wrap .lang-fiat-item.select .hover-bg {
    width: 100%;
    height: 100%;
    background: var(--1mkn1l0);
    mix-blend-mode: normal;
    border-radius: var(--border-radius)
}

.l1eoxxw5 {
    --zofaf: #FFFFFF;
    height: 100%;
    cursor: pointer;
    position: relative
}

.darken .l1eoxxw5 {
    --zofaf: #24262B
}

.l1eoxxw5 .lan-header-inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .25rem
}

.l1eoxxw5 .lan-header-inner .language {
    width: 1.375rem;
    height: 1.375rem;
    fill: var(--text-color)
}

.l1eoxxw5 .lan-header-inner span {
    margin: 0 .5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem
}

.l1eoxxw5 .lan-header-inner .arrow {
    font-size: .8125rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.36, .66, .04, 1);
    -webkit-transition: transform .5s cubic-bezier(.36, .66, .04, 1);
    transition: transform .5s cubic-bezier(.36, .66, .04, 1)
}

.l1eoxxw5 .lan-header-inner .arrow.visible {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.l1eoxxw5 .language-motion-wrap {
    position: absolute;
    top: 108%;
    right: 0;
    width: 11.25rem;
    height: 22.5rem;
    background-color: var(--zofaf);
    border-radius: var(--border-radius);
    box-shadow: 0 4px 14px #00000040
}

.s1tqnqd {
    --1n7ksai: #ffffff;
    --1s89jcz: #31373d;
    position: absolute;
    bottom: -3.25rem;
    width: 10.75rem;
    height: 2.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    border-radius: var(--border-radius);
    background: var(--1n7ksai);
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--1s89jcz);
    font-weight: 700
}

.darken .s1tqnqd {
    --1n7ksai: #31343c;
    --1s89jcz: #dfe3e6
}

.s1tqnqd span {
    color: var(--primary-color);
    margin-right: .25rem
}

.s1tqnqd:before {
    content: " ";
    position: absolute;
    top: -1.125rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid var(--1n7ksai)
}

.d1uojv1d {
    position: absolute;
    left: 0;
    z-index: 10;
    font-weight: 700;
    color: var(--primary-color);
    margin-top: -.75rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.d1uojv1d.deduction-item-0 {
    top: 50%
}

.d1uojv1d.deduction-item-1 {
    top: 100%
}

.d1uojv1d.deduction-item-2 {
    top: 150%
}

.domvgnb {
    width: 464px;
    height: 773px
}

.s7aktiy .ui-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.s7aktiy .tabs-view {
    height: 1px;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.sge4pt {
    --18w92jy: #fff;
    background-color: var(--18w92jy);
    width: 26.25rem;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: var(--border-radius);
    overflow: hidden
}

.darken .sge4pt {
    --18w92jy: #17181b
}

.sge4pt .search-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.25rem
}

.sge4pt .search-head .ui-input {
    margin-top: 0
}

.sge4pt .search-head .ui-button {
    width: 2.5rem
}

.sge4pt .search-dialog .ui-tabs.tabs-circle .tabs-navs {
    margin-top: 0
}

@media screen and (max-width:621px) {
    .sge4pt {
        width: 100%
    }
}

.a1tlx91c {
    --1vytwyb: #fff;
    height: 38.75rem;
    max-height: 80vh;
    width: 26.25rem;
    position: absolute;
    right: 0;
    top: 100%;
    padding-top: .5rem;
    z-index: 99
}

.darken .a1tlx91c {
    --1vytwyb: #1C1E22
}

.a1tlx91c .balance-select {
    height: 100%;
    border-radius: var(--border-radius);
    box-shadow: 0 5px 8px #0000003d
}

.a1tlx91c .bg {
    background-color: var(--1vytwyb);
    padding: 1.25rem 0
}

@media screen and (max-width:621px) {
    .a1tlx91c {
        width: 100%;
        left: 0;
        z-index: 10;
        padding-top: 0;
        box-shadow: 0 6px 16px #0000004d
    }
    .a1tlx91c .balance-select {
        border-radius: 0 0 var(--border-radius) var(--border-radius)
    }
}

.w1r99ly1 {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
}

@media screen and (max-width:621px) {
    .w1r99ly1 {
        position: static
    }
}

.e1apcgi5 {
    --1abnjtw: rgba(233, 234, 242, .6);
    background-color: var(--1abnjtw);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 3rem;
    border-radius: var(--border-radius);
    line-height: 1;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.darken .e1apcgi5 {
    --1abnjtw: #1d2836
}

.e1apcgi5 svg {
    fill: #fff
}

.ttilbyf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ttilbyf .coin-icon {
    width: 1rem;
    height: 1rem
}

.ttilbyf svg {
    fill: #abb6c2;
    width: .75rem;
    height: .75rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ttilbyf .currency {
    margin: 0 .625rem 0 .4375rem
}

.c1wjh8dn {
    --160jnsh: #FFFFFF;
    --k62743: #EAECF2;
    position: relative;
    padding: .5rem
}

.darken .c1wjh8dn {
    --160jnsh: #32343B;
    --k62743: #252324
}

.c1wjh8dn .balance {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .125rem
}

.c1wjh8dn .balance .name {
    display: none
}

.c1wjh8dn .balance .amount {
    color: var(--title-color);
    font-weight: 600;
    margin: 0 .25rem
}

.c1wjh8dn .rac {
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid var(--160jnsh);
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    transform: translate(-60%)
}

@media screen and (max-width:621px) {
    .c1wjh8dn {
        font-size: .75rem
    }
}

.b1roz03j.ui-button {
    height: 100%;
    width: 7.25rem;
    position: relative;
    z-index: 2;
    border-radius: var(--border-radius);
    font-weight: 600
}

.b1roz03j.ui-button svg {
    margin-right: .3125rem
}

@media screen and (max-width:621px) {
    .b1roz03j.ui-button {
        display: none;
        width: 0;
        height: 0
    }
}

.izof4yk {
    --160jnsh: #FFFFFF;
    --k62743: #EAECF2;
    position: absolute;
    cursor: auto;
    width: 20rem;
    height: 10rem;
    background: var(--160jnsh);
    box-shadow: 0 4px 10px #0009;
    border-radius: 4px;
    left: 50%;
    top: 3.5rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.darken .izof4yk {
    --160jnsh: #32343B;
    --k62743: #252324
}

.izof4yk .cl-p {
    color: var(--primary-color);
    cursor: pointer;
    margin: 0;
    margin-right: .75rem
}

.izof4yk .cl-p:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.izof4yk .close-btn-w {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: .25rem;
    padding-right: .25rem
}

.izof4yk .close-btn-w .close {
    width: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 8px
}

.izof4yk .close-btn-w .close svg {
    fill: #979797
}

.izof4yk .d {
    text-align: center;
    padding: 0 1rem;
    color: var(--title-color);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    margin: 0;
    margin-top: .25rem
}

.izof4yk .d .g {
    color: var(--primary-color)
}

.izof4yk .l-d {
    text-align: center;
    padding: 0 1rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    margin: 0;
    margin-top: .25rem
}

.izof4yk .btns {
    margin-top: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.izof4yk .btns button {
    width: 8.375rem;
    height: 2.5rem;
    font-weight: 400
}

.izof4yk .btns .switch-btn {
    margin-right: .75rem;
    background-color: var(--k62743)
}

.izof4yk.balance-wrap {
    height: 11.25rem
}

.izof4yk.balance-wrap .d {
    margin-top: 0
}

.izof4yk.balance-wrap .note {
    font-size: .75rem;
    padding: 0 .5rem;
    text-align: center;
    font-style: italic;
    opacity: .8
}

.izof4yk.balance-wrap .btns {
    margin-top: .75rem
}

@media screen and (max-width:621px) {
    .izof4yk {
        position: relative;
        top: 50%;
        left: 50%;
        width: 23.75rem;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.w14i5ya5 {
    --18w92jy: #fff;
    --35p5sb: #fff;
    --rl3gpp: #e9eaf2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    position: relative
}

.darken .w14i5ya5 {
    --18w92jy: #17181b;
    --35p5sb: #1e2024;
    --rl3gpp: transparent
}

.w14i5ya5>div {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.w14i5ya5 .header, .w14i5ya5 .footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 4.5rem;
    height: auto;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    z-index: 2;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.w14i5ya5 .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 1%;
    background-color: var(--18w92jy)
}

.w14i5ya5 .header {
    background-color: var(--35p5sb);
    border-bottom: 1px solid var(--rl3gpp)
}

.w14i5ya5 .footer {
    background-color: var(--35p5sb)
}

.w14i5ya5 .footer:before {
    content: "";
    position: absolute;
    top: -.3125rem;
    left: 0;
    height: .3125rem;
    width: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .075), rgba(0, 0, 0, 0))
}

.h1tl1dvj {
    --z9rvzs: #000;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.darken .h1tl1dvj {
    --z9rvzs: #f5f6f7
}

.h1tl1dvj .pri-title {
    font-size: 1rem;
    color: var(--z9rvzs);
    font-weight: 700
}

.wbqk83r {
    --12zvzzp: rgba(195, 195, 195, .4);
    --1ummrq5: #f5f6fa;
    --whdmoy: #31373d
}

.darken .wbqk83r {
    --12zvzzp: rgba(195, 195, 195, .05);
    --1ummrq5: #1e2024;
    --whdmoy: #f5f6f7
}

.wbqk83r .ui-scrollview {
    height: 1px;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.wbqk83r .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem;
    height: 3.5rem;
    border-bottom: 1px solid var(--12zvzzp)
}

.wbqk83r .item:last-of-type {
    border-bottom: none
}

.wbqk83r .item>button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.875rem;
    height: 2.25rem;
    border-radius: var(--border-radius);
    margin-left: .3125rem;
    font-size: .75rem;
    border: 1px solid rgba(95, 105, 117, .3)
}

.wbqk83r .item .accept {
    color: var(--primary-color)
}

.wbqk83r .wrap {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1.375rem;
    border-radius: var(--border-radius);
    background-color: var(--1ummrq5)
}

.wbqk83r .ui-pagination {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: .625rem
}

.wbqk83r .content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.125rem
}

.wbqk83r .avatar {
    width: 2.25rem;
    height: 2.25rem;
    margin-right: .625rem;
    border-radius: 50%
}

.wbqk83r .title {
    font-size: .875rem;
    font-weight: 700;
    color: var(--whdmoy)
}

@media screen and (max-width:621px) {
    .wbqk83r .wrap {
        margin: 0;
        border-radius: none
    }
}

.t16uaxfo {
    --wz4i5m: rgba(153, 164, 176, .6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    color: var(--wz4i5m)
}

.darken .t16uaxfo {
    --wz4i5m: rgba(153, 164, 176, .6)
}

.w1fjgc1r {
    --1mkn1l0: #F6F7FA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 3rem;
    height: 3rem;
    border-radius: var(--border-radius);
    cursor: pointer;
    position: relative
}

.darken .w1fjgc1r {
    --1mkn1l0: #2D3035
}

.w1fjgc1r .icon {
    font-size: .875rem
}

.w1fjgc1r:hover {
    background-color: var(--1mkn1l0)
}

@media screen and (min-width:621px) {
    .w1fjgc1r:hover svg {
        fill: var(--title-color)
    }
}

@media screen and (max-width:621px) {
    .w1fjgc1r {
        width: auto;
        height: auto
    }
    .w1fjgc1r .badge {
        width: 1.25rem;
        height: 1.25rem;
        min-width: auto;
        font-size: .625rem;
        border-radius: .625rem;
        top: .25rem;
        right: .25rem
    }
}

.t9kszd3 {
    --my2ykx: #E9EBF2
}

.darken .t9kszd3 {
    --my2ykx: #3D4049
}

.t9kszd3 .s-nav-item-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.t9kszd3 .s-nav-item-right .s-arrow {
    font-size: .75rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.36, .66, .04, 1);
    -webkit-transition: transform .5s cubic-bezier(.36, .66, .04, 1);
    transition: transform .5s cubic-bezier(.36, .66, .04, 1)
}

.t9kszd3 .s-sub-navs-wrap {
    padding: 0 .75rem
}

.t9kszd3.open {
    background: var(--my2ykx)
}

.t9kszd3.open .s-nav-item-right .s-arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.trofzcu {
    --mrq6en: #98A7B5;
    --y3k9kp: #FFFFFF;
    margin-bottom: .75rem;
    width: 100%;
    height: 3.25rem;
    border-radius: var(--border-radius);
    border: 1px solid var(--mrq6en);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem .75rem
}

.darken .trofzcu {
    --mrq6en: #67707B;
    --y3k9kp: #2E3035
}

.trofzcu .s-search-right {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.trofzcu .s-search-right .icon {
    font-size: 1rem;
    margin-right: .5rem
}

.trofzcu .s-search-right span {
    font-size: 1rem
}

.m18t3jnw {
    --1oce4tx: #F6F7FA;
    --y3k9kp: #FFFFFF;
    --1og1fbu: #9FA5AC;
    --oc2g2u: #F6F7FA;
    --1tdesvk: #31373D;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.darken .m18t3jnw {
    --1oce4tx: #24262A;
    --y3k9kp: #2E3035;
    --1og1fbu: #98A7B5;
    --oc2g2u: #17181B;
    --1tdesvk: #3D4049
}

.m18t3jnw .promo-button-enter {
    margin-top: 0;
    border: none;
    padding: 0;
    margin-bottom: 1.25rem
}

.m18t3jnw .s-scroll-wrap {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    overflow: hidden
}

.m18t3jnw .s-motion-item {
    height: 100%
}

.m18t3jnw .s-motion-item .ui-scrollview {
    padding: .5rem .75rem 1.5rem
}

.m18t3jnw .s-motion-item .s-nav-wrap-item {
    width: 100%;
    border-radius: var(--border-radius);
    background-color: var(--y3k9kp);
    margin-bottom: .75rem
}

.m18t3jnw .s-motion-item .s-login-item-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.m18t3jnw .s-motion-item .s-login-item-wrap>a {
    width: 33.3%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 5.75rem
}

.m18t3jnw .s-motion-item .s-login-item-wrap>a .icon {
    font-size: 1rem
}

.m18t3jnw .s-motion-item .s-login-item-wrap>a .svg {
    width: 1rem;
    height: 1.25rem;
    fill: var(--1og1fbu)
}

.m18t3jnw .s-motion-item .s-login-item-wrap>a span {
    color: var(--title-color);
    margin-top: .75rem;
    font-size: 1rem;
    line-height: 1rem;
    height: 1rem;
    text-align: center
}

.m18t3jnw .s-motion-item .s-nav-title {
    padding: 0 .75rem;
    height: 2.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.m18t3jnw .s-motion-item .s-nav-item {
    width: 100%;
    height: 3.25rem;
    padding: 0 .75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .125rem 0
}

.m18t3jnw .s-motion-item .s-nav-item .s-nav-item-left {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 1.5rem;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m18t3jnw .s-motion-item .s-nav-item .s-nav-item-left svg {
    font-size: 1rem
}

.m18t3jnw .s-motion-item .s-nav-item .s-nav-item-right {
    margin-left: .625rem;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--title-color);
    font-size: 1rem
}

.m18t3jnw .s-motion-item .s-nav-item .s-nav-item-right .icon {
    fill: var(--title-color);
    width: .875rem;
    height: .875rem;
    margin-left: .25rem;
    margin-bottom: -.0625rem
}

.m18t3jnw .promo-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    padding: .5rem .75rem .5rem 0;
    position: relative
}

.m18t3jnw .promo-item .c-wrap {
    position: absolute;
    width: .75rem;
    height: 3rem;
    top: .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.m18t3jnw .promo-item .c-wrap>div {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background: var(--1oce4tx)
}

.m18t3jnw .promo-item .c-wrap.left-c {
    left: -.375rem
}

.m18t3jnw .promo-item .c-wrap.right-c {
    right: -.375rem
}

.m18t3jnw .promo-item .gift {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 3.625rem;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m18t3jnw .promo-item .lines {
    width: 1px;
    height: 1.25rem;
    background-color: var(--1tdesvk)
}

.m18t3jnw .promo-item .time-left {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    background-color: var(--oc2g2u);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .75rem
}

.k1bfzm5s {
    --oc2g2u: #F6F7FA;
    width: 100%;
    height: 4.625rem;
    padding: .5rem 0;
    overflow: hidden
}

.darken .k1bfzm5s {
    --oc2g2u: #17181B
}

.k1bfzm5s .kenya-scroll {
    padding: 0 !important;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-scrollbar-width: none;
    -moz-scrollbar-width: none;
    -ms-scrollbar-width: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.k1bfzm5s .kenya-scroll::-webkit-scrollbar {
    display: none
}

.k1bfzm5s .kenya-scroll .kenya-navs-wrap {
    width: auto;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .75rem
}

.k1bfzm5s .kenya-scroll .kenya-navs-wrap .kenya-top-navigate-item {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 .75rem;
    font-size: 1rem;
    border-radius: var(--border-radius)
}

.k1bfzm5s .kenya-scroll .kenya-navs-wrap .kenya-top-navigate-item svg {
    margin-bottom: .25rem
}

.k1bfzm5s .kenya-scroll .kenya-navs-wrap .kenya-top-navigate-item.gr svg {
    fill: var(--primary-color)
}

.k1bfzm5s .kenya-scroll .kenya-navs-wrap .kenya-top-navigate-item.active {
    background-color: var(--oc2g2u)
}

.nrb2lhb {
    --1jdomdh: #F6F7FA;
    padding: 1rem .75rem
}

.darken .nrb2lhb {
    --1jdomdh: #3C404A
}

.nrb2lhb p {
    margin: 0
}

.nrb2lhb .a-top {
    width: 100%;
    height: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nrb2lhb .a-top svg {
    width: 4rem;
    height: 4rem
}

.nrb2lhb .a-top .a-p {
    margin-left: 1rem
}

.nrb2lhb .a-top .a-p .a-t {
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: var(--title-color);
    font-weight: 700
}

.nrb2lhb .a-top .a-p .a-t .host {
    margin: 0 .25rem
}

.nrb2lhb .a-top .a-p .a-d {
    margin-top: .25rem;
    font-size: .875rem;
    line-height: 1.125rem
}

.nrb2lhb .a-sign {
    margin-top: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nrb2lhb .a-sign .ui-button {
    width: 48%;
    height: 2.75rem;
    color: var(--title-color)
}

.nrb2lhb .a-sign .ui-button.a-s {
    background: var(--1jdomdh)
}

.nrb2lhb .a-sign .ui-button.a-r {
    color: #fff
}

.t92zz1d {
    --1h443ei: #FFFFFF;
    --6596nj: #F6F7FA;
    width: 6.75rem;
    height: 3.375rem;
    /* background: var(--6596nj); */
    border-radius: var(--border-radius);
    padding: .25rem
}

.darken .t92zz1d {
    --1h443ei: #2D3035;
    --6596nj: #24262B
}

.t92zz1d .theme-inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.t92zz1d button {
    --1h443ei: #2D3035;
    --6596nj: #24262B;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    background: var(--background-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3px;
    border-radius: 5px;
}

.t92zz1d button svg {
    font-size: .875rem
}

.t92zz1d button span {
    margin-left: .5rem
}

/* .t92zz1d .theme-bg {
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    top: 0;\
    left: 0;
    background: var(--1h443ei);
    mix-blend-mode: normal;
    border-radius: var(--border-radius);
    -webkit-transition: all .5s cubic-bezier(.36, .66, .04, 1);
    transition: all .5s cubic-bezier(.36, .66, .04, 1)
} */

.t92zz1d.light .theme-bg {
    left: 50%
}

.cdog9uw {
    --revm0p: #F6F7FA;
    padding-bottom: .125rem
}

.darken .cdog9uw {
    --revm0p: #191B1E
}

.cdog9uw .theme-wrap {
    width: 5.875rem;
    height: 3rem;
    background: var(--revm0p)
}

.uzb60dz {
    --wouhdx: #ECF0F6;
    --suug8u: rgba(152, 167, 181, .2);
    padding: .75rem 1rem
}

.darken .uzb60dz {
    --wouhdx: #24262A;
    --suug8u: rgba(255, 255, 255, .05)
}

.uzb60dz .a-login-user {
    width: 100%;
    padding-bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--suug8u)
}

.uzb60dz .a-login-user .a-user-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.uzb60dz .a-login-user .a-user-left .avatar {
    width: 4rem;
    height: 4rem;
    border-radius: 50%
}

.uzb60dz .a-login-user .a-user-left .a-left-name {
    margin-left: 1rem
}

.uzb60dz .a-login-user .a-user-left .a-left-name p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.uzb60dz .a-login-user .a-user-left .a-left-name .a-name-t {
    color: var(--title-color);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.375rem
}

.uzb60dz .a-login-user .a-user-left .a-left-name .a-name-d {
    margin-top: .25rem
}

.uzb60dz .a-login-user .a-user-right {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 1.5rem;
    height: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .8125rem
}

.uzb60dz .a-login-vip {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1rem
}

.uzb60dz .a-login-vip .a-vip-left {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: .5rem
}

.uzb60dz .a-login-vip .a-vip-left .a-vip-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.25rem
}

.uzb60dz .a-login-vip .a-vip-left .a-vip-icon .a-vip-level {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    color: var(--title-color);
    font-weight: 600
}

.uzb60dz .a-login-vip .a-vip-left .a-vip-icon .a-vip-level .lv {
    margin-left: .25rem
}

.uzb60dz .a-login-vip .a-vip-left .a-vip-stage {
    width: 100%;
    margin-top: .375rem;
    height: .5rem;
    border-radius: var(--border-radius);
    overflow: hidden;
    background: var(--wouhdx);
    position: relative
}

.uzb60dz .a-login-vip .a-vip-left .a-vip-stage .a-vip-stage-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: var(--border-radius);
    background: var(--primary-color)
}

.uzb60dz .a-login-vip .a-vip-left .a-vip-status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1rem;
    margin-top: .625rem
}

.uzb60dz .a-login-vip .a-vip-left .a-vip-status .a-xp {
    max-width: 35%
}

.uzb60dz .a-login-vip .a-vip-left .a-vip-status .a-w {
    color: var(--title-color)
}

.uzb60dz .a-login-vip .a-vip-right {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 1.5rem;
    height: 3.75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .8125rem
}

.uzb60dz .a-login-vip .a-vip-right p {
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600
}

.b1gyxa15 {
    --v01adv: #F6F7FA;
    --1w1dy3c: #DADDE6;
    margin: 0 0 16px;
    padding: 0 6px;
    width: 100%
}

.darken .b1gyxa15 {
    --v01adv: #17191B;
    --1w1dy3c: #17191B
}

.b1gyxa15 .auto-inner {
    width: 52px;
    height: 52px;
    background-color: var(--v01adv);
    border-radius: var(--border-radius);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent
}

.b1gyxa15 .auto-inner .hover-list-wrap {
    overflow: hidden;
    width: 52px;
    height: 52px;
    background-color: var(--1w1dy3c);
    border-radius: var(--border-radius);
    box-shadow: 0 0 10px var(--shadow-color);
    padding: 0;
    z-index: 1
}

.b1gyxa15 .auto-inner .hover-list-wrap .bl-l {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.b1gyxa15 .auto-inner .hover-list-wrap .bonus-item {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 52px;
    height: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b1gyxa15 .auto-inner .hover-list-wrap .bonus-item .bonus-text {
    display: none
}

.b1gyxa15 .auto-inner .hover-list-wrap .bonus-item .bonus-item-btn {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b1gyxa15 .auto-inner .hover-list-wrap .bonus-item .bonus-item-btn.locked {
    opacity: .6
}

.b1gyxa15 .auto-inner .hover-list-wrap .bonus-item .bonus-item-btn .locked {
    font-size: 6px;
    position: absolute;
    top: 4px;
    right: 9px
}

.b1gyxa15 .auto-inner .hover-list-wrap .li-shitcode .bonus-img {
    height: 40px
}

.b1gyxa15 .auto-inner:hover {
    background-color: transparent
}

.b1gyxa15 .auto-inner:hover .hover-list-wrap {
    position: absolute;
    left: calc(100% - 58px);
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.b1gyxa15 .auto-inner:hover .hover-list-wrap .right-tip {
    display: none
}

.blug9f {
    --v01adv: #F6F7FA;
    --5l1a8f: #5F6975;
    --bmhqkg: #5F6975;
    --o15av8: #FFFFFF;
    width: 100%;
    height: auto;
    padding-bottom: 0px;
    background: var(--v01adv);
    border-radius: var(--border-radius)
}

.darken .blug9f {
    --v01adv: #17191B;
    --5l1a8f: #98A7B5;
    --bmhqkg: #656E78;
    --o15av8: #DADDE6
}

.blug9f .bl-l {
    padding: 0 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blug9f .bl-l .bonus-item {
    margin-top: 8px;
    width: 109px;
    height: 42px;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.blug9f .bl-l .bonus-item.item-3 {
    width: 100%
}

.blug9f .bl-l .bonus-item.item-3 .bonus-item-btn {
    width: 60px
}

.blug9f .bl-l .bonus-item.item-3 .bonus-text {
    padding-left: 60px
}

.blug9f .bl-l .bonus-item.item-3 .bonus-text p {
    font-size: 16px;
    line-height: 1;
    height: auto
}

.blug9f .bl-l .bonus-item .bonus-text {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding-left: 60px;
}

.blug9f .bl-l .bonus-item .bonus-text p {
    margin: 0;
    font-size: 12px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    height: 12px;
    line-height: 12px
}

.blug9f .bl-l .bonus-item .bonus-text .t {
    color: var(--title-color);
    font-weight: 700;
    white-space: nowrap;
    font-size: 0.8rem;
}

.blug9f .bl-l .bonus-item .bonus-text .t.shitcode {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.blug9f .bl-l .bonus-item .bonus-text .d {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px;
    color: var(--bmhqkg);
    white-space: nowrap
}

.blug9f .bl-l .bonus-item .bonus-text .d .icon {
    font-size: 6px;
    margin-left: 4px
}

.blug9f .bl-l .bonus-item .bonus-item-btn {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.blug9f .bl-l .bonus-item .bonus-item-btn .locked {
    display: none
}

.blug9f .bl-l .li-quests {
    background: linear-gradient(26.79deg, rgba(109, 43, 255, .480402) 1.86%, rgba(109, 43, 255, .04) 85.25%, rgba(109, 43, 255, .04) 85.25%), rgba(216, 216, 216, .05)
}

.blug9f .bl-l .li-quests.deposit {
    background: linear-gradient(26.79deg, rgb(193 156 43) 1.86%, rgb(255 199 12 / 18%) 85.25%, rgb(255 195 0 / 34%) 85.25%), rgb(255 255 255 / 15%);
}

.blug9f .bl-l .li-quests.withdraw {
    background: linear-gradient(26.79deg, rgb(0 147 94) 1.86%, rgb(12 108 77 / 17%) 85.25%, rgb(13 105 73 / 20%) 85.25%), rgb(201 181 181 / 5%);
}

.blug9f .bl-l .li-spin {
    background: linear-gradient(19.92deg, rgba(175, 13, 132, .511772) -6.45%, rgba(175, 13, 132, .04) 78.77%), rgba(216, 216, 216, .05)
}

.blug9f .bl-l .li-rakeback {
    background: linear-gradient(27.58deg, rgba(255, 182, 26, .458519) -11.39%, rgba(255, 182, 26, .04) 94.73%), rgba(216, 216, 216, .05)
}

.blug9f .bl-l .li-recharge {
    background: linear-gradient(26.36deg, rgba(19, 215, 102, .531727) -2.27%, rgba(19, 215, 102, .04) 67.53%), rgba(216, 216, 216, .05)
}

.blug9f .bl-l .li-shitcode {
    background: linear-gradient(58.63deg, rgba(29, 175, 13, .509528) -2.25%, rgba(29, 175, 13, .04) 34.75%), rgba(216, 216, 216, .05)
}

.blug9f .bl-l .li-shitcode .bonus-img {
    height: 40px;
    margin-left: -4px;
    margin-right: 4px;
    margin-top: 2px
}

.blug9f .bl-l .li-bcdtips {
    background: linear-gradient(51.22deg, rgba(255, 87, 26, .438688) -5.3%, rgba(255, 87, 26, .04) 40.46%), rgba(216, 216, 216, .05)
}

.vuizquv {
    --t99veb: #ECF0F6;
    --zofaf: #FFFFFF;
    --p564k6: rgba(152, 167, 181, .2);
    padding: 0 .75rem
}

.darken .vuizquv {
    --t99veb: #98A7B5;
    --zofaf: #24262B;
    --p564k6: rgba(255, 255, 255, .05)
}

.vuizquv .a-host-top {
    height: 2.5rem;
    padding: .75rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--p564k6)
}

.vuizquv .a-host-top p {
    font-weight: 500
}

.vuizquv .a-host-wrap {
    width: 100%;
    height: 4.25rem;
    padding: .5rem 0
}

.vuizquv .a-host-wrap .a-host-wrap-inner {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-avatar-wrap {
    width: 3.375rem;
    height: 3.375rem;
    border-radius: 50%;
    background: var(--t99veb);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .1875rem;
    position: relative
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-avatar-wrap.online {
    background: var(--primary-color)
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-avatar-wrap .avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-avatar-wrap .a-dont {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    background: var(--zofaf);
    padding: 2px
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-avatar-wrap .a-dont .a-dont-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--t99veb)
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-avatar-wrap .a-dont.g .a-dont-inner {
    background: var(--primary-color)
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-host-name {
    margin-left: 1rem
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-host-name .a-host-d {
    font-size: 1rem;
    font-weight: 600;
    color: var(--title-color);
    line-height: 1rem
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-host-name .a-host-t {
    line-height: 1rem;
    margin-top: .25rem
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-host-right {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-host-right .badge {
    width: 1.75rem;
    height: 1.125rem;
    margin: 0;
    border-radius: var(--border-radius);
    background: var(--primary-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    margin-right: .625rem;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.vuizquv .a-host-wrap .a-host-wrap-inner .a-host-right .icon {
    font-size: .8125rem
}

.rahigm {
    --iwllfs: #FFFFFF;
    --pwjzjf: #EAECF2;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.darken .rahigm {
    --iwllfs: #1E2024;
    --pwjzjf: #17181B
}

.rahigm .a-refer-inner {
    width: 100%;
    height: 26.25rem
}

.rahigm p {
    margin: 0
}

.rahigm .a-pop-inner {
    width: 100%;
    height: 26.25rem;
    background: var(--iwllfs);
    position: relative;
    padding: 3.625rem 1rem 0;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.rahigm .refer-top {
    width: 100%;
    height: 9.375rem;
    background-color: var(--pwjzjf);
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.rahigm .refer-top .refer-bg {
    position: absolute;
    width: 12.5rem;
    height: 10.5rem;
    z-index: 0;
    background: rgba(67, 179, 9, .75);
    -webkit-filter: blur(106.013px);
    filter: blur(106.013px);
    border-radius: 50%;
    top: -9.375rem;
    left: -6.25rem
}

.rahigm .refer-top img {
    width: 30%;
    height: auto;
    margin: -2% 3% 0
}

.rahigm .refer-top .refer-right {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 4%;
    white-space: nowrap
}

.rahigm .refer-top .refer-right .t {
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--title-color);
    margin: 0;
    line-height: 1.375rem
}

.rahigm .refer-top .refer-right .t .s-g {
    font-size: 1.75rem;
    line-height: 1.875rem;
    font-weight: 900;
    color: var(--primary-color)
}

.rahigm .refer-top .refer-right .t .s-y {
    font-size: 1.75rem;
    line-height: 1.875rem;
    font-weight: 900;
    color: var(--yellow-color)
}

.rahigm .refer-top .refer-right .g {
    margin: .75rem 0 0;
    color: var(--primary-color)
}

.rahigm .refer-bottom {
    margin-top: 1.25rem
}

.rahigm .refer-bottom .sub-t {
    line-height: 1.125rem
}

.rahigm .refer-bottom .ui-input {
    position: relative;
    margin-top: .75rem
}

.rahigm .refer-bottom .ui-input .input-control {
    background: var(--pwjzjf);
    border: none
}

.rahigm .refer-bottom .ui-input .input-after {
    position: absolute;
    width: 2rem;
    height: 100%;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rahigm .refer-bottom .ui-input .input-after .icon {
    font-size: 1.125rem
}

.rahigm .refer-bottom .copy-btn {
    width: 100%;
    margin-top: 1.25rem;
    height: 3rem
}

.b8o72vw {
    --p564k6: rgba(152, 167, 181, .2);
    padding: .75rem
}

.darken .b8o72vw {
    --p564k6: rgba(255, 255, 255, .05)
}

.b8o72vw .a-balance-top {
    height: 2rem;
    padding-bottom: .75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--p564k6)
}

.b8o72vw .a-balance-top .a-num {
    color: var(--title-color);
    font-size: 1rem;
    font-weight: 700
}

.b8o72vw .a-navs-wrap {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: .75rem
}

.b8o72vw .a-navs-wrap .a-nav-item {
    width: 25%;
    height: 3.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.5rem
}

.b8o72vw .a-navs-wrap .a-nav-item svg {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--title-color)
}

.b8o72vw .a-navs-wrap .a-nav-item svg.buy-svg {
    fill: none
}

.b8o72vw .a-navs-wrap .a-nav-item span {
    color: var(--title-color);
    margin-top: .5rem;
    line-height: .875rem
}

.l1or7ee9 {
    --iwllfs: #FFFFFF;
    --1e1ybpj: #EAECF2;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.darken .l1or7ee9 {
    --iwllfs: #1E2024;
    --1e1ybpj: #3D4049
}

.l1or7ee9 p {
    margin: 0
}

.l1or7ee9 .a-logout-inner {
    width: 100%;
    height: 15rem
}

.l1or7ee9 .a-pop-inner {
    width: 100%;
    height: 15rem;
    background: var(--iwllfs);
    position: relative;
    padding: 0 1rem;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.l1or7ee9 .a-pop-title {
    height: 3.75rem;
    padding: 0 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    color: var(--title-color)
}

.l1or7ee9 .a-pop-desc {
    padding: 1rem 0;
    font-size: 1rem;
    font-weight: 500;
    color: var(--title-color);
    text-align: center
}

.l1or7ee9 .a-pop-btns {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .5rem
}

.l1or7ee9 .a-pop-btns button {
    height: 3.25rem;
    width: 48%
}

.l1or7ee9 .a-pop-btns .a-logout {
    background: var(--1e1ybpj);
    color: var(--title-color)
}

.m4h64m3 {
    --y3k9kp: #FFFFFF;
    width: 100%;
    height: 100%
}

.darken .m4h64m3 {
    --y3k9kp: #2E3035
}

.m4h64m3 p {
    margin: 0
}

.m4h64m3 .a-logout {
    width: 100%;
    height: 2.5rem;
    margin-bottom: 1rem
}

.m4h64m3 .ui-scrollview {
    padding: 1rem .75rem
}

.m4h64m3 .a-wrap-item {
    background: var(--y3k9kp);
    border-radius: var(--border-radius);
    margin-bottom: 1rem
}

.m4h64m3 .a-action-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.25rem;
    margin: .125rem 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .75rem
}

.m4h64m3 .a-action-item .a-action-left {
    height: 100%;
    font-size: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m4h64m3 .a-action-item .a-action-left span {
    margin-left: .75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--title-color)
}

.m4h64m3 .a-action-item .a-action-left .icon {
    width: 1.5rem;
    height: 1.5rem
}

.m4h64m3 .a-action-item .a-action-left .a-settings {
    font-size: 1.125rem;
    width: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.m4h64m3 .a-action-item .a-action-left .a-settings .icon {
    position: absolute;
    width: 1.75rem;
    height: 1.75rem
}

.m4h64m3 .a-action-item .a-action-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m4h64m3 .a-action-item .a-action-right .a-r-span {
    font-size: 1rem;
    margin-right: .5rem
}

.m4h64m3 .a-action-item .a-action-right .mobile-notice-dont .count-number {
    height: 1.125rem;
    border-radius: var(--border-radius);
    width: 1.75rem;
    background: var(--primary-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .5rem;
    color: #fff
}

.m4h64m3 .a-action-item .a-action-right .icon {
    font-size: .75rem
}

.m4h64m3 .bonus-list-wrap {
    background: transparent;
    padding: 0;
    margin-bottom: .25rem
}

.m4h64m3 .bonus-list-wrap .bl-l {
    padding: 0
}

.m4h64m3 .bonus-list-wrap .bl-l .bonus-item {
    width: 49%;
    height: 2.75rem;
    margin-top: 0;
    margin-bottom: .75rem
}

.m4h64m3 .bonus-list-wrap .bl-l .bonus-item.item-3 {
    width: 100%
}

.m4h64m3 .bonus-list-wrap .bl-l.bl-l-2 .bonus-item {
    width: 49%
}

.ce7hr3x {
    --mrq6en: #98A7B5;
    --18jgw87: #67707B;
    --1ve4fio: #8E8F91;
    --1452brt: #FFFFFF;
    --qluh4n: #EAECF3;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    padding: 1rem .75rem
}

.darken .ce7hr3x {
    --mrq6en: #67707B;
    --18jgw87: #98A7B5;
    --1ve4fio: #8E8F91;
    --1452brt: #24262A;
    --qluh4n: #32343B
}

.ce7hr3x p {
    margin: 0
}

.ce7hr3x .ui-input {
    margin: 0;
    position: relative;
    height: 3.25rem
}

.ce7hr3x .ui-input .input-control {
    background: transparent;
    border: 1px solid var(--mrq6en);
    padding: 0 .75rem 0 2.5rem;
    height: 100%
}

.ce7hr3x .ui-input .input-control.is-focus {
    border: 1px solid var(--primary-color)
}

.ce7hr3x .ui-input .input-control input {
    font-size: 1rem
}

.ce7hr3x .ui-input .input-control input::-webkit-input-placeholder {
    color: var(--18jgw87)
}

.ce7hr3x .ui-input .input-control input::-moz-placeholder {
    color: var(--18jgw87)
}

.ce7hr3x .ui-input .input-control input:-ms-input-placeholder {
    color: var(--18jgw87)
}

.ce7hr3x .ui-input .input-control input::placeholder {
    color: var(--18jgw87)
}

.ce7hr3x .ui-input .input-search-icon {
    position: absolute;
    top: 50%;
    left: .75rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1rem
}

.ce7hr3x .ui-input .input-cancel-btn {
    position: absolute;
    right: .75rem;
    width: 1.5rem;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0
}

.ce7hr3x .ui-input .input-cancel-btn .btn-inner {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    background: var(--1ve4fio);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ce7hr3x .ui-input .input-cancel-btn .btn-inner .icon {
    fill: var(--1452brt);
    font-size: .625rem
}

.ce7hr3x .search-scroll-wrap {
    width: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.ce7hr3x .search-alert {
    margin-top: 1.5rem;
    text-align: center
}

.ce7hr3x .loading {
    height: 20rem
}

.ce7hr3x .search-res-tit {
    margin-top: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ce7hr3x .search-res-tit p .n {
    margin-right: .25rem
}

.ce7hr3x .search-results {
    margin-top: 1rem
}

.ce7hr3x .search-results .search-results-lottery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem
}

.ce7hr3x .search-result-item {
    height: 4.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .75rem;
    padding: .5rem .75rem .5rem .5rem;
    background: var(--qluh4n);
    border-radius: var(--border-radius)
}

.ce7hr3x .search-result-item img {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: var(--border-radius)
}

.ce7hr3x .search-result-item p {
    margin-left: 1rem;
    color: var(--title-color)
}

.ce7hr3x .search-result-item .icon {
    margin-left: auto;
    font-size: .8125rem
}

.ce7hr3x .his {
    margin-top: 1.5rem
}

.ce7hr3x .his .his-tit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ce7hr3x .his .his-tit button {
    width: 1.75rem;
    height: 1.75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ce7hr3x .his .his-tit button .icon {
    font-size: 1rem
}

.ce7hr3x .his .his-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1rem
}

.ce7hr3x .his .his-search .his-item {
    padding: 0 .75rem;
    color: var(--title-color);
    height: 3rem;
    background: var(--qluh4n);
    margin-bottom: .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .75rem
}

.s18xvu3g {
    --mrq6en: #98A7B5;
    --18jgw87: #67707B;
    --1ve4fio: #8E8F91;
    --1452brt: #FFFFFF;
    --qluh4n: #EAECF3;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem 0
}

.darken .s18xvu3g {
    --mrq6en: #67707B;
    --18jgw87: #98A7B5;
    --1ve4fio: #8E8F91;
    --1452brt: #24262A;
    --qluh4n: #32343B
}

.s18xvu3g p {
    margin: 0
}

.s18xvu3g .ui-input {
    position: relative;
    height: 3.25rem;
    width: 96%;
    margin: 0 auto
}

.s18xvu3g .ui-input .input-control {
    background: transparent;
    border: 1px solid var(--mrq6en);
    padding: 0 .75rem 0 2.5rem;
    height: 100%
}

.s18xvu3g .ui-input .input-control.is-focus {
    border: 1px solid var(--primary-color)
}

.s18xvu3g .ui-input .input-control input {
    font-size: 1rem
}

.s18xvu3g .ui-input .input-control input::-webkit-input-placeholder {
    color: var(--18jgw87)
}

.s18xvu3g .ui-input .input-control input::-moz-placeholder {
    color: var(--18jgw87)
}

.s18xvu3g .ui-input .input-control input:-ms-input-placeholder {
    color: var(--18jgw87)
}

.s18xvu3g .ui-input .input-control input::placeholder {
    color: var(--18jgw87)
}

.s18xvu3g .ui-input .input-search-icon {
    position: absolute;
    top: 50%;
    left: .75rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1rem
}

.s18xvu3g .ui-input .input-cancel-btn {
    position: absolute;
    right: .75rem;
    width: 1.5rem;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0
}

.s18xvu3g .ui-input .input-cancel-btn .btn-inner {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    background: var(--1ve4fio);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.s18xvu3g .ui-input .input-cancel-btn .btn-inner .icon {
    fill: var(--1452brt);
    font-size: .625rem
}

.s18xvu3g .search-scroll-wrap {
    width: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.s18xvu3g .search-scroll-wrap .ui-scrollview {
    padding: 0 .75rem
}

.s18xvu3g .search-alert {
    margin-top: 1.5rem;
    text-align: center
}

.s18xvu3g .loading {
    height: 20rem
}

.s18xvu3g .search-res-tit {
    margin-top: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.s18xvu3g .search-res-tit p .n {
    margin-right: .25rem
}

.s18xvu3g .his {
    margin-top: 1.5rem
}

.s18xvu3g .his .his-tit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1rem
}

.s18xvu3g .his .his-tit button {
    width: 1.75rem;
    height: 1.75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.s18xvu3g .his .his-tit button .icon {
    font-size: 1rem
}

.s18xvu3g .his .his-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1rem
}

.s18xvu3g .his .his-search .his-item {
    padding: 0 .75rem;
    color: var(--title-color);
    height: 2.75rem;
    background: var(--qluh4n);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .75rem;
    margin-bottom: .5rem;
    border-radius: var(--border-radius)
}

.s18xvu3g .popular-title {
    margin-top: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.s18xvu3g .popular-title span {
    margin-left: .375rem;
    font-size: 1rem
}

.s18xvu3g .popular-wraps {
    margin-top: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.s18xvu3g .popular-wraps .popular-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.75rem;
    max-width: 100%;
    padding: 0 1rem;
    background: var(--qluh4n);
    border-radius: var(--border-radius);
    margin-right: .75rem;
    margin-bottom: .5rem
}

.s18xvu3g .popular-wraps .popular-item .left-img-wrap {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem
}

.s18xvu3g .popular-wraps .popular-item .category-icon-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 1.5rem;
    height: 1.5rem
}

.s18xvu3g .popular-wraps .popular-item .category-icon-wrap img {
    width: 1.5rem;
    height: 1.5rem
}

.s18xvu3g .popular-wraps .popular-item .sports-icon-wrap {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.s18xvu3g .popular-wraps .popular-item .sports-icon-wrap svg {
    width: 2rem;
    height: 2rem;
    position: absolute;
    fill: var(--title-color)
}

.s18xvu3g .popular-wraps .popular-item p {
    font-size: 1rem;
    color: var(--title-color)
}

.sqc9nqg {
    --1xanpwj: #ECF0F6;
    --18jgw87: #67707B;
    padding: 0 .25rem
}

.darken .sqc9nqg {
    --1xanpwj: #191B1E;
    --18jgw87: #98A7B5
}

.sqc9nqg .search-title {
    height: 1.25rem;
    margin: .75rem 0
}

.sqc9nqg .category-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 2.75rem;
    width: 100%
}

.sqc9nqg .category-item .sport {
    font-size: .75rem
}

.sqc9nqg .name {
    color: var(--title-color);
    font-size: 1rem;
    line-height: 1.25rem
}

.sqc9nqg .name .search-text {
    color: var(--primary-color)
}

.sqc9nqg .tournament-item {
    margin-top: .75rem;
    height: 3.875rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sqc9nqg .tournament-item .left-icon {
    width: 2.875rem;
    height: 2.875rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--1xanpwj)
}

.sqc9nqg .tournament-item .left-icon .sports-icon-wrap {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sqc9nqg .tournament-item .left-icon .sports-icon-wrap svg {
    width: 2rem;
    height: 2rem;
    fill: var(--18jgw87)
}

.sqc9nqg .tournament-item .right-info {
    margin-left: 1rem
}

.sqc9nqg .tournament-item .right-info .nav-name {
    margin-top: .25rem;
    font-size: .875rem;
    line-height: 1rem
}

.sqc9nqg .match-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .75rem;
    padding: .5rem 0
}

.sqc9nqg .match-item .left-imgs {
    width: 3.75rem;
    height: 2.25rem;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    position: relative
}

.sqc9nqg .match-item .left-imgs .img {
    width: 2.25rem;
    height: 2.25rem;
    position: absolute
}

.sqc9nqg .match-item .left-imgs .img.l {
    z-index: 2
}

.sqc9nqg .match-item .left-imgs .img.r {
    z-index: 1;
    left: 1.5rem
}

.sqc9nqg .match-item .left-imgs .img .match-icon-wrap img, .sqc9nqg .match-item .left-imgs .img .category-icon-wrap img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%
}

.sqc9nqg .match-item .left-imgs .img .sports-icon-wrap {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--1xanpwj)
}

.sqc9nqg .match-item .left-imgs .img .sports-icon-wrap svg {
    width: 1.75rem;
    height: 1.75rem;
    fill: var(--18jgw87)
}

.sqc9nqg .match-item .right-info {
    margin-left: .75rem
}

.sqc9nqg .match-item .right-info .name {
    line-height: 1.25rem
}

.sqc9nqg .match-item .right-info .name .line {
    color: var(--title-color)
}

.sqc9nqg .match-item .right-info .times {
    height: 1.125rem;
    margin-top: .25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sqc9nqg .match-item .right-info .times .live {
    height: 1.125rem;
    padding: 0 .375rem;
    background: rgba(236, 64, 22, .1);
    color: #ec4016;
    font-size: .75rem;
    margin-right: .5rem
}

.w1o1zyin {
    --1oce4tx: #F6F7FA;
    position: fixed;
    z-index: 120;
    bottom: 4.125rem;
    left: 0;
    right: 0;
    top: 3.625rem
}

.darken .w1o1zyin {
    --1oce4tx: #24262A
}

.w1o1zyin .sa-motion-wrap {
    width: 100%;
    height: 101%;
    padding-top: 4.75rem;
    background-color: var(--1oce4tx)
}

.w1o1zyin .sa-motion-wrap .motion-inner {
    width: 100%;
    height: 100%;
    position: relative
}

.w1o1zyin .sa-motion-wrap.kenya-style {
    padding-top: 4rem
}

.w1o1zyin .sa-motion-wrap.kenya-style .ui-scrollview, .w1o1zyin.account-top .sa-motion-wrap {
    padding-top: 0
}

.w1o1zyin .motion-item {
    width: 100%;
    height: 100%
}

.w1o1zyin .s-search-wrap {
    position: absolute;
    inset: 0;
    background-color: var(--1oce4tx)
}

.mszcttz {
    --qluh4n: #EAECF3;
    --6596nj: #F6F7FA;
    --1t345w1: #ffffff;
    height: 4.75rem;
    background-color: var(--6596nj);
    position: relative;
    z-index: 1;
    padding: .75rem;
    margin-top: -1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-scrollbar-width: none;
    -moz-scrollbar-width: none;
    -ms-scrollbar-width: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-shadow: 0 4px 14px 0 #2a313e;
}

.darken .mszcttz {
    --qluh4n: #32343B;
    --6596nj: #24262B;
    --1t345w1: #32343B
}

.mszcttz::-webkit-scrollbar {
    display: none
}

.mszcttz .mobile-top-navigate-list {
    height: 100%;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.mszcttz .mb-top-navigate-item {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    height: 2.25rem;
    padding: 0 .75rem;
    border-radius: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 110px;
    margin-right: 10px;
}

.mszcttz .mb-top-navigate-item span {
    margin-left: .375rem;
    font-size: 1rem;
    color: var(--title-color);
    font-weight: 600;
    white-space: nowrap;
}

/* .mszcttz .mb-top-navigate-item.active {
    background-color: var(--qluh4n)
} */

.mszcttz .mb-top-navigate-item.gr svg {
    fill: var(--primary-color)
}

.m14bkfd3 {
    position: fixed;
    margin-top: 3.75rem;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7)
}

.mia0b51 {
    --zofaf: #FFFFFF;
    --7fl37u: #EAECF3;
    --ygdmir: rgba(0, 0, 0, .25);
    position: fixed;
    z-index: 999;
    left: 0;
    top: -1px;
    right: 0;
    height: 3.75rem
}

.darken .mia0b51 {
    --zofaf: #24262B;
    --7fl37u: #3D4049;
    --ygdmir: #00000040
}

.mia0b51.show {
    height: 8.5rem
}

.mia0b51 .nologin-header-wrap {
    width: 100%;
    height: 3.75rem;
    padding: 0 .75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: var(--zofaf);
    box-shadow: 0 4px 14px 0 var(--ygdmir);
    position: relative;
    z-index: 2
}

.mia0b51 .nologin-header-wrap .mobile-nologin-header-wrap {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 20px;
}

.mia0b51 .nologin-header-wrap .mobile-nologin-header-wrap .mobile-nologin-enter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .5rem
}

.mia0b51 .nologin-header-wrap .mobile-nologin-header-wrap .mobile-nologin-enter button {
    width: 8.125rem;
    height: 2.5rem
}

.mia0b51 .nologin-header-wrap .mobile-nologin-header-wrap .mobile-nologin-enter button .button-inner {
    white-space: nowrap;
    overflow: hidden
}

.mia0b51 .nologin-header-wrap .mobile-nologin-header-wrap .mobile-nologin-enter .signin {
    background: var(--7fl37u);
    margin-right: .5rem;
    color: var(--title-color)
}

.mia0b51 .header-logo {
    height: 2.25rem;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.mia0b51 .login-header-wrap {
    width: 100%;
    height: 3.75rem;
    padding: 0 .75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    background-color: var(--zofaf);
    box-shadow: 0 4px 14px 0 var(--ygdmir)
}

.mia0b51 .mobile-login-header-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px;
}

.mia0b51 .mobile-login-header-wrap .wallet-enter {
    font-size: .875rem
}

.mia0b51 .mobile-login-header-wrap .wallet-enter>div:first-child {
    height: 2.75rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.mia0b51 .mobile-login-header-wrap .deposit-btn {
    width: 2.75rem;
    height: 2.75rem;
    margin-right: .75rem;
    background: #009f62;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)
}

.mia0b51 .mobile-login-header-wrap .deposit-btn svg {
    width: 1.25rem;
    height: 1.25rem
}

.mia0b51 .mobile-login-header-wrap .header-bonus-enter {
    height: 2.75rem
}

.mia0b51 .mobile-login-header-wrap .header-bonus-enter .bonus-dont-wrap {
    background: transparent
}

.mia0b51 .mobile-login-header-wrap .header-bonus-enter .bonus-dont-wrap .icon {
    font-size: 1.25rem
}

.mia0b51 .mobile-login-header-wrap .private-chat {
    height: 2.75rem;
    width: 2.75rem
}

.mia0b51 .mobile-login-header-wrap .private-chat .icon {
    font-size: 1.25rem
}

.p17uug6s {
    position: fixed;
    z-index: 201;
    left: 0;
    top: 0;
    bottom: 0;
    width: 260px
}

.p17uug6s.active {
    width: 80px;
    ;
}

.p17uug6s.active~.wrap_type_5 {
    padding-left: 80px;
}

.p17uug6s.active~#helpcenter {
    padding-left: 80px;
}

.p17uug6s.active~.wrap_type_3 {
    padding-left: 80px;
}

.p17uug6s.active~.s1m5fjkg {
    margin-left: 80px;
}

.p17uug6s.active~.pc0qj6z {
    margin-left: 80px;
}

.p17uug6s.active~.s1cce63r {
    margin-left: 80px;
}

.p17uug6s.active~.fgbfo2v {
    margin-left: 80px;
}

.p17uug6s.active~.s1ggjuy9 {
    margin-left: 80px;
}

.p17uug6s.active~.right-info {
    padding-left: 80px;
}

.p17uug6s.active~.allContent.noticeContent {
    padding-left: 80px;
}

#root.side-unfold, #root.side-unfold #header {
    margin-left: 260px
}

#root.side-unfold.ingames, #root.side-unfold.ingames #header {
    margin-left: 308px
}

#root.side-fold {
    margin-left: 64px
}

#root.side-fold .game-list-nav-wrap {
    display: none
}

#root.side-fold #header, #root.side-fold.ingames, #root.side-fold.ingames #header {
    margin-left: 64px
}

#root.sports-layout #header .header-wrap .page-max-width-wrap {
    padding-left: 16px
}

#root.sports-layout #page-footer {
    margin-top: 0
}

@media screen and (max-width:1200px) {
    #root.side-unfold {
        margin-left: 64px !important
    }
    #root.side-unfold.sports-layout, #root.side-unfold.sports-layout #header {
        margin-left: 0 !important
    }
    #root.side-unfold #header {
        margin-left: 64px !important
    }
}

.p17uug6s .pc-sidebar-inner {
    background-color: var(--standard-color);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.p17uug6s:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: .75rem;
    height: 100%;
    pointer-events: none;
    background-image: var(--page-shadow);
    opacity: .3
}

.p17gjxjj {
    --1ve2azu: linear-gradient(to bottom, #DADDE6, rgba(218, 221, 230, 0));
    width: 100%;
    padding: 0 10px;
    height: 64px;
    position: relative;
    background-color: var(--standard-color)
}

.darken .p17gjxjj {
    --1ve2azu: linear-gradient(to bottom, #111415, rgba(17, 20, 21, 0))
}

.p17gjxjj:before {
    content: " ";
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    height: 12px;
    background-image: var(--1ve2azu);
    opacity: .2
}

.p17gjxjj.sidebar-header-fold {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.p17gjxjj .header-sidebar-inner {
    height: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: start;
}

.p17gjxjj.wrap-fold {
    width: 64px;
    padding: 0
}

.p17gjxjj.wrap-fold .header-sidebar-inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p17gjxjj .logo-pc {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: auto;
    margin-left: 20px;
}

.p17gjxjj .logo-pc .logo-com {
    width: 130px;
}

.p17gjxjj .fold-btn {
    width: 44px;
    height: 44px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    background: var(--background-color);
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.8rem;
    margin-left: 5px;
}

.p17gjxjj .fold-btn svg {
    font-size: .75rem
}

.p17gjxjj .fold-btn:hover svg {
    fill: var(--title-color)
}

.fasxyqz {
    --5amr56: #FFFFFF;
    position: absolute;
    height: 32px;
    left: calc(100% + 16px);
    min-width: 60px;
    background: var(--5amr56);
    box-shadow: 0 0 10px var(--shadow-color);
    border-radius: var(--border-radius);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.darken .fasxyqz {
    --5amr56: #17191B
}

.fasxyqz .tip-inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    position: relative
}

.fasxyqz .tip-inner .rec {
    position: absolute;
    left: -8px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10px solid var(--5amr56);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fasxyqz .tip-inner span {
    white-space: nowrap;
    color: var(--title-color);
    font-size: 14px
}

.p13ll56o {
    width: 400px;
    height: 400px
}

.p13ll56o .ui-input {
    margin-top: 4.375rem
}

.p13ll56o .tip {
    margin-top: .3125rem
}

.p13ll56o .ui-button {
    margin: 3.125rem auto 0;
    width: 15.5rem
}

.f19z6s60 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f19z6s60 button svg {
    width: 1.25rem;
    height: 1.125rem
}

.pdpfjf {
    --m8raho: #;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
    line-height: 1;
    background: var(--background-color);
    border-radius: var(--border-radius);
    padding: 12px 0 8px
}

.darken .pdpfjf {
    --m8raho: #25272C
}

.pdpfjf svg {
    width: 1.875rem;
    height: 1.875rem
}

.pdpfjf .promo-b {
    width: 1.875rem;
    height: 1.875rem
}

.pdpfjf .promo-btn {
    width: auto;
    margin-bottom: .5rem;
    height: auto;
    position: relative
}

.pdpfjf .promo-btn .name {
    position: absolute;
    font-size: .875rem;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    right: .625rem;
    width: 8.75rem;
    top: .5rem;
    height: 3.25rem
}

.pdpfjf img {
    width: auto;
    height: 68px
}

@media screen and (max-width:621px) {
    .pdpfjf {
        border-top: 1px solid rgba(49, 56, 61, .5);
        padding: .75rem 0;
        margin-top: 1rem
    }
    .pdpfjf img {
        height: 2.75rem
    }
    .pdpfjf .promo-btn .name {
        width: 5.5rem;
        height: 2.25rem;
        line-height: 1rem;
        top: .3rem;
        font-size: .75rem;
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.f11y8lik {
    --1hz36cl: #DADDE6;
    --v01adv: #F6F7FA;
    --y0xnps: #F1F3F7;
    --1rnmoed: #EAECF3;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 5rem;
    width: 64px;
    margin-left: auto
}

.darken .f11y8lik {
    --1hz36cl: #25272C;
    --v01adv: #17191B;
    --y0xnps: #282A30;
    --1rnmoed: #2D3035
}

.f11y8lik .bonus-link-enter {
    background-color: transparent;
    padding: 0;
    border-radius: var(--border-radius)
}

.f11y8lik .bonus-link-enter .nav-item {
    position: relative
}

.f11y8lik .bonus-link-enter .nav-item .nav-item-left {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 52px;
    height: 52px
}

.f11y8lik .bonus-link-enter .nav-item .nav-item-right {
    position: absolute;
    padding: 0;
    margin: 0;
    right: -4px;
    top: -4px
}

.f11y8lik .bonus-link-enter .nav-item .nav-item-right span {
    display: none
}

.f11y8lik .bonus-link-enter .nav-item:hover .nav-item-left, .f11y8lik .bonus-link-enter .nav-item.is-active .nav-item-left {
    background: var(--background-color)
}

.f11y8lik .bonus-link-enter .nav-item:hover .nav-item-left svg, .f11y8lik .bonus-link-enter .nav-item.is-active .nav-item-left svg {
    fill: var(--title-color)
}

.f11y8lik .fold-line {
    width: 100%;
    border-top: 1px solid var(--1hz36cl);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0
}

.f11y8lik .fold-line>.fold-navlink-item:first-of-type {
    margin-top: 0
}

.f11y8lik .fold-rafactive, .f11y8lik .fold-refer {
    width: 52px;
    height: 52px;
    border-radius: var(--border-radius);
    background: var(--v01adv);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.f11y8lik .fold-rafactive img, .f11y8lik .fold-refer img {
    width: 90%;
    height: auto
}

.f11y8lik .fold-rafactive {
    overflow: hidden
}

.f11y8lik .fold-rafactive img {
    width: auto;
    height: 100%
}

.f11y8lik .fold-navlink-item {
    width: 52px;
    height: 52px;
    border-radius: var(--border-radius);
    margin-top: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f11y8lik .fold-navlink-item:hover, .f11y8lik .fold-navlink-item.is-active {
    background: var(--background-color)
}

.f11y8lik .fold-navlink-item:hover svg, .f11y8lik .fold-navlink-item.is-active svg {
    fill: var(--title-color)
}

.f11y8lik .fold-navlink-item.support svg {
    fill: var(--primary-color)
}

.f11y8lik .lan-theme .lan-fiat-wrap {
    width: 100%;
    min-width: 3.25rem;
    padding: 0;
    background-color: transparent;
    position: inherit
}

.f11y8lik .lan-theme .lan-fiat-wrap .lan-local-wrap {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.f11y8lik .lan-theme .lan-fiat-wrap .lan-local-wrap .f-select {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: var(--border-radius)
}

.f11y8lik .lan-theme .lan-fiat-wrap .lan-local-wrap .f-select:hover {
    background-color: var(--background-color)
}

.f11y8lik .lan-theme .lan-fiat-wrap .lan-local-wrap .fiat {
    margin-top: .25rem;
    border: none
}

.f11y8lik .lan-theme .lan-fiat-wrap .lan-local-pop {
    left: 4.5rem
}

.f11y8lik .lan-theme .fold-theme-wrap {
    width: 3.25rem
}

.f11y8lik .lan-theme .fold-theme-wrap .show-icon {
    width: 100%;
    height: 3.25rem;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.f11y8lik .lan-theme .fold-theme-wrap .theme-wrap {
    display: none
}

.f11y8lik .lan-theme .fold-theme-wrap:hover {
    height: 3.25rem
}

.f11y8lik .lan-theme .fold-theme-wrap:hover .show-icon {
    display: none
}

.f11y8lik .lan-theme .fold-theme-wrap:hover .theme-wrap {
    display: block;
    position: absolute;
    left: .375rem;
    height: 3.25rem;
    background-color: var(--y0xnps);
    z-index: 2;
    width: 14.125rem;
    padding: 0
}

.f11y8lik .lan-theme .fold-theme-wrap:hover .theme-wrap .theme-bg {
    background: var(--1rnmoed)
}

.f11y8lik .lan-theme .fold-theme-wrap:hover .theme-wrap button.active span {
    color: var(--title-color)
}

.f11y8lik .lan-theme .fold-theme-wrap:hover .theme-wrap button.active svg {
    fill: var(--title-color)
}

.t1co92t6 {
    --1y91vod: linear-gradient(to bottom, rgba(249, 224, 171, 0), rgba(249, 224, 171, 1), rgba(249, 224, 171, 0));
    --7iyu9n: linear-gradient(to bottom, rgba(69, 217, 30, 0), rgba(140, 230, 117, 1), rgba(69, 217, 30, 0));
    margin-right: .625rem;
    width: 2.75rem;
    height: 1.25rem;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #009f6224;
    color: #009f62;
    overflow: hidden;
    position: relative
}

.darken .t1co92t6 {
    --1y91vod: linear-gradient(to bottom, rgba(103, 83, 35, 0), rgba(103, 83, 35, 1), rgba(103, 83, 35, 0));
    --7iyu9n: linear-gradient(to bottom, rgba(69, 217, 30, 0), rgba(54, 162, 26, 1), rgba(69, 217, 30, 0))
}

@-webkit-keyframes ScanLights-t1co92t6 {
    0% {
        -webkit-transform: translate(-100%, 50%) rotate(-60deg);
        -ms-transform: translate(-100%, 50%) rotate(-60deg);
        transform: translate(-100%, 50%) rotate(-60deg)
    }
    30%, to {
        -webkit-transform: translate(100%, 50%) rotate(-60deg);
        -ms-transform: translate(100%, 50%) rotate(-60deg);
        transform: translate(100%, 50%) rotate(-60deg)
    }
}

@keyframes ScanLights-t1co92t6 {
    0% {
        -webkit-transform: translate(-100%, 50%) rotate(-60deg);
        -ms-transform: translate(-100%, 50%) rotate(-60deg);
        transform: translate(-100%, 50%) rotate(-60deg)
    }
    30%, to {
        -webkit-transform: translate(100%, 50%) rotate(-60deg);
        -ms-transform: translate(100%, 50%) rotate(-60deg);
        transform: translate(100%, 50%) rotate(-60deg)
    }
}

.t1co92t6.is-hot {
    background-color: #f6ab0d24;
    color: #f6ab0d
}

.t1co92t6.is-hot .scan {
    background-image: var(--1y91vod)
}

.t1co92t6 p {
    margin: 0;
    font-size: .875rem;
    position: relative;
    z-index: 2
}

.t1co92t6 .scan {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 200%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-100%, 50%) rotate(-60deg);
    -ms-transform: translate(-100%, 50%) rotate(-60deg);
    transform: translate(-100%, 50%) rotate(-60deg);
    background-image: var(--7iyu9n);
    -webkit-animation: ScanLights-t1co92t6 10s linear 1s infinite;
    animation: ScanLights-t1co92t6 10s linear 1s infinite
}

.slh66v7 {
    --1nfs066: #9FA5AC;
    width: 1.4em;
    height: 1.4em
}

.darken .slh66v7 {
    --1nfs066: #67707B
}

.slh66v7 svg {
    width: 1.4em;
    height: 1.4em;
    fill: var(--1nfs066)
}

.crkvmxc {
    --1shw9w4: #EAECF3;
    --1q81als: #EAECF3;
    --1mkn1l0: #F6F7FA;
    --1nfs066: #9FA5AC;
    --3m44fn: #FFFFFF;
    width: 100%;
    margin-top: 16px
}

.darken .crkvmxc {
    --1shw9w4: #24262B;
    --1q81als: #1E2024;
    --1mkn1l0: #2D3035;
    --1nfs066: #67707B;
    --3m44fn: #555B65
}

.crkvmxc .toggle-tigger {
    height: 48px;
    width: 100%;
    cursor: pointer
}

.crkvmxc .toggle-tigger .nav-item-right {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 14px
}

.crkvmxc .toggle-tigger .nav-item-right svg {
    font-size: 11px;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.36, .66, .04, 1);
    -webkit-transition: transform .5s cubic-bezier(.36, .66, .04, 1);
    transition: transform .5s cubic-bezier(.36, .66, .04, 1)
}

.crkvmxc .toggle-tigger .nav-item-right .hover-wrap {
    width: 28px;
    height: 28px;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.crkvmxc .toggle-tigger .nav-item-right .hover-wrap:hover {
    background: var(--3m44fn)
}

.crkvmxc .toggle-tigger.open-tigger .nav-item-left svg {
    fill: var(--title-color)
}

.crkvmxc .toggle-tigger.open-tigger .nav-item-right {
    color: var(--title-color)
}

.crkvmxc .toggle-tigger.open-tigger .nav-item-right svg {
    fill: var(--title-color);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.crkvmxc .japarot-svg, .crkvmxc .gamebonus-svg {
    width: 1.2em;
    height: 1.2em;
    fill: var(--1nfs066)
}

.crkvmxc .casino-sub-navs {
    padding: 8px
}

.crkvmxc .casino-sub-navs .nav-item-left {
    width: 60px
}

.crkvmxc .casino-sub-navs .line {
    width: 90%;
    height: 1px;
    margin: 18px auto;
    background-color: var(--1shw9w4)
}

.crkvmxc .casino-sub-navs .game-nav-wrap {
    width: 120%;
    margin-left: -10%
}

.crkvmxc .casino-sub-navs .game-nav-wrap .nav-item {
    width: 224px;
    margin: 0 auto
}

.crkvmxc .casino-sub-navs .game-nav-wrap .nav-item .nav-item-right {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 10px
}

.crkvmxc .casino-sub-navs .game-nav-wrap .nav-item .nav-item-right svg {
    font-size: 11px
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .nav-item, .crkvmxc .casino-sub-navs .game-nav-wrap:hover .nav-item {
    background-color: var(--1q81als);
    border-radius: var(--border-radius)
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .nav-item .nav-item-left svg, .crkvmxc .casino-sub-navs .game-nav-wrap:hover .nav-item .nav-item-left svg {
    fill: var(--title-color)
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .nav-item .nav-item-right span, .crkvmxc .casino-sub-navs .game-nav-wrap:hover .nav-item .nav-item-right span {
    color: var(--title-color)
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .nav-item .nav-item-right svg, .crkvmxc .casino-sub-navs .game-nav-wrap:hover .nav-item .nav-item-right svg {
    fill: var(--title-color)
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .game-list-nav-wrap, .crkvmxc .casino-sub-navs .game-nav-wrap:hover .game-list-nav-wrap {
    width: 240px
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .game-list-nav-wrap:after, .crkvmxc .casino-sub-navs .game-nav-wrap:hover .game-list-nav-wrap:after {
    content: " ";
    width: 12px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    background-image: var(--page-shadow);
    opacity: .2
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .game-list-nav-wrap:after, .crkvmxc .casino-sub-navs .game-nav-wrap:hover .game-list-nav-wrap:after {
    content: " ";
    width: 12px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    background-image: var(--page-shadow);
    opacity: .3
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .game-list-nav-wrap {
    width: 48px
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .game-list-nav-wrap .game-list-wrap {
    width: 48px;
    padding: 32px 4px
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .game-list-nav-wrap .game-list-wrap .game-item.is-active .game-icon .game-icon-img {
    display: block;
    width: 24px;
    height: 24px
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .game-list-nav-wrap .game-list-wrap .game-item.is-active .game-icon .game-icon-svg, .crkvmxc .casino-sub-navs .game-nav-wrap.auto-show .game-list-nav-wrap .game-list-wrap .game-item .game-name {
    display: none
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show:hover .game-list-nav-wrap {
    width: 240px
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show:hover .game-list-nav-wrap .game-list-wrap {
    width: 240px;
    padding: 32px 12px
}

.crkvmxc .casino-sub-navs .game-nav-wrap.auto-show:hover .game-list-nav-wrap .game-list-wrap .game-item .game-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.crkvmxc .game-list-nav-wrap {
    position: absolute;
    height: 100%;
    width: 0;
    background-color: var(--1mkn1l0);
    left: 100%;
    top: 0;
    -webkit-transition: width .5s cubic-bezier(.36, .66, .04, 1);
    transition: width .5s cubic-bezier(.36, .66, .04, 1)
}

.crkvmxc .game-list-nav-wrap .game-list-shadow-inner {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.crkvmxc .game-list-wrap {
    width: 240px;
    height: 100%;
    padding: 32px 12px;
    overflow-y: auto;
    overflow-x: hidden
}

.crkvmxc .game-list-wrap .e-w {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.crkvmxc .game-list-wrap .game-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-bottom: 8px;
    width: 100%;
    border-radius: var(--border-radius)
}

.crkvmxc .game-list-wrap .game-item .game-icon {
    width: 48px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.crkvmxc .game-list-wrap .game-item .game-icon .add-icon {
    width: 1.4em;
    height: 1.4em;
    fill: var(--1nfs066)
}

.crkvmxc .game-list-wrap .game-item .game-icon .game-icon-img {
    display: none
}

.crkvmxc .game-list-wrap .game-item .game-name {
    height: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.crkvmxc .game-list-wrap .game-item.is-active .game-icon svg, .crkvmxc .game-list-wrap .game-item:hover .game-icon svg {
    fill: var(--title-color)
}

.crkvmxc .game-list-wrap .game-item.is-active .game-name, .crkvmxc .game-list-wrap .game-item:hover .game-name {
    color: var(--title-color)
}

.crkvmxc .game-list-wrap .game-item.is-active {
    background-color: var(--1shw9w4)
}

.o1wxbtua {
    --1shw9w4: #EAECF3;
    --1q81als: #EAECF3;
    --1mkn1l0: #F6F7FA;
    --1og1fbu: #9FA5AC;
    --3m44fn: #FFFFFF;
    width: 100%;
    margin-top: 4px
}

.darken .o1wxbtua {
    --1shw9w4: #24262B;
    --1q81als: #1E2024;
    --1mkn1l0: #2D3035;
    --1og1fbu: #98A7B5;
    --3m44fn: #555B65
}

.o1wxbtua .toggle-tigger {
    height: 48px;
    width: 100%;
    cursor: pointer
}

.o1wxbtua .toggle-tigger .games-icon {
    fill: var(--1og1fbu);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.o1wxbtua .toggle-tigger .nav-item-right {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 14px
}

.o1wxbtua .toggle-tigger .nav-item-right .arrow-wrap {
    width: 28px;
    height: 28px;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.o1wxbtua .toggle-tigger .nav-item-right .arrow-wrap.hover-wrap:hover {
    background: var(--3m44fn)
}

.o1wxbtua .toggle-tigger .nav-item-right svg {
    font-size: 11px;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.36, .66, .04, 1);
    -webkit-transition: transform .5s cubic-bezier(.36, .66, .04, 1);
    transition: transform .5s cubic-bezier(.36, .66, .04, 1)
}

.o1wxbtua .toggle-tigger.open-tigger .nav-item-left svg {
    fill: var(--title-color)
}

.o1wxbtua .toggle-tigger.open-tigger .nav-item-right {
    color: var(--title-color)
}

.o1wxbtua .toggle-tigger.open-tigger .nav-item-right svg {
    fill: var(--title-color);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.o1wxbtua .nav-item-right {
    position: relative
}

.o1wxbtua .nav-item-right .notice-dot {
    position: absolute;
    top: .5rem;
    left: -1rem
}

.ur7a3n7 {
    --v01adv: #F6F7FA;
    --1rnmoed: #EAECF3;
    --16j75bq: #F6F7FA;
    --1shw9w4: #EAECF3;
    --zt9517: url(/assets/raf_w.4dffa517.png);
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 10px 80px
}

.darken .ur7a3n7 {
    --v01adv: #17191B;
    --1rnmoed: #2D3035;
    --16j75bq: #191A1E;
    --1shw9w4: #24262B;
    --zt9517: url(/assets/raf.39d7bfba.png)
}

.ur7a3n7 #bonus-sidebar-link-enter {
    height: 54px
}

.ur7a3n7 .bonus-list-wrap {
    /* min-height: 62px */
}

.ur7a3n7 .rafactive-nav, .ur7a3n7 .refer-nav {
    margin-top: 16px;
    width: 100%;
    height: 48px;
    border-radius: var(--border-radius);
    background: var(--v01adv);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer
}

.ur7a3n7 .rafactive-nav .nav-item-left, .ur7a3n7 .refer-nav .nav-item-left {
    font-size: 0
}

.ur7a3n7 .rafactive-nav .nav-item-left img, .ur7a3n7 .refer-nav .nav-item-left img {
    width: auto;
    height: 100%
}

.ur7a3n7 .rafactive-nav .nav-item-right span, .ur7a3n7 .refer-nav .nav-item-right span {
    color: var(--title-color);
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    white-space: nowrap
}

.ur7a3n7 .inr-refer img {
    cursor: pointer;
    width: 100%;
    vertical-align: middle
}

.ur7a3n7 .icon-blank {
    margin-left: .25rem;
    width: .75rem;
    height: .75rem;
    margin-top: .125rem;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.ur7a3n7 .rafactive-nav {
    background: var(--zt9517) no-repeat center;
    background-color: var(--v01adv);
    background-size: 100% 100%
}

.ur7a3n7 .rafactive-nav .nav-item-left img {
    width: auto;
    height: 110%
}

.ur7a3n7 .rafactive-nav .nav-item-right span {
    font-size: 16px;
    font-weight: 400
}

.ur7a3n7 .nav-item-wrap {
    background-color: var(--background-color);
    overflow: hidden;
    border-radius: var(--border-radius);
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.ur7a3n7 .nav-item-wrap+.nav-item-wrap {
    margin-top: 4px
}

.ur7a3n7 .nav-item-wrap.casino-open, .ur7a3n7 .nav-item-wrap.navbox-open {
    background-color: var(--16j75bq)
}

.ur7a3n7 .nav-item-wrap.casino-open .nav-item:not(.no-link):hover, .ur7a3n7 .nav-item-wrap.navbox-open .nav-item:not(.no-link):hover, .ur7a3n7 .nav-item-wrap.casino-open .nav-item:not(.no-link).is-active, .ur7a3n7 .nav-item-wrap.navbox-open .nav-item:not(.no-link).is-active {
    background-color: var(--1shw9w4)
}

.ur7a3n7 .nav-item-wrap .nav-item:not(.no-link):hover, .ur7a3n7 .nav-item-wrap .nav-item:not(.no-link).is-active {
    background: var(--1rnmoed);
    margin-left: 10px;
}

.ur7a3n7 .nav-item-wrap .nav-item:not(.no-link).is-active {
    font-weight: 600
}

.ur7a3n7 .nav-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 46px;
    width: 100%;
    transition: 0.3s;
}

.ur7a3n7 .nav-item.no-link {
    cursor: not-allowed;
    opacity: .5
}

.ur7a3n7 .nav-item.active-nav-item .nav-item-right {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 1rem
}

.ur7a3n7 .nav-item:not(.no-link).is-active .nav-item-left svg, .ur7a3n7 .nav-item:not(.no-link):hover .nav-item-left svg {
    fill: var(--title-color)
}

.ur7a3n7 .nav-item:not(.no-link).is-active .nav-item-right span, .ur7a3n7 .nav-item:not(.no-link):hover .nav-item-right span {
    color: var(--title-color)
}

.ur7a3n7 .nav-item:not(.no-link).is-active .nav-item-right svg, .ur7a3n7 .nav-item:not(.no-link):hover .nav-item-right svg {
    fill: var(--title-color)
}

.ur7a3n7 .nav-item-left {
    width: 68px;
    height: 100%;
    padding-left: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ur7a3n7 .nav-item-right {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    width: 1px;
    padding-right: .625rem
}

.ur7a3n7 .nav-item-right span {
    margin-top: .125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ur7a3n7 .lottery-nav {
    margin-top: 16px
}

.ur7a3n7 .sports-nav, .ur7a3n7 .bingo-nav {
    margin-top: 4px
}

.ur7a3n7 .list-nav {
    margin-top: 16px
}

.ur7a3n7 .list-nav .nav-item .v {
    color: var(--title-color);
    font-weight: 600
}

.ur7a3n7 .list-nav .nav-item .v .y {
    color: var(--yellow-color);
    margin-right: 4px
}

.ur7a3n7 .support-nav {
    margin-top: 4px
}

.ur7a3n7 .support-nav .nav-item-left svg {
    fill: var(--primary-color) !important
}

.ur7a3n7 .banks-nav {
    margin-top: 16px;
    background: var(--background-color);
    padding: 20px 8px 8px
}

.ur7a3n7 .banks-nav .banks-img {
    width: 100%;
    font-size: 0;
    text-align: center
}

.ur7a3n7 .banks-nav .banks-img img {
    width: auto;
    height: 58px
}

.ur7a3n7 .banks-nav .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 14px
}

.ur7a3n7 .banks-nav .btns .ui-button {
    background: var(--1rnmoed);
    width: 109px;
    height: 38px;
    font-weight: 400;
    color: var(--title-color)
}

.ur7a3n7 .lan-fiat-nav {
    margin-top: 1rem;
    width: 100%
}

.ur7a3n7 .lan-fiat-nav .lan-fiat-wrap {
    width: 100%;
    height: 100%;
    padding: 0;
    height: 2.875rem;
    position: inherit;
    background-color: transparent
}

.ur7a3n7 .lan-fiat-nav .lan-fiat-wrap .f-select {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: var(--background-color);
    height: 100%
}

.ur7a3n7 .lan-fiat-nav .lan-fiat-wrap .f-select.fiat {
    margin-left: .375rem;
    border: none;
    border-radius: var(--border-radius)
}

.ur7a3n7 .lan-fiat-nav .lan-fiat-wrap .lan-local-pop {
    left: .5rem;
    top: 100px
}

.ur7a3n7 .theme-nav {
    margin-top: 1rem;
    height: 2.875rem;
    margin-bottom: 2rem;
    width: 100%
}

.ur7a3n7 .theme-nav .theme-wrap {
    padding: 0;
    width: 100%;
    height: 2.875rem
}

.ur7a3n7 .theme-nav .theme-wrap .theme-bg {
    background: var(--1rnmoed)
}

.ur7a3n7 .theme-nav .theme-wrap button.active span {
    color: var(--title-color)
}

.ur7a3n7 .theme-nav .theme-wrap button.active svg {
    fill: var(--title-color)
}

.ckw6bhr {
    --1mkn1l0: #F6F7FA;
    --5ikg0b: #31373D;
    --15526kf: #31373D;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.darken .ckw6bhr {
    --1mkn1l0: #2D3035;
    --5ikg0b: #ffffff;
    --15526kf: #98A7B5
}

.ckw6bhr .home-link {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 2.75rem;
    height: 2.75rem;
    margin-right: .5rem;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ckw6bhr .home-link svg {
    font-size: .75rem
}

.ckw6bhr .home-link.active, .ckw6bhr .home-link:hover {
    background-color: var(--1mkn1l0)
}

.ckw6bhr .home-link.active svg, .ckw6bhr .home-link:hover svg {
    fill: var(--title-color)
}

.ckw6bhr .header-link-item {
    display: block;
    width: auto;
    height: 2.75rem;
    margin-right: .5rem;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--15526kf);
    padding: 0 5px;
}

.ckw6bhr .header-link-item .img-wrap {
    font-size: 0
}

.ckw6bhr .header-link-item p {
    white-space: nowrap
}

.ckw6bhr .header-link-item svg {
    font-size: .8125rem;
    margin-right: .5rem
}

.ckw6bhr .header-link-item.active {
    font-weight: 600
}

.ckw6bhr .header-link-item.casino:hover svg, .ckw6bhr .header-link-item.casino.active svg {
    fill: #009f62
}

.ckw6bhr .header-link-item.sports:hover svg, .ckw6bhr .header-link-item.sports.active svg {
    fill: #ea6518
}

.ckw6bhr .header-link-item.racing:hover svg, .ckw6bhr .header-link-item.racing.active svg {
    fill: #ffbf39
}

.ckw6bhr .header-link-item.lottery:hover svg, .ckw6bhr .header-link-item.lottery.active svg {
    fill: #3296f1
}

.ckw6bhr .header-link-item:hover, .ckw6bhr .header-link-item.active {
    background: var(--1mkn1l0);
    color: var(--5ikg0b)
}

.ckw6bhr.small-links .header-link-item {
    width: 2.75rem
}

.ckw6bhr.small-links .header-link-item svg {
    margin-right: 0
}

.ckw6bhr.small-links .header-link-item p {
    display: none
}

.pdptv36 {
    --1mkn1l0: #F6F7FA;
    --5ikg0b: #31373D;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 12px
}

.darken .pdptv36 {
    --1mkn1l0: #2D3035;
    --5ikg0b: #ffffff
}

.pdptv36 .no-siderbar-logo-link {
    margin-right: 2%;
    font-size: 0
}

.pdptv36 .no-siderbar-logo-link img {
    height: 2rem;
    width: auto
}

.pdptv36 .big-enter {
    margin-left: 1%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.pdptv36 .page-search-enter {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 1%;
    max-width: 26.25rem
}

.pdptv36 .page-search-enter.small-search-enter {
    width: 2.75rem;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.pdptv36 .page-search-enter.small-search-enter button {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pdptv36 .page-search-enter.small-search-enter button:hover {
    background-color: var(--1mkn1l0)
}

.pdptv36 .page-search-enter.small-search-enter button:hover svg {
    fill: var(--title-color)
}

.pdptv36.hide-left>div:first-child {
    display: none
}

@media screen and (min-width:2200px) {
    .pdptv36 .search-pc {
        margin-left: 3%
    }
}

.h1skgzwz {
    --1mkn1l0: #F6F7FA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: .5rem;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.darken .h1skgzwz {
    --1mkn1l0: #2D3035
}

.h1skgzwz .header-lanitem {
    width: auto;
    height: 3rem;
    min-width: 3rem;
    padding: 0 .375rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: var(--border-radius);
    font-size: 1.5rem;
}

.h1skgzwz .header-lanitem:hover {
    background-color: var(--1mkn1l0)
}

.h1skgzwz .header-lanitem:hover svg {
    fill: var(--title-color)
}

.h1skgzwz .header-fiat span {
    white-space: nowrap
}

.h1skgzwz .line {
    margin: 0 .25rem;
    width: 1px;
    height: 1.5rem;
    background-color: #67707b
}

.so0xecc {
    width: 100%
}

.so0xecc .side-lanfiat-item {
    width: 100%;
    height: 2.875rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.so0xecc .side-lanfiat-item .lan-left {
    width: 4.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.so0xecc .side-lanfiat-item .icon {
    margin: 0
}

.so0xecc .side-lanfiat-item span {
    white-space: nowrap;
    font-size: 1rem
}

.cxv2sus {
    --18w92jy: #fff;
    --whdmoy: #31373d;
    width: 29rem;
    border-radius: var(--border-radius);
    position: relative;
    overflow: hidden;
    background-color: var(--18w92jy);
    padding: 1.25rem
}

.darken .cxv2sus {
    --18w92jy: #17181b;
    --whdmoy: #f5f6f7
}

.cxv2sus p {
    margin: 0;
    word-break: normal
}

.cxv2sus .title {
    font-size: 1rem;
    height: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.cxv2sus .title svg {
    margin-right: .75rem;
    font-size: .875rem
}

.cxv2sus .title span {
    color: var(--whdmoy)
}

.cxv2sus .rule-item {
    margin-top: .75rem
}

.cxv2sus .more-rule {
    margin-top: 1.25rem
}

@media screen and (max-width:621px) {
    .cxv2sus {
        width: 26.25rem;
        height: 26.875rem;
        padding: .75rem
    }
}

.u1o5ipd7 {
    --bmdd7w: #ffffff;
    --rl3gpp: #e9eaf2;
    --1mkn1l0: #F6F7FA;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 100%;
    max-height: 300px;
    overflow-y: scroll;
    background-color: var(--bmdd7w);
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--1mkn1l0)
}

.darken .u1o5ipd7 {
    --bmdd7w: #24262B;
    --rl3gpp: transparent;
    --1mkn1l0: #2D3035
}

.u1o5ipd7 .item {
    padding: 0 1em;
    height: 2rem;
    line-height: 2rem;
    border-radius: var(--border-radius);
    cursor: pointer;
    position: relative;
    margin-top: .25rem
}

.u1o5ipd7 .item:hover, .u1o5ipd7 .is-selected {
    background-color: var(--1mkn1l0)
}

.cz94sta {
    --njpvpw: #31373d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    line-height: 2rem
}

.darken .cz94sta {
    --njpvpw: #fff
}

.cz94sta .label-img {
    width: 2rem;
    height: 2rem
}

.cz94sta .label-txt {
    margin: 0 5px;
    color: var(--njpvpw);
    font-weight: 700
}

.c1neid43 {
    --drem5p: #fff;
    --rl3gpp: #e9eaf2;
    --1mkn1l0: #F6F7FA;
    position: absolute;
    left: 0;
    z-index: 1;
    right: 0;
    bottom: 100%;
    max-height: 18.75rem;
    overflow-y: scroll;
    background-color: var(--drem5p);
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--1mkn1l0)
}

.darken .c1neid43 {
    --drem5p: #24262B;
    --rl3gpp: transparent;
    --1mkn1l0: #2D3035
}

.c1neid43 .item {
    height: 2.25rem;
    cursor: pointer;
    border-radius: var(--border-radius);
    position: relative;
    margin-top: .25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c1neid43 .item:hover, .c1neid43 .is-selected {
    background-color: var(--1mkn1l0)
}

.g1pkpzdg {
    --b3bcnh: #e9eaf2;
    --53yx82: #e0e9ee;
    --19x1fwo: url(/assets/copyrigtw.fbd81b2a.png);
    position: relative
}

.darken .g1pkpzdg {
    --b3bcnh: #17181B;
    --53yx82: #2e3036;
    --19x1fwo: url(/assets/copyrigt.24adedf8.png)
}

.g1pkpzdg .gift-btn>svg {
    font-size: .875rem
}

.g1pkpzdg .gift-box-wrap {
    width: 20rem;
    height: 30.3125rem;
    z-index: 2;
    background-color: var(--b3bcnh);
    box-shadow: 0 2px 12px #0003;
    padding: 10px 10px 25px;
    border-radius: var(--border-radius);
    position: absolute;
    bottom: 3.5rem
}

.g1pkpzdg .gift-box-wrap .giphy-copyright {
    width: 130px;
    height: 15px;
    background: var(--19x1fwo) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: .625rem;
    bottom: .625rem
}

.g1pkpzdg .gift-box-wrap:after {
    content: "";
    position: absolute;
    bottom: -1.25rem;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: var(--b3bcnh)
}

.g1pkpzdg .gift-item {
    width: 48%;
    height: 80px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    background-color: var(--53yx82);
    -webkit-animation: cplaceholderShimmer-g1pkpzdg 1.5s linear infinite;
    animation: cplaceholderShimmer-g1pkpzdg 1.5s linear infinite
}

@-webkit-keyframes cplaceholderShimmer-g1pkpzdg {
    0% {
        opacity: 1
    }
    70% {
        opacity: .7
    }
    to {
        opacity: 1
    }
}

@keyframes cplaceholderShimmer-g1pkpzdg {
    0% {
        opacity: 1
    }
    70% {
        opacity: .7
    }
    to {
        opacity: 1
    }
}

.g1pkpzdg .gift-item .gift-img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%
}

.sqejf80 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}

.p1a1vamk {
    --1yjm3db: #F6F7Fa;
    --13cez9a: #fff;
    --whdmoy: #31373d;
    --11qnoe7: #ffffff;
    height: 1.5rem;
    width: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.darken .p1a1vamk {
    --1yjm3db: #25272C;
    --13cez9a: transparent;
    --whdmoy: #f5f6f7;
    --11qnoe7: #1c1e22
}

.p1a1vamk .rich-img {
    font-size: 0;
    width: 80%;
    height: auto;
    cursor: pointer
}

.p1a1vamk .chat-rich-layer {
    position: absolute;
    width: 100%;
    height: auto;
    top: -4.75rem;
    left: 0
}

.p1a1vamk .chat-rich-layer .rich-model {
    width: 100%
}

.p1a1vamk .chat-rich-layer .rich-model .rich-info {
    width: 100%;
    border-radius: var(--border-radius);
    background: var(--1yjm3db);
    padding-bottom: .75rem;
    position: relative
}

.p1a1vamk .chat-rich-layer .rich-model .rich-info .title {
    width: 100%;
    text-align: center;
    font-weight: 600;
    padding-top: 1rem;
    line-height: 1;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--title-color)
}

.p1a1vamk .chat-rich-layer .rich-model .rich-info .title img {
    width: .875rem;
    height: .875rem;
    margin: 0 .375rem
}

.p1a1vamk .chat-rich-layer .rich-model .rich-info .close-icon {
    width: 2.875rem;
    height: 2.875rem
}

.p1a1vamk .chat-rich-layer .rich-model .rich-info .rich-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .75rem;
    padding: 0 .5rem;
    height: 2rem
}

.p1a1vamk .chat-rich-layer .rich-model .rich-info .rich-item .rich-amount {
    background-color: var(--11qnoe7);
    height: 2rem;
    border-radius: var(--border-radius);
    width: 9.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}

.p1a1vamk .chat-rich-layer .rich-model .rich-info .rich-item .user-number {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p1a1vamk .chat-rich-layer .rich-model .rich-info .rich-item .user-number .rich-user {
    margin-left: .625rem
}

.p1a1vamk .chat-rich-layer .rich-model .rich-info .rich-item .user-number .rich-user .avatar {
    width: 1.5rem;
    height: 1.5rem
}

.p1a1vamk .chat-rich-layer .rich-model .rich-info .rich-item .user-number .rich-user .name {
    line-height: 1;
    font-weight: 700;
    max-width: 5.875rem
}

.p1a1vamk .chat-rich-layer .rich-model .rich-info .rich-item .user-number .winner-trophy {
    width: 1.125rem;
    margin-left: .25rem
}

.m1l80al0 {
    --vln8xg: #FFFFFF;
    position: absolute;
    top: -.75rem;
    left: 0;
    width: 18.75rem;
    border-radius: var(--border-radius);
    background-color: var(--vln8xg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem .5rem .75rem;
    box-shadow: 0 6px 12px 0 var(--shadow-color);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.darken .m1l80al0 {
    --vln8xg: #31343C
}

.m1l80al0 p {
    margin: 0
}

.m1l80al0:after {
    content: "";
    position: absolute;
    bottom: -.875rem;
    left: 1rem;
    border: .5rem solid transparent;
    border-top-color: var(--vln8xg)
}

.m1l80al0 .mute-img {
    font-size: 0;
    width: 1.25rem;
    height: 1.25rem
}

.m1l80al0 .word-right-wrap {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .5rem
}

.m1l80al0 .word-right-wrap .t {
    color: var(--title-color);
    line-height: .875rem;
    margin-top: 2px;
    font-weight: 600
}

.m1l80al0 .word-right-wrap .d {
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .25rem
}

.m1l80al0 .word-right-wrap .d .tm {
    color: var(--title-color)
}

.m1l80al0 .word-right-wrap .d .tm.f {
    margin-left: .25rem
}

.m1l80al0.small {
    width: auto;
    right: 0;
    left: auto;
    padding: 0 .5rem;
    height: 1.75rem;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m1l80al0.small:after {
    display: none
}

.m1l80al0.small .tp {
    color: var(--title-color);
    margin-left: .375rem
}

.m1l80al0.permanent {
    width: auto;
    max-width: 18.75rem
}

.m1l80al0.permanent .word-right-wrap .t {
    margin-top: .25rem
}

.m1l80al0.permanent.small .tp {
    display: none
}

.c1sv70rd {
    --xmjv8: #ffffff;
    --1uvkmwv: #5f6975;
    --xgbslh: #fff;
    --1a8szkx: rgba(95, 105, 117, .8);
    --2s5ila: rgba(233, 234, 242, .4);
    --1c5qohx: #5f6975;
    --tt26x0: rgba(95, 105, 117, .8);
    --k2vkir: rgba(174, 179, 194, .8);
    --1vbh6cz: 0 0 10px 0 rgba(0, 0, 0, .05);
    --zhflem: rgba(233, 234, 242, .4);
    position: relative;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    box-sizing: border-box;
    background-color: var(--xmjv8);
    padding: .75rem .625rem 1rem;
    box-shadow: var(--1vbh6cz)
}

.darken .c1sv70rd {
    --xmjv8: #212127;
    --1uvkmwv: #f5f6f7;
    --xgbslh: #31343C;
    --1a8szkx: #f5f6f7;
    --2s5ila: #1c1e22;
    --1c5qohx: #cad1d9;
    --tt26x0: rgba(153, 164, 176, .8);
    --k2vkir: rgba(153, 164, 176, .6);
    --1vbh6cz: 0 0 10px 0 rgba(0, 0, 0, .2);
    --zhflem: #282A30
}

.c1sv70rd .chat-active {
    position: absolute;
    right: 1rem;
    top: .75rem;
    -webkit-transform: translateY(-94%);
    -ms-transform: translateY(-94%);
    transform: translateY(-94%);
    width: 6.25rem;
    pointer-events: none
}

.c1sv70rd .send-input {
    width: 100%;
    position: relative;
    min-height: 2.625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.c1sv70rd .send-input .send-btn-wrap {
    position: absolute;
    right: 0;
    bottom: 0
}

.c1sv70rd .send-input .send-btn {
    width: 3.75rem;
    height: 2.875rem;
    border-radius: var(--border-radius);
    margin-left: .25rem
}

.c1sv70rd .send-input .send-btn svg {
    fill: #f5f6f7
}

.c1sv70rd .send-input .forbid_tip {
    line-height: .875rem;
    position: absolute;
    top: -3.625rem;
    left: 0;
    width: 15rem;
    border-radius: var(--border-radius);
    background-color: var(--xgbslh);
    text-align: left;
    padding: .9375rem;
    box-shadow: 0 6px 12px 0 var(--shadow-color)
}

.c1sv70rd .send-input .forbid_tip a {
    color: #fff
}

.c1sv70rd .send-input .forbid_tip:after {
    content: "";
    position: absolute;
    bottom: -.875rem;
    left: 1rem;
    border: .5rem solid transparent;
    border-top-color: var(--xgbslh)
}

.c1sv70rd .send-input .input-area {
    position: relative;
    margin: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding-right: 0;
    -webkit-transition: padding .4s;
    transition: padding .4s
}

.c1sv70rd .send-input .input-area .input-control {
    height: auto;
    padding: 0 .875rem;
    background-color: var(--2s5ila);
    border: none;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    border: 1px solid var(--xmjv8);
    border-radius: var(--border-radius)
}

.c1sv70rd .send-input .input-area .gift-box-wrap {
    left: -17.25rem
}

.c1sv70rd .send-input .input-area .gift-box-wrap:after {
    right: 1.625rem
}

.c1sv70rd .send-input .input-area.send {
    padding-right: 4rem
}

.c1sv70rd .send-input .input-area.send .input-control {
    border: 1px solid var(--primary-color)
}

.c1sv70rd .send-input .input-area.send .gift-r-wrap .gift-box-wrap {
    left: -13.125rem
}

.c1sv70rd .send-input .input-area.send .gift-r-wrap .gift-box-wrap:after {
    right: 5.625rem
}

.c1sv70rd .send-input .input-area textarea {
    display: block;
    padding: .625rem 0;
    height: 2.75rem;
    width: 100%;
    line-height: 1.375rem;
    color: var(--1c5qohx)
}

.c1sv70rd .send-input .input-area textarea::-webkit-input-placeholder {
    color: var(--tt26x0)
}

.c1sv70rd .send-input .input-area .emoji-r-wrap {
    margin-right: -.375rem;
    margin-bottom: .6875rem
}

.c1sv70rd .send-input .input-area .emoji-r-wrap>svg {
    width: 1.25rem;
    height: 1.25rem
}

.c1sv70rd .send-input .input-area .emoji-r-wrap:hover>svg {
    fill: var(--1uvkmwv)
}

.c1sv70rd .gift-r-wrap {
    margin-right: .625rem;
    margin-bottom: .25rem
}

.c1sv70rd .gift-r-wrap svg:hover {
    fill: var(--1uvkmwv)
}

.c1sv70rd .send-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10;
    width: 100%;
    margin-top: .75rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c1sv70rd .send-controls .room-select-wrap {
    width: 8rem;
    height: 2rem;
    border-radius: var(--border-radius)
}

.c1sv70rd .send-controls .room-select-wrap .select-trigger {
    background-color: var(--zhflem)
}

.c1sv70rd .send-controls .chat-icon {
    line-height: 1
}

.c1sv70rd .send-controls .chat-icon, .c1sv70rd .send-controls .command-btn {
    height: 1.5rem;
    width: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.c1sv70rd .send-controls .chat-icon svg:hover, .c1sv70rd .send-controls .command-btn svg:hover {
    fill: var(--1uvkmwv)
}

.c1sv70rd .long {
    position: absolute;
    right: 0;
    font-size: .75rem
}

.c1sv70rd .long .red {
    color: #ec4016
}

.c4sq9ug {
    --ka4wif: url(/assets/chatbg_w.b9b91a2b.png);
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.darken .c4sq9ug {
    --ka4wif: url(/assets/chatbg.477265d1.png)
}

.c4sq9ug .chat-infos {
    position: absolute;
    left: 0;
    bottom: 6.625rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c4sq9ug .chat-infos.infos {
    height: 3rem
}

.c4sq9ug .chat-infos .unreads {
    width: 4.125rem;
    height: 3rem;
    background: url(/assets/bubble.9b2b2288.png) no-repeat;
    background-size: 100% 100%;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c4sq9ug .chat-infos .unreads span {
    margin-top: -.5rem
}

.c4sq9ug .chat-infos .at-num {
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.5rem;
    border-radius: 50%;
    background-color: #0f62fe;
    color: #f5f6f7;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-top: -.625rem
}

.c4sq9ug .chat-infos .at-num .icon {
    fill: #f5f6f7;
    font-size: .625rem
}

.c4sq9ug .chat-infos .at-num .at-red-num {
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    font-size: .75rem;
    text-align: center;
    padding: .25rem;
    line-height: .75rem;
    background-color: #ed6300;
    color: #f5f6f7;
    right: -.625rem;
    top: -.5rem;
    border-radius: 50%;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75)
}

@media screen and (max-width:621px) {
    .f18z24c6 {
        background-size: 22.5rem auto;
        background-position: center
    }
}

.ue3jxc1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: red
}

.c4jfxhs {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.cjtiv1 {
    --ge4i3v: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.darken .cjtiv1 {
    --ge4i3v: #1C1E22
}

.cjtiv1 .scroll-wrap {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden
}

.dda0z6s .chat-list-wrap {
    padding: 0 !important
}

.dda0z6s #public-chat {
    padding: 0
}

.dda0z6s .dialog-close, .dda0z6s .dialog-title {
    display: none
}

.dda0z6s .dialog-head {
    margin: 0
}

.dda0z6s .dialog-head>div {
    left: 0;
    width: 100%;
    padding: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c11z70vm {
    --1ume2gq: #ffffff;
    --dxedkb: linear-gradient(to bottom, #DADDE6, rgba(218, 221, 230, 0));
    height: 4rem;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    background: var(--1ume2gq);
    position: relative;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.darken .c11z70vm {
    --1ume2gq: #171719;
    --dxedkb: none
}

.c11z70vm:after {
    content: "";
    position: absolute;
    bottom: -.75rem;
    height: .75rem;
    width: 100%;
    background-image: var(--dxedkb);
    opacity: .3
}

.c11z70vm .title {
    color: var(--title-color);
    font-size: 1rem;
    padding-left: 1.25rem;
    font-weight: 600
}

.c11z70vm .rule-btn {
    width: 2rem;
    height: 2rem;
    margin-right: .625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    cursor: pointer
}

.c11z70vm .rule-btn>svg {
    font-size: 1rem
}

.c11z70vm .rule-btn:hover>svg {
    fill: var(--title-color)
}

.c11z70vm .close-icon {
    width: 2rem;
    height: 2rem;
    margin-right: .625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.c11z70vm .close-icon>svg {
    font-size: .8125rem;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.36, .66, .04, 1);
    -webkit-transition: transform .5s cubic-bezier(.36, .66, .04, 1);
    transition: transform .5s cubic-bezier(.36, .66, .04, 1)
}

.c11z70vm .close-icon:hover>svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    fill: var(--title-color)
}

@media screen and (max-width:621px) {
    .c11z70vm {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 11
    }
}

.c1qbn194 {
    --18xuilb: linear-gradient(to left, #DADDE6, rgba(218, 221, 230, 0));
    --6ez62x: #fff;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 360px;
    height: 100%;
    z-index: 130;
    background-color: var(--6ez62x)
}

.darken .c1qbn194 {
    --18xuilb: linear-gradient(to left, #111415, rgba(17, 20, 21, 0));
    --6ez62x: #1c1e22
}

.c1qbn194>div {
    height: 100%;
    position: relative
}

.c1qbn194>div:before {
    content: "";
    position: absolute;
    left: -.75rem;
    top: 0rem;
    width: .75rem;
    pointer-events: none;
    height: 100%;
    background-image: var(--18xuilb);
    opacity: .3
}

.c1mqjzsg {
    --1mkn1l0: #F6F7FA;
    cursor: pointer
}

.darken .c1mqjzsg {
    --1mkn1l0: #2D3035
}

.c1mqjzsg .chat-btn {
    height: 3rem;
    width: 3rem;
    border-radius: var(--border-radius);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c1mqjzsg .chat-btn:hover, .c1mqjzsg .chat-btn.active {
    background-color: var(--1mkn1l0)
}

.c1mqjzsg .chat-btn:hover>svg, .c1mqjzsg .chat-btn.active>svg {
    fill: var(--title-color)
}

.c1mqjzsg .chat-btn>svg {
    font-size: .875rem
}

.c1mqjzsg .chat-btn .badge {
    top: 4px;
    font-size: 12px
}

.c1mqjzsg .chat-green-dont {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1;
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    background-color: var(--primary-color)
}

.c1mqjzsg .chat-badge {
    border-radius: .625rem;
    color: #fff;
    width: 1.25rem;
    height: 1.25rem;
    font-size: .6875rem;
    line-height: 1.1875rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 1;
    -webkit-transform: translate(.3125rem, -.3125rem);
    -ms-transform: translate(.3125rem, -.3125rem);
    transform: translate(.3125rem, -.3125rem);
    background-color: var(--primary-color)
}

.c1mqjzsg .chat-badge svg {
    fill: #fff;
    margin-top: .2rem;
    width: .75rem;
    height: .75rem
}

@media screen and (max-width:621px) {
    .c1mqjzsg {
        position: relative;
        z-index: 2;
        width: 2.5rem;
        height: 2.5rem;
        box-sizing: border-box;
        border: none;
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .c1mqjzsg .icon {
        font-size: .875rem
    }
}

.s1o75t0l {
    margin-right: 10px
}

.s1o75t0l button {
    padding: 8px
}

.s1o75t0l button .icon {
    display: inline-block;
    vertical-align: top
}

.p1ergpk0 .withdraw-button {
    padding: 0 12px;
    font-weight: 400
}

.p1ergpk0 .notice-enter {
    margin: 0 8px
}

.p1ergpk0 .private-chat {
    margin-left: 16px
}

.p1ergpk0 .wallet-enter {
    margin-right: 12px
}

.p1ergpk0 .wallet-enter .amount-str {
    text-align: right;
}

.p1ergpk0.width-level-1 .private-chat, .p1ergpk0.width-level-2 .private-chat, .p1ergpk0.width-level-3 .private-chat, .p1ergpk0.width-level-4 .private-chat {
    margin-left: 8px
}

.p1ergpk0.width-level-1 .wallet-enter, .p1ergpk0.width-level-2 .wallet-enter, .p1ergpk0.width-level-3 .wallet-enter, .p1ergpk0.width-level-4 .wallet-enter {
    margin-right: 12px
}

.p1ergpk0.width-level-1 .notice-enter, .p1ergpk0.width-level-2 .notice-enter, .p1ergpk0.width-level-3 .notice-enter, .p1ergpk0.width-level-4 .notice-enter {
    margin: 0 8px
}

.p1ergpk0.width-level-4 .user-info-enter .user-level-wrap {
    display: none
}

.p1ergpk0.width-level-3 {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.p1ergpk0.width-level-3 .wallet-enter>div {
    padding-left: 0
}

.p1ergpk0 .page-search-enter {
    margin-right: 10px
}

.p1ergpk0 .page-search-enter button {
    padding: 8px
}

.p1ergpk0 .page-search-enter .icon {
    display: inline-block;
    vertical-align: top
}

.pc0qj6z {
    --1ve2azu: linear-gradient(to bottom, #DADDE6, rgba(218, 221, 230, 0));
    --zofaf: #FFFFFF;
    --1mkn1l0: #F6F7FA;
    height: 4rem;
    position: fixed;
    z-index: 111;
    left: 0;
    top: 0;
    right: 0;
    background-color: var(--zofaf);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 260px;
}

body.chat-open .intercom-dfosxs {
    right: 380px
}

#root.has-chat, #root.has-notice, #root.has-chat #header, #root.has-notice #header {
    margin-right: 360px
}

@media screen and (max-width:1200px) {
    #root.has-chat, #root.has-notice, #root.has-chat #header, #root.has-notice #header {
        margin-right: 0
    }
}

.darken .pc0qj6z {
    --1ve2azu: linear-gradient(to bottom, #111415, rgba(17, 20, 21, 0));
    --zofaf: #141c26;
    --1mkn1l0: #2D3035
}

.pc0qj6z.sports-headr:not(.xyz-layout) .header-wrap .page-max-width-wrap {
    max-width: 4000px
}

.pc0qj6z .theme-wrapper {
    height: 2.75rem;
    width: 2.75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.pc0qj6z .theme-wrapper:hover, .pc0qj6z .theme-wrapper.active {
    background-color: var(--1mkn1l0)
}

.pc0qj6z .theme-wrapper:hover>svg, .pc0qj6z .theme-wrapper.active>svg {
    fill: var(--title-color)
}

.pc0qj6z .header-wrap {
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: 0 4px 14px 0 #2a313e;
}

.pc0qj6z .header-wrap:after {
    pointer-events: none;
    content: "";
    position: absolute;
    left: 0;
    bottom: -.75rem;
    width: 100%;
    height: .75rem;
    background-image: var(--1ve2azu);
    opacity: .3
}

.pc0qj6z .header-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    position: relative;
    z-index: 2;
}

.pc0qj6z .header-inner>.right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pc0qj6z .header-inner>.right .badge {
    top: 10%;
    right: 10%
}

.pc0qj6z .sign-in-up {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.pc0qj6z .sign-in-up .sign-in {
    margin: 0;
    padding: 1rem;
    cursor: pointer;
    margin-right: .5rem;
    white-space: nowrap
}

.pc0qj6z .sign-in-up .sign-up-wrap .ui-button {
    width: 112px;
    height: 44px;
    margin-right: 24px;
    font-weight: 600
}

.pc0qj6z .sign-in-up .page-search-enter button {
    padding: 8px
}

.pc0qj6z .sign-in-up .page-search-enter .icon {
    display: inline-block;
    vertical-align: top
}

@media screen and (max-width:1200px) {
    .pc0qj6z.sports-headr .page-max-width-wrap {
        padding: 0 1rem
    }
}

@media screen and (max-width:800px) {
    .pc0qj6z.sports-headr .page-max-width-wrap {
        padding: 0
    }
}

.b10r74wi {
    --tt90yi: #F6F7FA;
    --1qj7tdu: linear-gradient(90deg, rgba(69, 217, 30, .3) 8.96%, rgba(69, 217, 30, 0) 100%), #F6F7FA;
    width: 100%;
    margin: 0
}

.darken .b10r74wi {
    --tt90yi: #25272b;
    --1qj7tdu: linear-gradient(90deg, rgba(69, 217, 30, .3) 8.96%, rgba(69, 217, 30, 0) 100%), #25282B
}

.b10r74wi .business-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b10r74wi .business-list-item a {
    margin-top: 1rem;
    width: 48%;
    height: 3.75rem;
    background: var(--tt90yi);
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .75rem 0 .625rem;
    margin-right: .75rem
}

.b10r74wi .business-list-item a:last-of-type {
    margin-right: 0
}

.b10r74wi .business-list-item a:hover {
    background: var(--1qj7tdu)
}

.b10r74wi .business-list-item a .head {
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    border: 2px solid var(--primary-color);
    position: relative
}

.b10r74wi .business-list-item a .head img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.b10r74wi .business-list-item a .head .g-dont {
    position: absolute;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background-color: var(--tt90yi);
    bottom: -.1875rem;
    right: -.1875rem;
    z-index: 2;
    padding: 2px
}

.b10r74wi .business-list-item a .head .g-dont>div {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--primary-color)
}

.b10r74wi .business-list-item a .name-title {
    margin-left: .5rem;
    max-width: 60%;
    overflow: hidden
}

.b10r74wi .business-list-item a .name-title .name {
    color: var(--title-color);
    font-weight: 600;
    margin: 0;
    line-height: 1rem
}

.b10r74wi .business-list-item a .name-title .title {
    margin: 0;
    line-height: 1rem;
    white-space: nowrap
}

.b10r74wi .business-list-item a .chatnow {
    margin: 0 0 0 auto;
    color: var(--primary-color);
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-letter-spacing: -.4px;
    -moz-letter-spacing: -.4px;
    -ms-letter-spacing: -.4px;
    letter-spacing: -.4px
}

.b10r74wi .business-list-item a .tg {
    width: .875rem;
    height: auto;
    margin-left: .5rem
}

.b1rsak19 {
    --tt90yi: #F6F7FA;
    --1qj7tdu: linear-gradient(90deg, rgba(69, 217, 30, .3) 8.96%, rgba(69, 217, 30, 0) 100%), #F6F7FA;
    width: 30.5rem;
    height: 15rem
}

.darken .b1rsak19 {
    --tt90yi: #25272b;
    --1qj7tdu: linear-gradient(90deg, rgba(69, 217, 30, .3) 8.96%, rgba(69, 217, 30, 0) 100%), #25282B
}

.b1rsak19 .t-b {
    margin: 0;
    margin-top: .75rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--title-color);
    font-weight: 700
}

.b1rsak19 .t-m {
    margin: 0;
    margin-top: .5rem;
    text-align: center;
    line-height: .875rem
}

.b1rsak19 .t-s {
    margin: 0;
    margin-top: 1.25rem;
    line-height: .875rem
}

.b1rsak19 .business-contacts-wrap .business-list-item a {
    margin: 0;
    height: 3.25rem;
    width: 100%;
    margin-top: .75rem
}

.b1rsak19 .business-contacts-wrap .business-list-item a .title {
    font-size: .75rem
}

.b1rsak19 .email-wrap {
    margin-top: 1.25rem;
    padding-top: .75rem
}

.b1rsak19 .email-wrap .t-es {
    margin: 0;
    line-height: .875rem
}

.b1rsak19 .email-wrap .contacts-link-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.25rem;
    width: 100%;
    margin-top: .75rem;
    background: var(--tt90yi);
    padding: 0 .75rem
}

.b1rsak19 .email-wrap .contacts-link-item .send-now {
    margin-left: auto;
    color: var(--primary-color);
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-letter-spacing: -.4px;
    -moz-letter-spacing: -.4px;
    -ms-letter-spacing: -.4px;
    letter-spacing: -.4px
}

.b1rsak19 .email-wrap .contacts-link-item .l {
    color: var(--title-color);
    margin: 0
}

.b1rsak19 .email-wrap .contacts-link-item .icon {
    margin-left: .5rem;
    font-size: .8125rem;
    fill: var(--primary-color)
}

.b1rsak19 .email-wrap .contacts-link-item:hover {
    background: var(--1qj7tdu)
}

.f1mx1119 {
    --b69nf0: #1D1D1D;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 36px 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
    overflow: hidden
}

.darken .f1mx1119 {
    --b69nf0: #ffffff
}

.f1mx1119 .footer-link-wrap .f-t {
    margin: 0;
    font-size: 16px;
    color: var(--b69nf0);
    line-height: 30px
}

.f1mx1119 .footer-link-wrap .links {
    margin-top: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.f1mx1119 .footer-link-wrap .links .footer-link-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.f1mx1119 .footer-link-wrap .links .footer-link-item:hover {
    color: var(--title-color)
}

.f1mx1119 .footer-link-wrap .links .footer-link-item:hover .hashbet {
    fill: var(--title-color)
}

.f1mx1119 .footer-link-wrap .links .footer-link-item span {
    text-overflow: ellipsis;
    white-space: break-spaces;
    line-height: 15px;
    padding-bottom: 10px;
}

.f1mx1119 .footer-link-wrap .links .footer-link-item .hashbet {
    width: .875rem;
    height: .875rem;
    fill: var(--text-color);
    margin-left: 4px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.f1mx1119 .social-links {
    width: 150px;
    margin-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.f1mx1119 .social-links a {
    font-size: 0;
    margin-bottom: 16px;
    width: 40px;
    height: 40px
}

.f1mx1119 .social-links a img {
    width: 40px;
    height: 40px
}

.f1mx1119.small-links-wrap {
    padding: 0 1.5rem 1.5rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f1mx1119.small-links-wrap .footer-link-wrap {
    line-height: 1.875rem;
    margin-top: 1.125rem
}

.f1mx1119.small-links-wrap .footer-link-wrap .f-t {
    margin: 0;
    text-align: center
}

.f1mx1119.small-links-wrap .footer-link-wrap .links {
    margin-top: 0;
    padding-left: .75rem;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f1mx1119.small-links-wrap .footer-link-wrap .links .footer-link-item {
    margin-right: .75rem
}

.f1mx1119.small-links-wrap .footer-link-wrap .social-links {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: .875rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.25rem
}

.f1mx1119.small-links-wrap .footer-link-wrap .social-links a {
    margin-bottom: .75rem;
    margin-right: .875rem;
    width: 2.5rem;
    height: 2.5rem
}

.f1mx1119.small-links-wrap .footer-link-wrap .social-links a img {
    width: 100%;
    height: 100%
}

.h1ux4v4o {
    --9t29cw: #000000;
    --18uxqd5: #fff;
    width: 50%
}

.darken .h1ux4v4o {
    --9t29cw: #ffffff;
    --18uxqd5: #2D3035
}

.h1ux4v4o .center-box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.h1ux4v4o .center-box .crypto-text h2 {
    color: var(--9t29cw);
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

.h1ux4v4o .center-box .crypto-text>p:first-of-type {
    margin-top: 24px
}

.h1ux4v4o .center-box .crypto-text .other-info {
    overflow: hidden;
    height: 0
}

.h1ux4v4o .center-box .btn-more {
    font-size: 16px;
    margin-top: 16px;
    height: 1.5rem;
    cursor: pointer
}

.h1ux4v4o.small-text-wrap {
    width: 100%
}

.h1ux4v4o.small-text-wrap .center-box {
    width: 100%;
    padding: 1.875rem 1.5rem;
    background-color: var(--18uxqd5)
}

.h1ux4v4o.small-text-wrap .center-box .crypto-text h2 {
    font-size: 1.25rem;
    line-height: 1.625rem
}

.h1ux4v4o.small-text-wrap .btn-more {
    margin-top: 1.375rem;
    font-size: .875rem
}

.d10zc69e {
    --9t29cw: #000000;
    --18uxqd5: #fff
}

.darken .d10zc69e {
    --9t29cw: #ffffff;
    --18uxqd5: #2D3035
}

.d10zc69e h2 {
    color: var(--9t29cw);
    font-weight: 700
}

.d10zc69e h6 {
    color: var(--9t29cw);
    margin: .75rem 0
}

.d10zc69e table {
    border-spacing: 0;
    border: 1px solid var(--9t29cw)
}

.d10zc69e table th, .d10zc69e table td {
    border-top: 1px solid var(--9t29cw);
    border-left: 1px solid var(--9t29cw)
}

.sckkbci {
    --9t29cw: #000000;
    --bmdd7w: #ffffff;
    --19j4q7t: #5F6975;
    --i0nt6h: #FFBF39;
    --3zk71c: #F0F1F5;
    --nf34ud: #5F6975;
    --1wo7edz: #5F6975;
    --14p3i5b: #ffffff;
    width: 45%
}

.darken .sckkbci {
    --9t29cw: #ffffff;
    --bmdd7w: #24262B;
    --19j4q7t: #ffffff;
    --i0nt6h: #FFC508;
    --3zk71c: #24262B;
    --nf34ud: #646E78;
    --1wo7edz: #4D565E;
    --14p3i5b: #1A1C20
}

.sckkbci .helpus-inner {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sckkbci .helpus-inner .help-us-infos .tit {
    font-size: 20px;
    color: var(--9t29cw);
    font-weight: 600;
    margin: 0
}

.sckkbci .helpus-inner .help-us-infos textarea {
    background-color: var(--bmdd7w);
    border: none;
    border-radius: var(--border-radius);
    margin-top: 24px;
    max-width: 600px;
    width: 100%;
    color: var(--19j4q7t);
    height: 120px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.5
}

.sckkbci .helpus-inner .help-us-infos textarea::-webkit-input-placeholder {
    color: var(--nf34ud);
    line-height: 1.5
}

.sckkbci .helpus-inner .help-us-infos textarea::-moz-placeholder {
    color: var(--nf34ud);
    line-height: 1.5
}

.sckkbci .helpus-inner .help-us-infos textarea:-ms-input-placeholder {
    color: var(--nf34ud);
    line-height: 1.5
}

.sckkbci .helpus-inner .help-us-infos textarea::placeholder {
    color: var(--nf34ud);
    line-height: 1.5
}

.sckkbci .helpus-inner .help-us-infos .send-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sckkbci .helpus-inner .help-us-infos .send-wrap .message .message-top {
    margin: 0
}

.sckkbci .helpus-inner .help-us-infos .send-wrap .message .message-top .num {
    color: var(--9t29cw);
    font-weight: 600;
    margin-left: 4px
}

.sckkbci .helpus-inner .help-us-infos .send-wrap .message .message-top .bonus {
    color: var(--i0nt6h);
    font-weight: 600;
    margin-left: 4px
}

.sckkbci .helpus-inner .help-us-infos .send-wrap .message .message-bottom {
    margin: 0;
    white-space: nowrap
}

.sckkbci .helpus-inner .help-us-infos .send-wrap .ui-button {
    width: 190px;
    height: 48px;
    margin-right: 9px
}

.sckkbci .helpus-inner .contact {
    height: 1.5rem;
    margin-top: 16px
}

.sckkbci .helpus-inner .contact a {
    margin-left: 4px
}

.sckkbci.small-helpus-wrap {
    width: 100%
}

.sckkbci.small-helpus-wrap .helpus-inner {
    background-color: var(--3zk71c);
    padding: 2rem 1.25rem
}

.sckkbci.small-helpus-wrap .helpus-inner .help-us-infos .tit {
    font-size: 1rem;
    text-align: center
}

.sckkbci.small-helpus-wrap .helpus-inner .help-us-infos textarea {
    margin-top: 1rem;
    padding: .625rem .875rem;
    font-size: .8125rem;
    max-width: 1000px;
    height: 8.75rem;
    background-color: var(--14p3i5b)
}

.sckkbci.small-helpus-wrap .helpus-inner .help-us-infos textarea::-webkit-input-placeholder {
    color: var(--1wo7edz)
}

.sckkbci.small-helpus-wrap .helpus-inner .help-us-infos textarea::-moz-placeholder {
    color: var(--1wo7edz)
}

.sckkbci.small-helpus-wrap .helpus-inner .help-us-infos textarea:-ms-input-placeholder {
    color: var(--1wo7edz)
}

.sckkbci.small-helpus-wrap .helpus-inner .help-us-infos textarea::placeholder {
    color: var(--1wo7edz)
}

.sckkbci.small-helpus-wrap .helpus-inner .help-us-infos .send-wrap {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 0
}

.sckkbci.small-helpus-wrap .helpus-inner .help-us-infos .send-wrap .message {
    text-align: center;
    margin: 0;
    margin-top: .75rem
}

.sckkbci.small-helpus-wrap .helpus-inner .help-us-infos .send-wrap .ui-button {
    margin: .75rem auto 0;
    width: 100%
}

.sckkbci.small-helpus-wrap .helpus-inner .contact {
    text-align: center;
    margin-top: 1.375rem;
}

.s1ggjuy9 {
    --y0xnps: #F1F3F7;
    --5l1a8f: #5F6975;
    padding: 64px 0;
    margin-left: 260px;
    background-color: var(--y0xnps);
    color: var(--5l1a8f);
    transition: 0.2s linear;
}

.darken .s1ggjuy9 {
    --y0xnps: #282A30;
    --5l1a8f: #98A7B5
}

.s1ggjuy9 .footer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.s1ggjuy9.small-crypto-wrap {
    padding: 0;
    background: none
}

.s1ggjuy9.small-crypto-wrap .footer-container.page-max-width-wrap {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0
}

.f19tyczm {
    --1hz36cl: #DADDE6;
    padding: 48px 0;
    border-top: 1px solid var(--1hz36cl)
}

.darken .f19tyczm {
    --1hz36cl: #25272C
}

.f19tyczm .tit {
    margin: 0;
    color: var(--title-color);
    font-size: 18px
}

.f19tyczm .partner-list-wrap .wrap-one>div, .f19tyczm .partner-list-wrap .wrap-two>div {
    font-size: 0
}

.f19tyczm .partner-list-wrap .wrap-one>div img, .f19tyczm .partner-list-wrap .wrap-two>div img {
    width: auto;
    height: 4.5rem
}

.f19tyczm .partner-list-wrap .wrap-one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.5rem
}

.f19tyczm .partner-list-wrap .wrap-two {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem
}

.f19tyczm .partner-list-wrap .wrap-two>div {
    margin-right: 10%
}

.f19tyczm .partner-list-wrap .wrap-two>div:last-of-type {
    margin-right: 0
}

.f19tyczm.small-partner-wrap .partner-list-wrap .wrap-one>div img, .f19tyczm.small-partner-wrap .partner-list-wrap .wrap-two>div img {
    height: 4rem
}

.f19tyczm.small-partner-wrap .partner-list-wrap .wrap-two>div {
    margin-right: 5%
}

.f19tyczm.small-partner-wrap .partner-list-wrap .wrap-two>div:last-of-type {
    margin-right: 0
}

@media screen and (max-width:621px) {
    .f19tyczm.small-partner-wrap {
        padding: 2.25rem 0
    }
    .f19tyczm.small-partner-wrap .tit {
        text-align: center;
        margin: 0 auto;
        max-width: 90%
    }
    .f19tyczm.small-partner-wrap .partner-list-wrap .wrap-one {
        padding: 0 1rem;
        margin-top: 2rem
    }
    .f19tyczm.small-partner-wrap .partner-list-wrap .wrap-two {
        padding: 0 1rem;
        margin-top: 2rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .f19tyczm.small-partner-wrap .partner-list-wrap .wrap-two>div {
        margin-right: 0
    }
    .f19tyczm.small-partner-wrap .partner-list-wrap .wrap-two>div img {
        height: 3.375rem
    }
    .f19tyczm.small-partner-wrap .partner-list-wrap .wrap-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 1rem;
        margin-top: 2rem
    }
    .f19tyczm.small-partner-wrap .partner-list-wrap .wrap-mobile>div {
        font-size: 0
    }
    .f19tyczm.small-partner-wrap .partner-list-wrap .wrap-mobile>div img {
        height: 3.375rem
    }
}

.fzoz0z4 {
    --1hz36cl: #DADDE6;
    --jeo3dl: #F6F7FA;
    padding: 48px 0 64px;
    border-top: 1px solid var(--1hz36cl);
    font-size: .75rem;
    line-height: 1.5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.darken .fzoz0z4 {
    --1hz36cl: #25272C;
    --jeo3dl: #25272C
}

.fzoz0z4 .left-text {
    width: 46%
}

.fzoz0z4 .left-text .logo {
    width: auto;
    height: 2.5rem
}

.fzoz0z4 .left-text p {
    margin: 0;
    margin-top: 1rem
}

.fzoz0z4 .right-text {
    width: 46%
}

.fzoz0z4 .right-text .licensed-t {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fzoz0z4 .right-text .licensed-t .license {
    font-size: 0;
    margin-right: .75rem
}

.fzoz0z4 .right-text .licensed-t .license img {
    width: auto;
    height: 3.75rem
}

.fzoz0z4 .right-text .licensed-t p {
    margin: 0
}

.fzoz0z4 .right-text .copyright-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.5rem
}

.fzoz0z4 .right-text .copyright-top .copyright-info p {
    margin: 0
}

.fzoz0z4 .right-text .copyright-top .to-top {
    width: 3.375rem;
    height: 3.375rem;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--jeo3dl);
    color: var(--title-color);
    cursor: pointer;
    display: none
}

.fzoz0z4 .right-text .copyright-top .to-top svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: .6875rem;
    fill: var(--primary-color)
}

.fzoz0z4.small-text-wrap {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 5%;
    padding-right: 5%
}

.fzoz0z4.small-text-wrap .left-text {
    width: 100%;
    text-align: center;
    padding-bottom: 33px;
}

.fzoz0z4.small-text-wrap .right-text {
    width: 100%;
    margin-top: 3rem
}

.fzoz0z4.small-text-wrap .right-text .licensed-t {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fzoz0z4.small-text-wrap .right-text .licensed-t p {
    margin-top: .75rem;
    text-align: center;
    font-size: .75rem
}

.fzoz0z4.small-text-wrap .right-text .copyright-top {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2rem
}

.fzoz0z4.small-text-wrap .right-text .copyright-top p {
    text-align: center
}

.fzoz0z4.small-text-wrap .right-text .copyright-top .to-top {
    margin-top: 3rem
}

.cgapchl {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    background: url(/assets/img/footer/footer_hover.png ) no-repeat top left;
    background-size: 205px 164px;
    width: 40px;
    height: 40px
}

.cgapchl.Arbitrum {
    background-position: 0 0
}

.cgapchl.Avalanche {
    background-position: -41px 0
}

.cgapchl.Bitcoin {
    background-position: 0 -41px
}

.cgapchl.BSC {
    background-position: -41px -41px
}

.cgapchl.Cardano {
    background-position: -82px 0
}

.cgapchl.Cosmos {
    background-position: -82px -41px
}

.cgapchl.Cronos {
    background-position: 0 -82px
}

.cgapchl.Doge {
    background-position: -41px -82px
}

.cgapchl.Ethereum {
    background-position: -82px -82px
}

.cgapchl.Fantom {
    background-position: -123px 0
}

.cgapchl.Flow {
    background-position: -123px -41px
}

.cgapchl.Near {
    background-position: -123px -82px
}

.cgapchl.Optimism {
    background-position: 0 -123px
}

.cgapchl.Polkadot {
    background-position: -41px -123px
}

.cgapchl.Polygon {
    background-position: -82px -123px
}

.cgapchl.Solana {
    background-position: -123px -123px
}

.cgapchl.Thorchain {
    background-position: -164px 0
}

.cgapchl.Tron {
    background-position: -164px -41px
}

.cgapchl.Ripple {
    background-position: -164px -82px
}

.fdn9ps2 {
    --1hz36cl: #DADDE6;
    --jlm310: #ffffff;
    --jeo3dl: #F6F7FA;
    --1h443ei: #FFFFFF;
    --6596nj: #F6F7FA;
    width: 100%;
    padding: 64px 0;
    border-top: 1px solid var(--1hz36cl)
}

.darken .fdn9ps2 {
    --1hz36cl: #25272C;
    --jlm310: #25272C;
    --jeo3dl: #25272C;
    --1h443ei: #2D3035;
    --6596nj: #24262B
}

.fdn9ps2 .coins-t {
    font-size: 1.125rem;
    line-height: 20px;
    color: var(--title-color);
    margin: 0
}

.fdn9ps2 .coins-list {
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(auto-fill, 77px);
    margin: 8px -18px 0
}

.fdn9ps2 .coins-list .fd-ci {
    width: 100%;
    height: 40px;
    margin-top: 32px;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fdn9ps2 .coins-list .fd-ci .hover-deposit-wrap {
    position: fixed;
    z-index: 1001;
    background: var(--jlm310);
    width: 280px;
    height: 180px;
    border-radius: var(--border-radius);
    box-shadow: 0 0 20px var(--shadow-color)
}

.fdn9ps2 .coins-list .fd-ci .hover-deposit-wrap .name-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 6.875rem
}

.fdn9ps2 .coins-list .fd-ci .hover-deposit-wrap .name-wrap img {
    font-size: 0;
    width: 2.625rem;
    height: 2.625rem
}

.fdn9ps2 .coins-list .fd-ci .hover-deposit-wrap .name-wrap .coin-text {
    margin-left: 1rem
}

.fdn9ps2 .coins-list .fd-ci .hover-deposit-wrap .name-wrap .coin-text p {
    margin: 0
}

.fdn9ps2 .coins-list .fd-ci .hover-deposit-wrap .name-wrap .coin-text p:first-of-type {
    color: var(--title-color);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem
}

.fdn9ps2 .coins-list .fd-ci .hover-deposit-wrap .btns-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .5rem
}

.fdn9ps2 .coins-list .fd-ci .hover-deposit-wrap .btns-wrap .ui-button {
    width: 48%;
    height: 56px
}

.fdn9ps2.small-coins-wrap {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.fdn9ps2.small-coins-wrap .coins-t {
    margin: 0;
    text-align: center
}

.fdn9ps2.small-coins-wrap .coins-list {
    width: 100%;
    padding: 0 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    margin-top: 1rem;
    justify-items: center
}

.fdn9ps2.small-coins-wrap .coins-list .fd-ci {
    width: 2.5rem;
    height: 2.5rem;
    margin: .75rem .5rem 0;
    justify-items: center
}

.fdn9ps2.small-coins-wrap .coins-list .fd-ci .img-fill {
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85)
}

.slf2ibj {
    --y0xnps: #F1F3F7;
    --5l1a8f: #5F6975;
    --6596nj: #F6F7FA;
    --10cduzn: #fff;
    padding: 32px 0;
    background-color: var(--6596nj);
    color: var(--5l1a8f)
}

.darken .slf2ibj {
    --y0xnps: #282A30;
    --5l1a8f: #98A7B5;
    --6596nj: #24262B;
    --10cduzn: #32343B
}

.slf2ibj .footer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    position: relative;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.25rem;
    background-color: var(--10cduzn);
    padding: 24px;
    box-sizing: border-box
}

.slf2ibj .footer-container .l {
    width: 50%;
    padding: 0 8%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.slf2ibj .footer-container .l .t {
    font-size: 1.25rem;
    color: var(--title-color);
    line-height: 1.5rem;
    margin-bottom: .75rem
}

.slf2ibj .footer-container .l .d-2, .slf2ibj .footer-container .l .d-1 {
    margin-top: .75rem;
    line-height: 1.125rem;
    opacity: .9
}

.slf2ibj .footer-container .r {
    width: 45%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.slf2ibj .footer-container .r textarea {
    background-color: var(--6596nj);
    border: none;
    border-radius: var(--border-radius);
    width: 100%;
    color: var(--title-color);
    height: 5.25rem;
    padding: .75rem 1rem;
    font-size: 14px;
    line-height: normal
}

.slf2ibj .footer-container .r button {
    width: 12.5rem
}

.slf2ibj .footer-container .contact-box {
    margin-top: .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.slf2ibj .footer-container .contact-box .cl-primary {
    margin-left: .3125rem
}

.slf2ibj.small-crypto-wrap {
    padding: 0;
    background: none
}

.slf2ibj.small-crypto-wrap .footer-container.page-max-width-wrap {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width:621px) {
    .slf2ibj {
        background-color: var(--10cduzn)
    }
    .slf2ibj .footer-container {
        padding: 1.25rem 1.5rem;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .slf2ibj .footer-container .l {
        width: 100%;
        padding: 0
    }
    .slf2ibj .footer-container .r {
        width: 100%;
        margin-top: .75rem
    }
    .slf2ibj .footer-container .r button {
        margin: 0 auto
    }
    .slf2ibj .footer-container .contact-box {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start
    }
    .slf2ibj .footer-container .contact-box .contact {
        margin: 1rem 0
    }
}

.f1otbj21 {
    --b69nf0: #1D1D1D;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 36px 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.darken .f1otbj21 {
    --b69nf0: #ffffff
}

.f1otbj21 .footer-link-wrap .f-t {
    margin: 0;
    font-size: 16px;
    color: var(--b69nf0);
    line-height: 30px
}

.f1otbj21 .footer-link-wrap .links {
    margin-top: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.f1otbj21 .footer-link-wrap .links .footer-link-item {
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.f1otbj21 .footer-link-wrap .links .footer-link-item:hover {
    color: var(--title-color)
}

.f1otbj21 .footer-link-wrap .links .footer-link-item:hover .hashbet {
    fill: var(--title-color)
}

.f1otbj21 .footer-link-wrap .links .footer-link-item span {
    white-space: nowrap
}

.f1otbj21 .footer-link-wrap .links .footer-link-item .hashbet {
    width: .875rem;
    height: .875rem;
    fill: var(--text-color);
    margin-left: 4px
}

.f1otbj21 .social-links {
    width: 150px;
    margin-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.f1otbj21 .social-links a {
    font-size: 0;
    margin-bottom: 16px;
    width: 40px;
    height: 40px
}

.f1otbj21 .social-links a img {
    width: 40px;
    height: 40px
}

.f1otbj21.small-links-wrap {
    padding: 0 1.5rem 1.5rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f1otbj21.small-links-wrap .footer-link-wrap {
    line-height: 1.875rem;
    margin-top: 1.125rem
}

.f1otbj21.small-links-wrap .footer-link-wrap .f-t {
    margin: 0;
    text-align: center
}

.f1otbj21.small-links-wrap .footer-link-wrap .links {
    margin-top: 0;
    padding-left: .75rem;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f1otbj21.small-links-wrap .footer-link-wrap .links .footer-link-item {
    margin-right: .75rem
}

.f1otbj21.small-links-wrap .footer-link-wrap .social-links {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: .875rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.25rem
}

.f1otbj21.small-links-wrap .footer-link-wrap .social-links a {
    margin-bottom: .75rem;
    margin-right: .875rem;
    width: 2.5rem;
    height: 2.5rem
}

.f1otbj21.small-links-wrap .footer-link-wrap .social-links a img {
    width: 100%;
    height: 100%
}

.f8hme2a {
    --1hz36cl: #DADDE6;
    --jeo3dl: #F6F7FA;
    padding: 32px 0 64px;
    border-top: 1px solid var(--1hz36cl);
    font-size: .75rem;
    line-height: 1.5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.darken .f8hme2a {
    --1hz36cl: #25272C;
    --jeo3dl: #25272C
}

.f8hme2a .left-text {
    width: 30%
}

.f8hme2a .right-text {
    width: 60%;
    padding-right: 2rem
}

.f8hme2a .right-text .logo, .f8hme2a .left-text .logo {
    width: auto;
    height: 2.5rem
}

.f8hme2a .right-text p, .f8hme2a .left-text p {
    margin: 0;
    margin-top: 1rem
}

.f8hme2a .right-text .bclb-wrap, .f8hme2a .left-text .bclb-wrap {
    height: 2.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f8hme2a .right-text .bclb-wrap .bclb, .f8hme2a .left-text .bclb-wrap .bclb {
    width: 2.625rem;
    height: 2.5rem
}

.f8hme2a .right-text .bclb-wrap p, .f8hme2a .left-text .bclb-wrap p {
    font-weight: 700;
    margin-top: 0;
    font-size: 1.125rem;
    margin-left: .75rem
}

.f8hme2a.small-text-wrap {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 5%;
    padding-right: 5%
}

.f8hme2a.small-text-wrap .right-text, .f8hme2a.small-text-wrap .left-text {
    width: 100%;
    text-align: center
}

@media screen and (max-width:621px) {
    .f8hme2a.small-text-wrap .right-text {
        margin-top: 1.5rem
    }
    .f8hme2a.small-text-wrap .right-text .bclb-wrap {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.f14s0dn3 {
    --14p3i5b: #ffffff;
    width: 100%;
    margin-top: 0;
    background-color: var(--14p3i5b)
}

.darken .f14s0dn3 {
    --14p3i5b: #1A1C20
}

.f14s0dn3 p {
    margin: 0
}

.f14s0dn3.footer-type-1 .footer-links-wrap .footer-link-wrap .links {
    max-width: 120px
}

.f14s0dn3.footer-type-1 .footer-links-wrap .footer-link-wrap .links button {
    white-space: nowrap
}

.f14s0dn3.footer-type-1 .footer-links-wrap .footer-link-wrap .f-t {
    max-width: 150px;
    white-space: nowrap
}

.f14s0dn3.footer-type-1 .footer-links-wrap .footer-link-wrap .social-links {
    width: 120px;
}

.f14s0dn3.footer-type-1 .footer-links-wrap .footer-link-wrap .social-links a, .f14s0dn3.footer-type-1 .footer-links-wrap .footer-link-wrap .social-links a img {
    width: 32px;
    height: 32px
}

.fgbfo2v {
    --14p3i5b: #ffffff;
    width: 100%;
    margin-left: 145px;
    background-color: var(--14p3i5b);
    transition: 0.2s linear;
}

.darken .fgbfo2v {
    --14p3i5b: #202d38;
}

.darken .fgbfo2v.custom {
    --14p3i5b: #1f242d;
}

.fgbfo2v-text {
    --14p3i5b: #ffffff;
    width: 100%;
    margin-left: 145px;
    transition: 0.2s linear;
    background-color: var(--background-color);
}

.fgbfo2v.footer-type-1 .footer-links-wrap .footer-link-wrap .links {
    max-width: 120px
}

.fgbfo2v.footer-type-1 .footer-links-wrap .footer-link-wrap .links button {
    white-space: nowrap
}

.fgbfo2v.footer-type-1 .footer-links-wrap .footer-link-wrap .f-t {
    max-width: 150px;
    white-space: nowrap
}

.fgbfo2v.footer-type-1 .footer-links-wrap .footer-link-wrap .social-links {
    width: 120px
}

.fgbfo2v.footer-type-1 .footer-links-wrap .footer-link-wrap .social-links a, .fgbfo2v.footer-type-1 .footer-links-wrap .footer-link-wrap .social-links a img {
    width: 32px;
    height: 32px
}

.l11zoekl {
    --1jdomdh: #F6F7FA;
    --vln8xg: #FFFFFF;
    --xz7fak: #D9D9D9;
    --zofaf: #FFFFFF;
    position: fixed;
    z-index: 999;
    background: var(--1jdomdh);
    border-top: 6px solid #009f62;
    box-shadow: 0 14px 25px #0003;
    border-radius: 0 0 4px 4px;
    width: 18.75rem;
    height: 7.5rem;
    left: 50%;
    bottom: 5.125rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    padding: 0 .875rem
}

.darken .l11zoekl {
    --1jdomdh: #3C404A;
    --vln8xg: #31343C;
    --xz7fak: #565B66;
    --zofaf: #24262B
}

.l11zoekl p {
    margin: 0
}

.l11zoekl .lan-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 3.25rem;
    color: var(--title-color);
    font-weight: 600
}

.l11zoekl .lan-title .icon {
    margin-right: .5rem;
    font-size: 1rem
}

.l11zoekl .lan-title .lan-select-closebtn {
    margin-left: auto;
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
    margin-right: -.25rem;
    height: 1.5rem;
    width: 1.5rem
}

.l11zoekl .lan-select-new .select-trigger {
    background: var(--vln8xg);
    border: 1px solid var(--xz7fak);
    border-radius: var(--border-radius)
}

.l11zoekl .lan-select-new .select-options-wrap .select-options {
    background: var(--zofaf);
    border-radius: var(--border-radius);
    max-height: 20rem
}

.l11zoekl .lan-select-new .select-options-wrap .select-options .select-option {
    height: 2.5rem
}

.s1jkq2ls {
    --jeo3dl: #F6F7FA;
    position: fixed;
    z-index: 101;
    right: 20px;
    bottom: 80px;
    width: 3.375rem;
    height: 3.375rem;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--jeo3dl);
    color: var(--title-color);
    cursor: pointer
}

.chat-open button.s1jkq2ls {
    right: 380px
}

.darken .s1jkq2ls {
    --jeo3dl: #25272C
}

.s1jkq2ls svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: .6875rem;
    fill: var(--primary-color)
}

@media screen and (max-width:621px) {
    .s1jkq2ls {
        bottom: 9.375rem;
        right: 1.25rem
    }
}

#root.sports-layout {
    margin-top: 4rem;
    margin-left: 0;
    overflow: visible
}

#root.sports-layout>.error {
    min-height: 80vh
}

#root.sports-layout>.loading, #root.sports-layout>.empty {
    min-height: 80vh
}

#root.sports-layout #header {
    margin-left: 0 !important
}

@media screen and (max-width:621px) {
    #root.sports-layout {
        margin: 3.75rem 0 0 !important;
        padding-bottom: 4rem
    }
    #root.sports-layout.mb-show-header {
        margin: 8.5rem 0 0 !important
    }
    #root.sports-layout>.empty {
        padding: 0;
        min-height: 60vh
    }
}

#root.base-layout {
    margin-top: 64px
}

#root.base-layout>.error {
    min-height: 80vh
}

#root.base-layout>.loading, #root.base-layout>.empty {
    min-height: 80vh
}

@media screen and (max-width:621px) {
    #root.base-layout {
        margin: 3.75rem 0 0 !important;
        padding-bottom: 4rem
    }
    #root.base-layout.mb-show-header {
        margin: 8.5rem 0 0 !important
    }
    #root.base-layout>.empty {
        padding: 0;
        min-height: 60vh
    }
}

.e1g1h0lg .ui-button {
    width: 8.125rem;
    margin-top: 1.25rem
}

.e1g1h0lg .error-msg {
    height: 260px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.e1g1h0lg .original-games .tit {
    color: var(--title-color);
    font-size: 16px
}

.e1g1h0lg .original-games .game-list {
    margin-top: .875rem
}

.e1g1h0lg .loading {
    height: 12.5rem
}

@media screen and (max-width:621px) {
    .e1g1h0lg .error-msg {
        height: 10rem
    }
    .e1g1h0lg .original-games {
        padding: .625rem
    }
    .e1g1h0lg .original-games .tit {
        font-size: .875rem
    }
}

button.l1gdc94o {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    border-radius: 50%;
    z-index: 10000
}

.chat-open button.l1gdc94o {
    right: 380px
}

.v1qcofba {
    overflow: hidden;
    height: 0;
}

.nav-item-wrap.casino-open .v1qcofba {
    height: 100%;
}

.nav-item-wrap .nav-item .nav-item-left {
    font-size: 1.2rem;
}

.p17uug6s.active .t92zz1d .theme-inner {
    display: inline-block;
}

.p17uug6s.active .t92zz1d .theme-inner span {
    display: none;
}

.con_box10 {
    width: 100%;
    margin: 10px 0px 0px;
}

.event_list.notice ul {
    display: flex;
    flex-wrap: wrap;
}

.event_list.notice ul li {
    width: 32.5%;
    height: auto;
    margin: 10px 10px 0px 0px;
}

.event_list.notice ul li a {
    display: block;
    position: relative;
    height: 215px;
    overflow: hidden;
    border: 1px solid #2b303c;
    cursor: pointer;
    border-radius: 10px;
}

.event_list.notice ul li a:hover .notice_event_center_btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    transition: all cubic-bezier(.42, 0, .03, 1) .7s;
}

.darken .event_list.notice ul li a:hover {
    background: #1a1c21;
}

.event_list.notice ul li a:hover {
    background: #fff;
}

.event_list.notice ul li img {
    width: 100%;
    max-width: 800px;
    position: absolute;
    top: 0;
    transition: top 10s;
    height: 100%;
}

.btn2_2 {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    letter-spacing: 0pt;
    font-weight: 500;
    text-shadow: rgba(0, 0, 0, 0) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px -1px;
}

.btn2_2 {
    background-color: #6e34e2b3;
    background-image: conic-gradient(from 1turn, rgba(136, 83, 252, 1), rgba(110, 52, 226, 1));
    opacity: 0.8;
    min-width: 120px;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
}

.darken .notice_event_title {
    background: #33343b;
}

.notice_event_title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background: #aaabac;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notice_event_detail {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.notice_event_btn {
    background: #257898;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 5px;
    text-align: center;
    justify-content: center;
    border-radius: 5px;
    width: 70px;
    margin-right: 10px;
}

.notice_event_center_btn {
    position: absolute;
    transform: scale(50%, 50%);
    background: #1bb688;
    transition: all cubic-bezier(.42, 0, .03, 1) .7s;
    display: none;
    color: #fff;
    padding: 5px;
    text-align: center;
    height: 70px;
    border-radius: 10px;
    width: 200px;
    margin-right: 10px;
    left: 25%;
    bottom: 35%;
}

.notice_event_center_btn:hover {
    background: #077856;
}

.notice_event_title ul li {
    width: 100% !important;
}

.darken .level-content {
    background: #333333;
}

.level-content {
    display: flex;
    justify-content: space-between;
    padding: 25px;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.level-content-left {
    display: block;
}

.level-content-icon {
    display: flex;
    flex-wrap: wrap;
}

.level-content-icon img {
    width: 70px;
}

.darken .level-content-icon-img {
    background: #252b2c;
}

.level-content-icon-img {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    border-radius: 5px;
    width: 90px;
    text-align: center;
}

.level-content-icon-text {
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.level-content-icon-arrow {
    display: flex;
    justify-content: center;
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
    color: #00ffac;
    font-size: large;
    padding-top: 39px;
}

.level-content-text {
    display: block;
}

.level-content-text-index {
    display: flex;
    padding: 10px 0px 5px 0px;
    justify-content: start;
    align-items: center;
}

.level-content-text-index .prev {
    padding-right: 5px;
    color: #00ffac;
    font-weight: bold;
}

.level-icon-img img {
    width: 200px;
    height: auto;
}

.level-icon-img {
    width: 100%;
    height: auto;
    border: 2px solid #2aff96;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.level-icon-btn {
    width: 100%;
    color: #fff;
    background: #29abe2;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.level-content-right {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
}

.darken .bonus-content {
    background: #333;
}

.bonus-content {
    display: block;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}

.darken .bonus-content-item {
    background: #282828;
}

.bonus-content-item {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    background: #e0e0e0;
    margin-bottom: 10px;
}

.bonus-content-top {
    display: flex;
    justify-content: space-between;
}

.bonus-content-left {
    display: flex;
}

.bonus-content-left-text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 25px;
}

.bonus-content-left-img {
    width: 40px;
    height: auto;
    text-align: center;
}

.bonus-content-left-img img {
    width: 100%;
    height: auto;
}

.bonus-content-right {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.darken .bonus-content-item .detail-content {
    background: #333;
}

.bonus-content-item .detail-content {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px 0px 15px;
    background: #e9e9e9;
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
    align-items: center;
}

.darken .detail-content-img {
    background: #282828;
}

.detail-content-img {
    padding: 5px;
    background: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bonus-content-item .detail-content img {
    width: 40px;
    height: 40px;
}

.bonus-content-item .detail-content .detail-content-center {
    display: block;
    margin-left: 10px;
    width: 100%;
    margin-right: 15px;
}

.bonus-content-item .detail-content-btn {
    width: 40px;
    color: #fff;
    padding-bottom: 10px;
    background: #006adf;
    border-radius: 10px;
    padding-top: 10px;
    height: 40px;
}

.bonus-content-item .detail-content .detail-content-center .radio {
    width: 100%;
}

.banner-box {
    position: relative;
}

.banner-position {
    position: absolute;
    left: 30px;
    bottom: 10px;
    display: block;
    padding: 20px;
    color: #fff;
}

.banner-top {
    display: flex;
    align-items: center;
}

.banner-top img {
    width: 200px;
    height: auto;
}

.banner-medium {
    display: flex;
}

.banner-top-title {
    margin-left: 20px;
    color: #fff;
    font-weight: 900;
    font-size: xxx-large;
    margin-top: 70px;
}

.game-start {
    background: conic-gradient(from 74deg at 50% 50%, rgb(201 0 56) 180deg, rgb(201 0 56) 173deg, rgb(255 21 146) 134deg, rgb(255 21 146) 82deg) !important;
    padding: 7px 25px;
    color: #ffff;
    border-radius: 5px;
    font-size: 17px;
    margin-right: 15px;
}

.banner-medium {
    margin-top: 40px;
}

.event-moreview {
    background: conic-gradient(from 80deg at 50% 50%, rgb(0 37 191) 180deg, rgb(0 37 191) 173deg, rgb(0 75 191) 134deg, rgb(0 75 191) 82deg) !important;
    padding: 7px 25px;
    color: #ffff;
    border-radius: 5px;
    font-size: 17px;
}

.darken .dashboard-league {
    --1t345w1: #32343b;
}

.dashboard-league {
    --1t345w1: #fff;
    display: block;
    padding: 15px;
    background-color: var(--1t345w1);
    border-radius: 5px;
    color: var(--title-color);
    height: auto;
}

.s138s2zu.grid-list.all-show {
    --grid-num: 6 !important;
    --grid-rows: 4 !important;
}

.s138s2zu.grid-list.all-show-slot {
    --grid-num: 6 !important;
    --grid-rows: 4 !important;
}

.deposit-btn {
    background-image: conic-gradient(from 70deg at 50% 50%, rgb(0 37 191) 180deg, rgb(0 37 191) 173deg, rgb(0 75 191) 134deg, rgb(0 75 191) 82deg) !important;
    width: 90px !important;
}

.deposit-btn a, .withdraw-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.withdraw-btn {
    background-image: conic-gradient(from 70deg at 50% 50%, rgb(201 0 56) 180deg, rgb(201 0 56) 173deg, rgb(255 21 146) 134deg, rgb(255 21 146) 82deg) !important;
    width: 90px !important;
}

/* @media screen and (max-width:1600px){
    .p17uug6s {
       width: 80px;
    }
    .p17uug6s.active {
        width: 260px;
    }
    .p17uug6s.active .p17gjxjj .logo-pc {
       display: block;
    }
    .p17gjxjj .logo-pc {
     display: none;
    }
    .toggle-tigger.nav-item .nav-item-right .hover-wrap{
        display: none;
    }
   .pc0qj6z {
        margin-left: 80px!important;
    }
 .s1cce63r{
        margin-left: 80px!important;
    }
    .p17uug6s.active~.pc0qj6z {
        margin-left: 260px!important;
    }
    .p17uug6s.active~.s1cce63r{
        margin-left: 260px!important;
    }
    
} */

@media screen and (max-width: 991px) {
    .con_box10 {
        width: 100%;
        margin: 10px 0px 0px;
        overflow: auto;
    }
    .event_list.notice ul li {
        width: 100%;
    }
    .event_list.notice ul li a {
        height: 190px;
    }
    .event_list.notice ul li img {
        height: 100%;
    }
    .level-content-icon .mobile-reword-arrow {
        padding-left: 15px;
    }
    .level-content-icon-arrow {
        display: flex;
        justify-content: center;
        height: auto;
        padding-right: 0px;
        padding-left: 0px;
        color: #00ffac;
        font-size: large;
        padding-top: 20px;
    }
    .level-content {
        display: block;
    }
    .reword-bonus-contents_wrap {
        margin-top: 145px
    }
    .level-content-icon-img {
        padding-top: 10px;
        padding-bottom: 10px;
        background: #fff;
        border-radius: 5px;
        width: 60px;
        text-align: center;
    }
    .level-content-icon img {
        width: 40px;
    }
    .bonus-content-item .detail-content-btn {
        width: 40px;
    }
    .f1mx1119.small-links-wrap .footer-link-wrap .f-t {
        margin-left: 0.75rem;
        text-align: left;
    }
    .mobile-footer .footer-link-item {
        justify-content: start !important;
    }
}

@media screen and (max-width: 1240px) {
    .banner-medium {
        margin-top: 5px !important;
    }
    .banner-position {
        position: absolute;
        left: -3px !important;
        top: -37px !important;
        display: block;
        padding: 20px !important;
        color: #fff;
    }
    .banner-position {
        position: absolute;
        left: -3px !important;
        top: -37px !important;
        display: block;
        padding: 20px !important;
        color: #fff;
    }
    .notice_event_center_btn {
        left: 15% !important;
        bottom: 38% !important;
    }
}