@charset "utf-8";

.s1ecaf2u {
    --13ljf18: #F7F7FA;
    --3ju68v: #F1F3F7;
    --ed7p1r: #FFFFFF;
    --1rockx5: #F1F3F7;
    --1sexejn: #EAECF3;
    --7xclbe: rgb(195 198 202);
    --7h9g04: #f5f6fa;
    --15526kf: #31373D;
    --1n7ksai: #ffffff;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem;
    background-color: var(--1n7ksai);
    /* background-color: #24262b; */
    border-radius: var(--border-radius);
    align-items: center;
    padding: 0;
    margin-top: 30px;
    padding: 0 100px;
    padding-top: 20px;
    padding-bottom: 50px;
}

.darken .s1ecaf2u {
    --13ljf18: #24262B;
    --3ju68v: #1E2024;
    --ed7p1r: #2F3238;
    --1rockx5: #2D3035;
    --1sexejn: #484D57;
    --7xclbe: #88898b;
    --7h9g04: #17181b;
    --15526kf: #98A7B5;
    --1n7ksai: #31343c;
}

 .s1ecaf2u .game-opt-wrap {
    width: 100%;
}

 .s1ecaf2u .crypto-list .subZone .infoZoneA .down {
    padding-bottom: 20px;
    display: grid;
}
 .s1ecaf2u .crypto-list .subZone .infoZoneA .down ul {
    list-style-type: square;
}


 .s1ecaf2u .crypto-list .subZone .infoZoneA {
    border-bottom: 1px solid #88898b;
    margin-bottom: 22px;
}

.s1ecaf2u .crypto-list .subZone .infoZoneA .down .section {
    margin: 15px;
    display: flex;
    /* align-items: center; */
}

.s1ecaf2u .crypto-list .subZone .infoZoneA .down .section .leftZone {
    color: #fff;
    font-size: 14px;
    float: left;
    height: 25px;
    width: 80px;
    padding: 0px 8px;
    border-radius: 15px;
    background-color: #FFAD00;;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    white-space: nowrap;
    
}


.s1ecaf2u .listZoneA {
    border: 1px solid  #009f62;
    width: 100%;
    margin-top: 30px;
    border-radius: 10px;
    background-color: var(--backgound-color);
    padding: 20px;
}
.withdraw .listZoneA {
    border: 1px solid  rgb(255 21 146);
    width: 100%;
    margin-top: 30px;
    border-radius: 10px;
    background-color: var(--backgound-color);
    padding: 20px;
}

.s1ecaf2u .listZoneA table tbody {
    display: grid;
    justify-content: inherit;
} 


.s1ecaf2u .listZoneA table tbody tr {
    display: flex;
    margin-bottom: 10px;
}
.s1ecaf2u .listZoneA table tbody tr .subject {
    padding-right: 50px;
    color: #009f62;
    min-width: 220px;
}
.withdraw .listZoneA table tbody tr .subject {
    padding-right: 50px;
    color: rgb(255 21 146);
}

.section {
    min-width: 100px;
}

.s1ecaf2u .listZoneA table tbody tr .input_content {
    background-color: var(--button-color);
    border: 1px solid #4b4b4b;
    color: #4b4b4b;
    padding: 0px 10px;
    box-sizing: border-box;
    border-radius: 5px;

}

.s1ecaf2u .listZoneA table tbody tr .inputFrame .hint {
    font-size: 14px;
    color: #FFAD00;
    margin-top: 11px;
    font-weight: bolder;
}

.s1ecaf2u .listZoneA table tbody tr .inputFrame .moneyBtns {
    display: flex;
    flex-wrap: wrap;
}

.s1ecaf2u .listZoneA table tbody tr .inputFrame .moneyBtns button {
    color: #fff;
    width: 82px;
    padding: 5px 0;
    margin-right: 5px;
    margin-bottom: 2px;
    border-radius: 3px;
    background-color: #009f62;
    background-image: conic-gradient(from 70deg at 50% 50%, rgb(0 106 47) 180deg, rgb(0 106 47) 173deg, rgb(13 109 72) 134deg, rgb(27 141 77) 82deg);
}

.s1ecaf2u .listZoneA table tbody tr .input_content input {
    background: var(--button-color);
    margin-bottom: 5px;
    border: 0px;
    width: 100%;
    padding: 10px 100px 5px 0px;
}



.s1ecaf2u .btnZone {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
}
.s1ecaf2u .btnZone-finished {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}

.s1ecaf2u .btnZone .goldLBtn {
    color: #fff;
    padding: 10px 40px;
    border-radius: 3px;
    background-color: #6e34e2b3;
    background-image: conic-gradient(from 1turn, rgba(136, 83, 252, 1), rgba(110, 52, 226, 1));
    width: auto;
}
.s1ecaf2u .currency-opt {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 1.125rem;
}

.s1ecaf2u .currency-opt .hide-balance {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.s1ecaf2u .currency-opt .hide-balance .ui-switch {
    margin-left: 0.5rem;
}

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

.s1ecaf2u .currency-opt button .icon {
    order: 0;
    width: 0.625rem;
    height: 0.625rem;
    fill: var(--7h9g04);
}

.s1ecaf2u .currency-opt .ui-input {
    margin-top: 0px;
}

.s1ecaf2u .currency-opt .ui-input .input-control {
    background: var(--1rockx5);
    border: 1px solid var(--1sexejn);
    border-radius: 4px;
    height: 2rem;
    padding: 0px 0.75rem;
}

.s1ecaf2u .currency-opt .ui-input .is-focus {
    border-color: var(--primary-color);
}

.s1ecaf2u .currency-opt .ui-input input {
    order: 1;
}

.s1ecaf2u .currency-opt .ui-input input::-webkit-input-placeholder {
    color: var(--15526kf);
}

.s1ecaf2u .currency-opt .ui-input input::placeholder {
    color: var(--15526kf);
}

.s1ecaf2u .currency-opt .ui-input .icon-search {
    order: 0;
    margin-right: 0.5rem;
}

.s1ecaf2u .loading {
    height: 31.25rem;
}

.s1ecaf2u .currency-item-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--13ljf18);
    border-radius: 0.25rem;
    margin-bottom: 0.0625rem;
}

.s1ecaf2u .currency-item-wrap .currency-item {
    padding: 0.6875rem 1rem;
}

.s1ecaf2u .currency-item-wrap .btns {
    display: flex;
    margin-right: 0.75rem;
}

.s1ecaf2u .currency-item-wrap .btns .ui-button {
    font-weight: 400;
    color: var(--primary-color);
    height: 1.875rem;
    font-size: 0.75rem;
    padding: 0px 0.625rem;
}

.s1ecaf2u .currency-item-wrap .btns .ui-button:hover {
    color: rgb(40, 167, 0);
}

.s1ecaf2u .currency-item-wrap .currency-item {
    flex: 1 1 auto;
    margin: 0px;
    border-radius: var(--border-radius);
}

.s1ecaf2u .currency-item-wrap .currency-item.active {
    border: none;
}

.s1ecaf2u .currency-item-wrap .ui-switch {
    margin-right: 0.75rem;
}

.sgohvke {
    --znb46c: #dedfe1;
    --5ajn2k: #F1F3F7;
    --1n7ksai: #ffffff;
    display: flex;
    flex-direction: column;
}

.darken .sgohvke {
    --znb46c: #484D57;
    --5ajn2k: #3C404A;
    --1n7ksai: #31343c;
}

.sgohvke .balance-head {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 1.25rem;
    padding: 1.5rem 2rem 1.5rem 1.5rem;
    background-color: var(--1n7ksai);
    border-radius: var(--border-radius);
    justify-content: space-around;
}

.sgohvke .balance-head .tit {
    color: var(--title-color);
}

.sgohvke .balance-head .balance {
    color: rgb(254, 202, 32);
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-weight: 800;
}

.sgohvke .balance-head .amount {
    color: var(--title-color);
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-weight: 800;
}

.sgohvke .balance-head img {
    width: 2.75rem;
}

.sgohvke .balance-head .total-balance {
    border-right: 1px solid var(--5ajn2k);
    padding-right: 2rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.sgohvke .balance-head .real-money, .sgohvke .balance-head .bonus-money {
    padding: 0px 2rem;
}

.sgohvke .list-tit {
    margin-bottom: 0.75rem;
    color: var(--title-color);
}

.sgohvke .crypto-list {
    margin-top: 1.25rem;
    width: 100%;
    color: var(--title-color);
}
.sgohvke .crypto-list .subZone ul {
    list-style-type: none;
}
.sgohvke .no-coin {
    width: 50%;
    margin: 0px auto;
    text-align: center;
}

.sgohvke .no-coin .empty {
    height: auto;
}

.sgohvke .no-coin .txt {
    margin-top: 0.625rem;
}

.sgohvke .hide-tit {
    margin-top: 1.25rem;
    margin-bottom: 0.375rem;
}

.santig4 {
    --idrx6z: rgba(221, 224, 230, .8);
    --jpdwz7: #edeef2;
}

.darken .santig4 {
    --idrx6z: rgba(60, 64, 74, .6);
    --jpdwz7: #3c404a;
}

.santig4 input {
    font-weight: 800;
}

.santig4 .btn-wrap {
    width: 10.9375rem;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-radius: var(--border-radius);
    overflow: hidden;
    margin-right: -0.625rem;
}

.santig4 .btn-wrap button {
    background-color: var(--idrx6z);
    height: 2rem;
    width: 2.6875rem;
    font-size: 0.75rem;
}

.santig4 .btn-wrap button:first-child {
    padding-left: 0.1875rem;
}

.santig4 .btn-wrap button:last-child {
    padding-right: 0.1875rem;
}

.santig4 .btn-wrap button:hover {
    background-color: var(--jpdwz7);
}

.b99qc23 {
    background: rgba(58, 201, 72, 0.1);
    padding: 0.125rem 0.75rem;
    border-radius: var(--border-radius);
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--title-color);
}

.b99qc23 .cl-primary {
    font-weight: 800;
}

.b99qc23 a {
    color: var(--title-color);
    text-decoration: underline;
}

.soxyc3p {
    width: 40.625rem;
}

.soxyc3p .title {
    color: var(--title-color);
    text-align: center;
    font-weight: 700;
    font-size: 1rem;
    width: 60%;
    margin: 0px auto;
}

.soxyc3p .tit {
    color: var(--title-color);
    margin-top: 1.25rem;
}

.soxyc3p .mr {
    margin-top: 1.25rem;
}

.socgo2n .link {
    color: var(--primary-color);
    text-decoration: underline;
}

.f1o1vg50 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 0.625rem;
    cursor: pointer;
}

.f1o1vg50 .ui-checkbox {
    margin-right: 0.625rem;
    border-color: var(--primary-color);
}

.f1o1vg50 .icon-help {
    margin-left: 0.3125rem;
    fill: var(--primary-color);
    cursor: pointer;
}

.f1o1vg50.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.c1k83zfh {
    overflow-y: scroll;
}

.c1k83zfh.disable {
    opacity: 0.5;
    pointer-events: none;
}

.f1xkdlsy {
    --1g2rxb6: rgba(159, 165, 172, .2);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.darken .f1xkdlsy {
    --1g2rxb6: #17181b;
}

.f1xkdlsy .withdraw-to-wrap {
    margin-top: 1.25rem;
}

.f1xkdlsy .withdraw-to-wrap .wt {
    line-height: 1.125rem;
    height: 1.125rem;
    margin-bottom: 0.375rem;
}

.f1xkdlsy .fiat-head {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.f1xkdlsy .fiat-head .coin-icon {
    width: 1.75rem;
}

.f1xkdlsy .fiat-head .currency {
    margin-left: auto;
    margin-right: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--title-color);
}

.slc2gv5 {
    padding: 0.25rem;
    --157d7l0: #F6F7FA;
    --160jnsh: #FFFFFF;
    position: relative;
}

.darken .slc2gv5 {
    --157d7l0: #1E2024;
    --160jnsh: #32343B;
}

.slc2gv5 .tip {
    position: absolute;
    right: 0px;
    z-index: 2;
    top: 0.625rem;
    transform: translateY(-100%);
    background: linear-gradient(90deg, rgb(225, 90, 15) 5.42%, rgb(247, 147, 26) 96.72%);
    border-radius: 0.875rem;
    box-shadow: rgba(0, 0, 0, 0.28) 0px 4px 6px;
    color: rgb(255, 255, 255);
    padding: 0.4375rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1;
    max-width: 48%;
}

.slc2gv5 .tip::after {
    content: "";
    display: block;
    border-width: 0.4375rem;
    border-style: solid;
    border-color: rgb(225, 91, 16) transparent transparent;
    border-image: initial;
    position: absolute;
    bottom: -0.8125rem;
    left: 0.625rem;
}

.slc2gv5 .tabs-navs {
    padding: 0.25rem;
    height: 2.75rem;
    background-color: var(--157d7l0);
}

.slc2gv5 .tabs-navs .tabs-nav {
    border-bottom: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 1px;
    padding: 0px 1.25rem;
    display: block;
}

.slc2gv5 .tabs-navs .tabs-nav::after {
    display: none;
}

.slc2gv5 .tabs-navs .tabs-nav.is-active {
    background-image: none;
    background-color: var(--160jnsh);
}

.f1hd1bfp {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 0.625rem;
    cursor: pointer;
}

.f1hd1bfp .ui-checkbox {
    margin-right: 0.625rem;
    border-color: var(--primary-color);
}

.f1hd1bfp button .icon {
    margin-left: 0.3125rem;
    fill: var(--primary-color);
}

.f1hd1bfp.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.s1q1on92 .img {
    width: 12.5rem;
    height: 12.5rem;
    margin: 1.5625rem auto;
    display: block;
}

.s1q1on92 .coin-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    margin: 0px 5px 0px 0px;
}

.dsniws8 {
    --1yhspeg: rgba(95, 105, 117, .8);
    --xoy5d1: #f5f6fa;
    --1rv42qm: #181919;
    color: var(--1yhspeg);
    position: relative;
}

.darken .dsniws8 {
    --1yhspeg: rgba(153, 164, 176, .6);
    --xoy5d1: rgba(61, 71, 79, .25);
    --1rv42qm: #fff;
}

.dsniws8.pop {
    width: 26.25rem;
    min-height: 18.75rem;
}

.dsniws8 .qrcode {
    width: 23.75rem;
    height: 23.75rem;
}

.dsniws8 .header {
    margin-top: 1.25rem;
    padding-left: 4.0625rem;
    position: relative;
    text-align: left;
    height: 2.75rem;
}

.dsniws8 .header .logo-wrap {
    width: 2.75rem;
    height: 2.75rem;
    background-color: var(--xoy5d1);
    padding: 0.3125rem;
    text-align: center;
    position: absolute;
    left: 0.625rem;
    top: 0px;
    border-radius: var(--border-radius);
    -webkit-box-align: center;
    align-items: center;
    display: flex;
}

.dsniws8 .header .logo-wrap.no-bg {}

.dsniws8 .header .logo-wrap .logo {
    width: 2.125rem;
    display: block;
    margin: 0px auto;
}

.dsniws8 .sub-tit {
    height: 1.25rem;
    line-height: 1.5rem;
}

.dsniws8 .tit {
    height: 1.5rem;
    line-height: 1.25rem;
    color: var(--1rv42qm);
    font-weight: 800;
    font-size: 1rem;
}

.dsniws8 .input-wrap {
    width: 21.875rem;
    margin: 2.25rem auto 0px;
}

.dsniws8 .input-wrap .tips {
    text-align: left;
    margin: 0px 1rem 0.25rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.dsniws8 .input-wrap .tips .coin-icon {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    vertical-align: top;
    margin: 0px 0.3125rem 0px 0px;
}

.dsniws8 .input-wrap .input-control {
    border-radius: var(--border-radius);
}

.dsniws8 .input-wrap .ui-input {
    margin-top: 0rem;
}

.dsniws8 .input-wrap button {
    width: 12.5rem;
    margin: 1.875rem auto;
}

.dsniws8 .light-desposit {
    text-align: left;
    margin-bottom: 30px;
}

.dsniws8 .light-desposit .ui-input {
    width: 100%;
}

.s1uwg4hf {
    --2vljes: #e9eaf2;
    --u3cp45: #f5f6fa;
    margin-top: 1rem;
}

.darken .s1uwg4hf {
    --2vljes: #2d3035;
    --u3cp45: #1E2024;
}

.s1uwg4hf .label {
    margin-left: 1rem;
}

.s1uwg4hf textarea {
    width: 100%;
    height: 12.5rem;
    margin: 0.375rem auto;
    padding: 0.625rem 1.25rem;
    border-radius: var(--border-radius);
    border: solid 1px var(--2vljes);
    background-color: var(--u3cp45);
    display: block;
}

.s1uwg4hf .ui-button {
    margin: 30px auto 0px;
    width: 20.3125rem;
}

.s46g6co .share-item img {
    height: 1.5rem;
    width: auto;
}

.c18ujvlb {
    overflow-y: scroll;
}

.c18ujvlb.disable {
    opacity: 0.5;
    pointer-events: none;
}

.b1tm4heg>.ui-input {
    margin-top: 0.5rem;
}

.b1tm4heg .share-wrap {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    margin: 0.625rem 0px;
}

.b1tm4heg .share-wrap a {
    margin: 0px 0.625rem;
    display: inline-block;
}

.b1tm4heg .share-wrap img {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    vertical-align: top;
}

.s1t3ukhf {
    --7trc5g: #ffffff;
    --1rv42qm: #181919;
    border-radius: var(--border-radius);
    background-color: var(--7trc5g);
    text-align: center;
    padding: 0.8125rem 0.9375rem 0.9375rem;
}

.darken .s1t3ukhf {
    --7trc5g: rgba(23, 24, 27, .5);
    --1rv42qm: #fff;
}

.s1t3ukhf .tit {
    margin-bottom: 0.5rem;
}

.s1t3ukhf .support-wrap {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1.75rem;
}

.s1t3ukhf .support-wrap .support-item {
    width: 48%;
    text-align: center;
    position: relative;
    cursor: pointer;
    color: var(--1rv42qm);
}

.s1t3ukhf .support-wrap .support-item:nth-child(2n)::before {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 1px;
    height: 100%;
    background-color: rgba(128, 141, 152, 0.15);
}

.s1t3ukhf .support-wrap img {
    height: 1.875rem;
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.75rem;
}

.s1of0y4f {
    --prlp66: #f5f6fa;
    --1gxj1qs: #dadde6;
}

.darken .s1of0y4f {
    --prlp66: #26282C;
    --1gxj1qs: #2e3036;
}

.s1of0y4f .submit-btn {
    min-width: 14rem;
    width: auto;
    margin: 2rem auto;
}

.s1of0y4f .withdraw-info {
    background-color: var(--prlp66);
    border-radius: var(--border-radius);
    width: 100%;
    margin-top: 1.375rem;
}

.s1of0y4f .withdraw-info .item {
    padding: 0.375rem 0.75rem;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.s1of0y4f .withdraw-info .item .val {
    color: var(--title-color);
    font-weight: 800;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.s1of0y4f .withdraw-info .item .val .coin {
    vertical-align: top;
}

.s1of0y4f .withdraw-info .item .label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.s1of0y4f .withdraw-info .item .label .icon {
    fill: var(--primary-color);
    width: 1rem;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.1875rem;
}

.s1of0y4f .withdraw-info .item .cl-primary {
    color: var(--primary-color);
}

.s1of0y4f .withdraw-info .time-wrap {
    border-bottom: 1px solid var(--1gxj1qs);
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.s1of0y4f .withdraw-info .time-wrap svg {
    margin: -0.125rem 0.125rem 0px 0px;
}

.s1iis294 {
    --1rv42qm: #181919;
    --1hr07om: rgba(95, 105, 117, .6);
    --prlp66: #f5f6fa;
    --cn5q3p: #fff;
    --he6tl4: #EAECF3;
    --p4qis: #f5f6fa;
    --qos9gx: #ffffff;
    position: relative;
    font-size: 0.75rem;
    max-width: 492px;
}

.darken .s1iis294 {
    --1rv42qm: #fff;
    --1hr07om: rgba(153, 164, 176, .6);
    --prlp66: #26282C;
    --cn5q3p: #3D4049;
    --he6tl4: #2d3035;
    --p4qis: #3D4049;
    --qos9gx: #484D57;
}

.s1iis294 .label-align {
    display: flex;
}

.s1iis294 .label-pre {
    flex: 1 1 auto;
}

.s1iis294 .label-suf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.s1iis294 .label-suf .min {
    margin-right: 0.625rem;
}

.s1iis294 .label-suf .min span, .s1iis294 .label-suf .max span {
    color: var(--1rv42qm);
}

.s1iis294 .label-suf .max.error span {
    color: rgb(218, 30, 40);
}

.s1iis294 .label-suf button {
    font-size: 0.75rem;
}

.s1iis294 .balance-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 1.125rem;
    margin-top: 1.25rem;
}

.s1iis294 .balance-wrap p {
    margin: 0px;
}

.s1iis294 .balance-wrap p .w {
    color: var(--title-color);
    margin-left: 0.25rem;
    font-weight: 600;
}

.s1iis294 .swap-record {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-size: 0.875rem;
    margin-bottom: 0.375rem;
}

.s1iis294 .input-wrap {
    position: relative;
    border: 4px solid var(--he6tl4);
    border-radius: var(--border-radius);
}

.s1iis294 .input-wrap .input-control {
    border: none;
    border-radius: 0px;
}

.s1iis294 .input-wrap .from-input {
    border-bottom: 2px solid var(--he6tl4);
}

.s1iis294 .input-wrap .from-input .input-control {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border: none;
}

.s1iis294 .input-wrap .to-input {
    border-top: 2px solid var(--he6tl4);
}

.s1iis294 .input-wrap .to-input .input-control {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border: none;
}

.s1iis294 .input-wrap .ui-input {
    margin-top: 0px;
}

.s1iis294 .btn-exchange {
    text-align: center;
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    left: 50%;
    top: 50%;
    margin: -1.125rem 0px 0px -1.125rem;
    z-index: 1;
    border: solid 3px var(--he6tl4);
    background-color: var(--p4qis);
    border-radius: 0.5rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
}

.s1iis294 .btn-exchange svg {
    width: 0.875rem;
    height: 0.875rem;
    fill: var(--title-color);
    margin-top: 0.1875rem;
}

.s1iis294 .btn-exchange:hover {
    background-color: var(--qos9gx);
}

.s1iis294 .tit {
    line-height: 0.8125rem;
    margin-top: 1.25rem;
}

.s1iis294 .tit span {
    color: var(--1rv42qm);
}

.s1iis294 .ui-button {
    width: 14rem;
    margin: 0px auto;
}

.s1iis294 .tips {
    margin: 0.75rem 0px 2.5625rem;
    border-radius: var(--border-radius);
}

.s1iis294 .tips .item {
    background-color: var(--prlp66);
    padding: 0.5rem 0.75rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.s1iis294 .tips .time-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    color: var(--title-color);
    border-radius: var(--border-radius);
    margin-bottom: 1px;
}

.s1iis294 .tips .time-wrap svg {
    margin-right: 0.1875rem;
}

.s1iis294 .tips span {
    color: var(--1rv42qm);
}

@media screen and (max-width: 621px) {
    .s1iis294 .btn-exchange {
        left: 35%;
    }
}

.ssy8eer {
    --njpvpw: #31373d;
    --1yhspeg: rgba(95, 105, 117, .8);
    padding: 1.25rem;
    width: 26.25rem;
    height: 26.25rem;
    border-radius: var(--border-radius);
}

.darken .ssy8eer {
    --njpvpw: #fff;
    --1yhspeg: rgba(153, 164, 176, .6);
}

.ssy8eer .title {
    font-size: 1rem;
    color: var(--njpvpw);
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.625rem;
    font-weight: 800;
}

.ssy8eer .cl-txt {
    color: var(--primary-color);
    font-weight: 800;
}

.ssy8eer .content {
    font-size: 0.875rem;
    color: var(--1yhspeg);
}

.ssy8eer .content p {
    margin-top: 1.25rem;
}

.s83djy4 {
    --whdmoy: #31373d;
    --1yhspeg: rgba(95, 105, 117, .8);
    --1c8b6ki: #E5E6EE;
    --tgceo9: #D5D8E2;
    margin-top: 0.5rem;
    padding-bottom: 0px;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
    align-items: start;
    flex-wrap: wrap;
}

.darken .s83djy4 {
    --whdmoy: #f5f6f7;
    --1yhspeg: rgba(153, 164, 176, .6);
    --1c8b6ki: #1E2024;
    --tgceo9: #30333A;
}

.s83djy4 .input-box {
    flex: 1 1 0%;
    margin-right: 1.5rem;
    margin-bottom: 0.625rem;
}

.s83djy4 .input-box .ui-input {
    margin-top: 0px;
}

.s83djy4 .operate-box {
    text-align: center;
    min-width: 256px;
    flex: 0 0 25%;
}

.s83djy4 .operate-box .w {
    color: rgb(0 159 98);
    font-weight: 700;
    padding-left: 0.3125rem;
}

.s83djy4 .submit-btn {
    margin-top: 0px;
}

.s83djy4 .rule-box button {
    color: rgb(0 159 98);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.s83djy4 .rule-box svg {
    fill: rgb(0 159 98);
    width: 0.75rem;
}

.s83djy4 .top-help {
    margin-bottom: 0.375rem;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-size: 0.75rem;
}

.s83djy4 .top-help .title-rate {
    color: var(--whdmoy);
    font-weight: 800;
}

.s83djy4 .top-help .title-rate span {
    color: var(--primary-color);
    font-size: 1rem;
}

.s83djy4 .top-help button {
    font-size: 0.75rem;
    color: var(--1yhspeg);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.s83djy4 .top-help .icon {
    fill: var(--primary-color);
    margin-right: 0.3125rem;
}

.s83djy4 .balance-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 1.25rem;
    margin-top: 0.5rem;
}

.s83djy4 .balance-wrap .balance-wrap-info, .s83djy4 .balance-wrap p {
    margin: 0px;
}

.s83djy4 .balance-wrap .balance-wrap-info .w, .s83djy4 .balance-wrap p .w {
    color: var(--title-color);
    margin-left: 0.25rem;
    font-weight: 600;
}

.s83djy4 .balance-wrap .rate .w {
    color: rgb(0 159 98);
}

.s83djy4 .ui-button {
    max-width: 16rem;
    width: 100%;
}

.s83djy4 .amount {
    color: var(--whdmoy);
}

.s83djy4 .max-btn {
    margin-left: 1.25rem;
}

@media screen and (max-width: 621px) {
    .s83djy4 {
        display: block;
    }

    .s83djy4 .input-box {
        display: block;
        margin-right: 0px;
    }

    .s83djy4 .input-box .ui-input {
        margin-top: 0px;
    }

    .s83djy4 .input-box .ui-input .input-control {
        background: var(--1c8b6ki);
    }

    .s83djy4 .input-box .ui-input .input-control .max-btn, .s83djy4 .input-box .ui-input .input-control .input-pre {
        background-color: var(--tgceo9);
    }

    .s83djy4 .ui-button {
        max-width: unset;
    }

    .s83djy4 .balance-wrap {
        height: auto;
        display: block;
    }

    .s83djy4 .balance-wrap .balance-wrap-info, .s83djy4 .balance-wrap p {
        margin-bottom: 0.5rem;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .s83djy4 .operate-box {
        margin-top: 1.5rem;
    }

    .s83djy4 .operate-box button {
        width: 100%;
    }

    .s83djy4 .operate-box .rate {
        display: none;
    }

    .s83djy4 .rule-box {
        display: block;
        position: relative;
        text-align: center;
        margin-top: 0.625rem;
    }

    .s83djy4 .rule-box button {
        margin: 0px auto;
    }
}

.sbl21bp {
    --ozme07: #F1F3F7;
    --oyz2tf: #F1F3F7;
    --1452brt: #FFFFFF;
    padding: 1.5rem 1.5rem 0.875rem;
    line-height: 1;
}

.darken .sbl21bp {
    --ozme07: #2E3035;
    --oyz2tf: #3D4049;
    --1452brt: #24262A;
}

.sbl21bp .ui-tabs {
    position: relative;
    overflow: hidden;
}

.sbl21bp .ui-tabs .header-rule-box {
    position: absolute;
    right: 0px;
    top: 0.3125rem;
}

.sbl21bp .ui-tabs .header-rule-box button {
    color: rgb(0 159 98);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.sbl21bp .ui-tabs .header-rule-box svg {
    fill: rgb(0 159 98);
    width: 0.75rem;
}

.sbl21bp .top {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--ozme07);
}

.sbl21bp .top img {
    width: 1.75rem;
    margin-right: 0.75rem;
}

.sbl21bp .top .amount {
    color: var(--title-color);
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 0.625rem;
}

.sbl21bp .top .opt {
    margin-left: auto;
    display: flex;
}

.sbl21bp .top .opt .ui-button {
    background-color: var(--ozme07);
    height: 2.25rem;
    line-height: 1;
    min-width: 7rem;
    padding: 0px 0.625rem;
    width: auto;
    margin-left: 0.75rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--title-color);
}

.sbl21bp .top .opt .ui-button svg {
    margin-right: 0.5rem;
    fill: var(--primary-color);
}

.sbl21bp .ui-select {
    margin-left: auto;
    min-width: 9.375rem;
}

.sbl21bp .ui-select .select-trigger {
    background-color: var(--ozme07);
}

.sbl21bp .bot {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.sbl21bp .bot .info-left {
    flex: 1 1 0%;
    display: flex;
    padding-right: 1.5rem;
    border-right: 1px solid var(--ozme07);
}

.sbl21bp .bot .info-left .up-arrow {
    width: 1.5rem;
    height: 1.5rem;
}

.sbl21bp .bot .info-left .interest {
    margin-left: 0.75rem;
}

.sbl21bp .bot .info-left .interest-amount {
    color: var(--primary-color);
    margin-top: 0.5rem;
    font-size: 1.125rem;
    font-weight: 700;
}

.sbl21bp .bot .info-left .icon-statis {
    fill: var(--primary-color);
    width: 1.875rem;
}

.sbl21bp .bot .info-right {
    flex: 1 1 0%;
    padding-left: 1.5rem;
}

.sbl21bp .bot .info-right .rate {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.8125rem;
}

.sbl21bp .bot .info-right .rate .val {
    color: var(--primary-color);
}

@media screen and (max-width: 621px) {
    .sbl21bp {
        padding: 1rem;
        background-color: var(--1452brt);
    }

    .sbl21bp .ui-tabs .tabs-nav.tabs-nav {
        min-width: unset;
    }
}

.d19axh3y {
    height: 780px;
}

.svuu3ag {
    --whdmoy: #31373d;
    --ozme07: #F1F3F7;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.darken .svuu3ag {
    --whdmoy: #f5f6f7;
    --ozme07: #2E3035;
}

.svuu3ag .header {
    width: 9.375rem;
}

.svuu3ag .header .ui-select .select-trigger {
    background: var(--ozme07);
}

.svuu3ag .ui-scrollview {
    flex: 1 1 auto;
    margin-right: -1.25rem;
    padding-right: 0.625rem;
}

.svuu3ag .scroll-list {
    height: 31.25rem !important;
}

.svuu3ag .ui-pagination {
    height: 3.125rem;
    flex: 0 0 auto;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
}

.svuu3ag .income {
    color: var(--primary-color);
}

.svuu3ag .total {
    color: var(--whdmoy);
}

.svuu3ag .amount {
    font-weight: 800;
}

.svuu3ag .tr {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.svuu3ag .tr .td {
    overflow: hidden;
    text-align: center;
    padding: 0.875rem 0px;
}

.s1agkl7 {
    --prlp66: #f5f6fa;
    --1yhspeg: rgba(95, 105, 117, .8);
    --njpvpw: #31373d;
    --1n7ksai: #ffffff;
    --1mhfzc7: #32373C;
    --ozme07: #F1F3F7;
    --10cduzn: #fff;
    --oyz2tf: #F1F3F7;
    background-color: var(--10cduzn);
    border-radius: var(--border-radius);
    margin-bottom: 0.125rem;
    font-size: 0.75rem;
}

.darken .s1agkl7 {
    --prlp66: #26282C;
    --1yhspeg: rgba(153, 164, 176, .6);
    --njpvpw: #fff;
    --1n7ksai: #31343c;
    --1mhfzc7: #98A7B5;
    --ozme07: #2E3035;
    --10cduzn: #32343B;
    --oyz2tf: #3D4049;
}

.s1agkl7 .coin-icon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.625rem;
}

.s1agkl7 button .icon {
    fill: var(--primary-color);
    margin-right: 0.3125rem;
}

.s1agkl7 .banner-top {
    background-color: var(--prlp66);
    border-radius: 0.25rem;
    padding: 0.625rem 0.625rem 0.625rem 1.5rem;
    margin-bottom: 0.125rem;
}

.s1agkl7 .banner-top .top {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.s1agkl7 .banner-top .top button {
    margin-left: 0.625rem;
    color: var(--1yhspeg);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.s1agkl7 .banner-top .top .in {
    margin-left: 2.1875rem;
}

.s1agkl7 .banner-top .top .out {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.s1agkl7 .banner-top .top .currency-wrap {
    flex: 1 1 auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: var(--njpvpw);
    font-weight: 800;
    border-right: 1px solid var(--1n7ksai);
}

.s1agkl7 .banner-top .top .currency-wrap .left {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.s1agkl7 .banner-top .top .currency-wrap .right {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: right;
}

.s1agkl7 .banner-top .top .currency-wrap .right .total .amount, .s1agkl7 .banner-top .top .currency-wrap .right .today .amount {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--njpvpw);
}

.s1agkl7 .banner-top .top .currency-wrap .right .today {
    margin-left: 1.875rem;
    margin-right: 1.875rem;
}

.s1agkl7 .banner-top .top .currency-wrap .right .today .amount {
    color: rgb(0 159 98);
}

.s1agkl7 .banner-top .top .currency-wrap .right .txt {
    font-size: 0.75rem;
    color: var(--1mhfzc7);
    font-weight: 400;
}

.s1agkl7 .banner-top .top .currency-wrap p {
    margin: 0px;
    font-size: 0.875rem;
}

.s1agkl7 .banner-top .top .currency-wrap .name {
    font-weight: 700;
}

.s1agkl7 .banner-top .top .currency-wrap .amount {
    color: var(--1mhfzc7);
    font-weight: 400;
}

.s1agkl7 .banner-bot {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
}

.s1agkl7 .banner-bot::after {
    content: "";
    position: absolute;
    top: 0px;
    left: -0.625rem;
    right: -0.625rem;
    display: block;
    background-color: var(--1n7ksai);
    height: 2px;
}

.s1agkl7 .banner-bot .left .icon {
    fill: var(--primary-color);
    transform: rotate(-90deg);
}

.s1agkl7 .banner-bot .right::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    bottom: 0px;
    display: block;
    background-color: var(--1n7ksai);
    width: 2px;
}

.s1agkl7 .banner-bot .right .icon {
    fill: rgb(237, 99, 0);
    transform: rotate(90deg);
}

.s1agkl7 .banner-bot .box {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    flex: 1 1 0%;
    padding: 0.5625rem 0.625rem;
}

.s1agkl7 .banner-bot .box .txt {
    width: 3.125rem;
    line-height: 0.9375rem;
}

.s1agkl7 .banner-bot .box .icon {
    display: inline-block;
    vertical-align: top;
    margin: 0.125rem 0px 0px;
}

.s1agkl7 .amount {
    color: var(--njpvpw);
    margin-left: 0.3125rem;
}

.s1agkl7 .total-amount {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 621px) {
    .s1agkl7 {
        background: transparent;
    }

    .s1agkl7 .m-item .item-box {
        background-color: transparent;
        padding: 0.75rem;
        display: flex;
        position: relative;
        -webkit-box-pack: justify;
        justify-content: space-between;
        line-height: 1;
        margin-bottom: 0.0625rem;
        border-bottom: 1px solid var(--oyz2tf);
    }

    .s1agkl7 .m-item .item-box .coin-icon {
        width: 1.125rem;
        height: 1.125rem;
    }

    .s1agkl7 .m-item .item-box .arrow {
        position: absolute;
        right: 0.6875rem;
        top: 50%;
        width: 0.8125rem;
        transform: translateY(-50%) rotate(90deg);
    }

    .s1agkl7 .m-item .item-box .open {
        transform: translateY(-50%) rotate(270deg);
    }

    .s1agkl7 .m-item .item-box .right {
        font-size: 0.75rem;
        padding-right: 1.25rem;
    }

    .s1agkl7 .m-item .item-box .right .txt {
        position: relative;
    }

    .s1agkl7 .m-item .item-box .right .txt::after {
        content: "";
        display: block;
        position: absolute;
        width: 0.25rem;
        height: 0.625rem;
        background: rgb(0 159 98);
        border-radius: 1.25rem;
        left: -0.5rem;
        top: 0px;
    }

    .s1agkl7 .m-item .item-box .right .amount {
        margin-left: 0px;
        margin-top: 0.8125rem;
        font-weight: 700;
        color: rgb(0 159 98);
        position: relative;
        left: -0.5rem;
    }

    .s1agkl7 .m-item .item-box .left .name {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        font-size: 0.875rem;
        color: var(--njpvpw);
    }

    .s1agkl7 .m-item .item-box .left .amount {
        font-size: 0.875rem;
        margin-left: 0px;
        color: var(--1mhfzc7);
        margin-top: 0.5rem;
    }

    .s1agkl7 .m-item .tog-box {
        padding: 0.75rem;
        background: transparent;
    }

    .s1agkl7 .m-item .tog-box .today, .s1agkl7 .m-item .tog-box .total {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .s1agkl7 .m-item .tog-box .today p, .s1agkl7 .m-item .tog-box .total p {
        margin: 0px;
        line-height: 1;
        padding: 0.1875rem;
        color: var(--1mhfzc7);
    }

    .s1agkl7 .m-item .tog-box .today .amount, .s1agkl7 .m-item .tog-box .total .amount {
        font-weight: 700;
    }

    .s1agkl7 .m-item .tog-box .today .txt, .s1agkl7 .m-item .tog-box .total .txt {
        position: relative;
        line-height: 1;
        margin-left: 0.625rem;
        font-size: 0.75rem;
    }

    .s1agkl7 .m-item .tog-box .today .txt::after, .s1agkl7 .m-item .tog-box .total .txt::after {
        content: "";
        display: block;
        position: absolute;
        width: 0.25rem;
        height: 0.625rem;
        background: rgb(0 159 98);
        border-radius: 1.25rem;
        left: -0.5rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .s1agkl7 .m-item .tog-box .today .amount {
        color: rgb(0 159 98);
    }

    .s1agkl7 .m-item .tog-box .total .txt::after {
        background: rgb(50, 55, 60);
    }

    .s1agkl7 .m-item .tog-box .operate {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-top: 0.9375rem;
    }

    .s1agkl7 .m-item .tog-box .operate .ui-button {
        background-color: var(--ozme07);
        height: 2.1875rem;
        line-height: 1;
        min-width: 7rem;
        padding: 0px 0.625rem;
        font-size: 0.75rem;
        font-weight: 400;
        color: var(--title-color);
        width: 48.5%;
        margin-left: 0px;
    }

    .s1agkl7 .m-item .tog-box .operate .ui-button svg {
        margin-right: 0.5rem;
        fill: var(--primary-color);
    }
}

.dxt1pwk {
    width: 482px;
    height: 457px;
}

.suwly87 {
    --whdmoy: #31373d;
    --1b41co8: #F5F6FA;
    --1mhfzc7: #32373C;
    --19opxew: #000000;
    --he6tl4: #EAECF3;
    --p4qis: #f5f6fa;
    --qos9gx: #ffffff;
}

.darken .suwly87 {
    --whdmoy: #f5f6f7;
    --1b41co8: #17181B;
    --1mhfzc7: #98A7B5;
    --19opxew: #FFFFFF;
    --he6tl4: #2d3035;
    --p4qis: #3D4049;
    --qos9gx: #484D57;
}

.suwly87 .item {
    background: var(--1b41co8);
    padding: 0.75rem;
    display: flex;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
}

.suwly87 .item .title {
    font-weight: 500;
    width: 3.125rem;
    padding-left: 0.5rem;
    margin-right: 1.25rem;
    line-height: 1;
}

.suwly87 .item .right-section {
    flex: 1 1 auto;
}

.suwly87 .item .right-section .type {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.suwly87 .item .right-section .type .icon {
    margin-right: 0.5rem;
}

.suwly87 .item .right-section .type .icon img {
    display: block;
    width: 1.125rem;
    height: 1.125rem;
}

.suwly87 .item .right-section .type div {
    line-height: 1;
}

.suwly87 .item .type {
    font-weight: 700;
    color: var(--19opxew);
}

.suwly87 .input-pre .coin-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.suwly87 .header {
    position: relative;
    display: flex;
    flex-direction: column;
}

.suwly87 .header .btn-exchange {
    text-align: center;
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    left: 70%;
    top: 50%;
    margin: -1.125rem 0px 0px -1.125rem;
    z-index: 1;
    border: solid 3px var(--he6tl4);
    background-color: var(--p4qis);
    border-radius: 0.5rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
}

.suwly87 .header .btn-exchange svg {
    width: 0.875rem;
    height: 0.875rem;
    fill: var(--title-color);
    margin-top: 0.1875rem;
}

.suwly87 .header .btn-exchange:hover {
    background-color: var(--qos9gx);
}

.suwly87 .transfer-out {
    flex-direction: column-reverse;
}

.suwly87 .bot .item {
    padding: 0px;
}

.suwly87 .bot .bot-info {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.suwly87 .bot .bot-info .available, .suwly87 .bot .bot-info .lock {
    display: flex;
}

.suwly87 .bot .bot-info .value {
    color: var(--19opxew);
    font-weight: 500;
}

.suwly87 .bot .bot-info .label {
    margin-right: 0.3125rem;
}

.suwly87 .bot-title {
    margin-bottom: 0.5rem;
    color: var(--1mhfzc7);
    font-size: 0.875rem;
}

.suwly87 .submit-btn {
    margin: 3.75rem auto 0px;
    width: 12.5rem;
}

.suwly87 .from-input {
    margin-top: 0px;
}

.suwly87 .from-input .input-control {
    background: var(--1b41co8);
    border: none;
}

.suwly87 .max-btn {
    margin-left: 1.25rem;
}

.sehah9j {
    --whdmoy: #31373d;
    --njpvpw: #31373d;
    --1n7ksai: #ffffff;
    --19opxew: #000000;
    --1452brt: #FFFFFF;
    --1mhfzc7: #32373C;
    --ozme07: #F1F3F7;
    --oyz2tf: #F1F3F7;
    --7fpc4r: #F7F7FA;
    margin-top: 1rem;
    padding: 1.25rem 1.875rem;
}

.darken .sehah9j {
    --whdmoy: #f5f6f7;
    --njpvpw: #fff;
    --1n7ksai: #31343c;
    --19opxew: #FFFFFF;
    --1452brt: #24262A;
    --1mhfzc7: #98A7B5;
    --ozme07: #2E3035;
    --oyz2tf: #3D4049;
    --7fpc4r: #24262A;
}

.sehah9j .label {
    margin: 0.3125rem 0px 1rem;
    display: flex;
}

.sehah9j .label .operate-box {
    display: flex;
}

.sehah9j .label .icon {
    fill: var(--primary-color);
    margin-right: 0.3125rem;
}

.sehah9j .label .sub-tit {
    flex: 1 1 auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 0.875rem;
    color: var(--1mhfzc7);
}

.sehah9j .label .sub-tit .amount {
    color: var(--19opxew);
    margin-left: 0.3125rem;
}

.sehah9j .label .sub-tit img {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.625rem;
}

.sehah9j .label .sub-tit .balance {
    display: flex;
}

.sehah9j .label button {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.sehah9j .label button:hover {
    color: var(--primary-color);
}

.sehah9j .label .history {
    margin-left: 1.875rem;
}

.sehah9j .bot {
    display: flex;
}

.sehah9j .bot .amount-str {
    width: auto;
    margin-right: 0.1875rem;
}

.sehah9j .return_box {
    padding: 0.9375rem 0.625rem;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background-color: rgb(39, 54, 66);
    margin: 0.625rem 0px;
    color: rgb(161, 193, 215);
    border-radius: var(--border-radius);
}

.sehah9j .return_box .box-item {
    width: 49%;
}

.sehah9j .return_box .amount {
    height: 3.125rem;
    line-height: 3.125rem;
    background-color: rgb(35, 49, 60);
    font-size: 1.125rem;
    text-align: center;
    color: var(--njpvpw);
}

.sehah9j .return_box .amount .xicon {
    display: inline-block;
    vertical-align: top;
    height: 1rem;
    width: 1rem;
    margin: 1.0625rem 0.3125rem 0px 0px;
    fill: rgb(60, 79, 95);
}

.sehah9j .return_box .cl_g {
    color: rgb(81, 237, 86);
}

.sehah9j .return_box .txt {
    text-align: center;
    margin-bottom: 0.3125rem;
}

.sehah9j .desc {
    padding: 0.625rem;
    border: 1px solid rgb(36, 50, 60);
    font-size: 0.75rem;
    border-radius: var(--border-radius);
}

@media screen and (max-width: 621px) {
    .sehah9j {
        padding: 1rem;
        background: var(--1452brt);
    }

    .sehah9j .label {
        display: block;
        margin-bottom: 0px;
        padding-bottom: 1.25rem;
        border-bottom: 1px solid var(--oyz2tf);
    }

    .sehah9j .label .sub-tit {
        -webkit-box-align: start;
        align-items: start;
    }

    .sehah9j .label .sub-tit .balance {
        margin-left: 0.625rem;
        display: block;
    }

    .sehah9j .label .sub-tit .balance .amount {
        margin-left: 0px;
    }

    .sehah9j .label .operate-box {
        display: flex;
        margin-top: 1rem;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .sehah9j .label .operate-box .history {
        margin-left: 0px;
    }

    .sehah9j .label .operate-box button {
        width: 48.5%;
        background: var(--ozme07);
        height: 2.125rem;
        line-height: 1;
        border-radius: 0.25rem;
        color: var(--19opxew);
    }
}

.n1c62iix {
    --whdmoy: #31373d;
    --njpvpw: #31373d;
    --1n7ksai: #ffffff;
    --19opxew: #000000;
    --1452brt: #FFFFFF;
    --1mhfzc7: #32373C;
    --ozme07: #F1F3F7;
    --oyz2tf: #F1F3F7;
    --7fpc4r: #F7F7FA;
    background-color: var(--1n7ksai);
    margin-top: 1rem;
    padding: 1.25rem;
    text-align: center;
    border-radius: var(--border-radius);
}

.darken .n1c62iix {
    --whdmoy: #f5f6f7;
    --njpvpw: #fff;
    --1n7ksai: #31343c;
    --19opxew: #FFFFFF;
    --1452brt: #24262A;
    --1mhfzc7: #98A7B5;
    --ozme07: #2E3035;
    --oyz2tf: #3D4049;
    --7fpc4r: #24262A;
}

.n1c62iix .gold-icon {
    width: 3rem;
    height: 3rem;
}

.n1c62iix .box-item {
    text-align: center;
}

.n1c62iix .box-item .txt {
    color: var(--njpvpw);
    font-weight: 700;
    font-size: 0.875rem;
}

.n1c62iix .box-item .opt-in {
    background: rgb(0 159 98);
    width: 11.5625rem;
    height: 2.25rem;
    border-radius: 0.25rem;
    color: rgb(255, 255, 255);
    font-weight: 400;
    margin: 1rem auto 0px;
    line-height: 1;
    padding: 0px 0.625rem;
}

.n1c62iix .box-item .opt-in svg {
    margin-right: 0.5rem;
    fill: rgb(255, 255, 255);
}

@media screen and (max-width: 621px) {
    .n1c62iix {
        background: var(--7fpc4r);
    }
}

.q1iyq8j5 {
    --oyz2tf: #F1F3F7;
    --srpsmx: #F6F7FA;
    width: 100%;
    padding: 1.875rem 0px;
    margin-top: 1rem;
}

.darken .q1iyq8j5 {
    --oyz2tf: #3D4049;
    --srpsmx: rgba(255, 255, 255, .2);
}

.q1iyq8j5 p {
    margin: 0px;
}

.q1iyq8j5 .page-max-width-wrap .q-t {
    color: var(--title-color);
    font-size: 1.125rem;
    line-height: 1.3125rem;
    font-weight: 700;
    text-align: center;
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap {
    width: 100%;
    margin-bottom: 2rem;
    font-weight: 600;
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item {
    border-bottom: 1px solid var(--oyz2tf);
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item .tootle-lebel {
    padding: 1rem 0px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item .tootle-lebel .t {
    color: var(--title-color);
    font-size: 0.875rem;
    line-height: 2rem;
    padding-right: 1.25rem;
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item .tootle-lebel .right-icon {
    min-width: 2rem;
    min-height: 2rem;
    border-radius: 50%;
    background-color: var(--srpsmx);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 0px;
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item .tootle-lebel .right-icon img {
    width: 0.875rem;
    height: auto;
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item .tootle-lebel .right-icon.open {
    background-color: var(--primary-color);
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item .toogle-desc {
    padding-bottom: 1.25rem;
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item .toogle-desc ul {
    padding-left: unset;
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item .toogle-desc li {
    font-size: 14px;
    font-weight: 400;
    list-style: none;
    margin: 0px;
    padding-right: 3rem;
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item .toogle-desc a {
    color: var(--primary-color);
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item .toogle-desc a.sp {
    margin-left: 0.25rem;
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .toogle-question-item .toogle-desc a:hover {
    text-decoration: underline;
}

.q1iyq8j5 .page-max-width-wrap .ql-wrap .open-item .tootle-lebel {
    padding-bottom: 0.1875rem;
}

.q1iyq8j5.small-question-wrap {
    padding-top: 2rem;
}

.q1iyq8j5.small-question-wrap .page-max-width-wrap .q-t {
    font-size: 1.25rem;
    line-height: 1.4;
}

.q1iyq8j5.small-question-wrap .page-max-width-wrap .ql-wrap {
    margin-top: 1rem;
}

.q1iyq8j5.small-question-wrap .page-max-width-wrap .ql-wrap .toogle-question-item .tootle-lebel .right-icon {
    min-width: 1.875rem;
    min-height: 1.875rem;
}

@media screen and (max-width: 621px) {
    .q1iyq8j5 {
        margin-top: 1rem;
    }

    .q1iyq8j5.small-question-wrap {
        margin-bottom: 0px;
        padding: 1.25rem 1rem 0px;
    }

    .q1iyq8j5.small-question-wrap .page-max-width-wrap .q-t {
        font-size: 1.25rem;
    }

    .q1iyq8j5.small-question-wrap .page-max-width-wrap .ql-wrap {
        margin-top: 1.5rem;
        margin-bottom: 4.25rem;
    }

    .q1iyq8j5.small-question-wrap .page-max-width-wrap .ql-wrap .toogle-question-item .tootle-lebel {
        padding: 1rem 0px;
    }

    .q1iyq8j5.small-question-wrap .page-max-width-wrap .ql-wrap .toogle-question-item .tootle-lebel .t {
        padding-left: 1rem;
    }

    .q1iyq8j5.small-question-wrap .page-max-width-wrap .ql-wrap .toogle-question-item .tootle-lebel .right-icon {
        min-width: 1.5rem;
        min-height: 1.5rem;
        flex: 0 0 auto;
    }

    .q1iyq8j5.small-question-wrap .page-max-width-wrap .ql-wrap .toogle-question-item .tootle-lebel .right-icon img {
        width: 0.625rem;
        height: auto;
    }

    .q1iyq8j5.small-question-wrap .page-max-width-wrap .ql-wrap .toogle-question-item .toogle-desc {
        padding-bottom: 1rem;
        padding-left: 1rem;
    }
}

.si64vq0 {
    --1n7ksai: #ffffff;
    --7fpc4r: #F7F7FA;
    padding: 0px;
}

.darken .si64vq0 {
    --1n7ksai: #31343c;
    --7fpc4r: #24262A;
}

.si64vq0 .vault-bg {
    background-color: var(--1n7ksai);
    border-radius: var(--border-radius);
}

@media screen and (max-width: 621px) {
    .si64vq0 {
        padding: 0px 0.25rem 0.9375rem;
    }

    .si64vq0 .vault-bg {
        background-color: var(--7fpc4r);
        overflow: hidden;
    }
}

.bhxnk02 {
    --7h9g04: #f5f6fa;
    --158m4pf: rgba(153, 164, 176, .6);
    --b7t6h1: #868e98;
    --a4f1w9: rgba(152, 167, 181, .6);
    --1m4qx1w: #fff;
    --njpvpw: #31373d;
}

.darken .bhxnk02 {
    --7h9g04: #17181b;
    --158m4pf: rgba(153, 164, 176, .6);
    --b7t6h1: #f5f6f7;
    --a4f1w9: rgba(152, 167, 181, .6);
    --1m4qx1w: rgba(42, 46, 50, .6);
    --njpvpw: #fff;
}

.bhxnk02 .label {
    margin-left: 0.75rem;
}

.bhxnk02 .box {
    border: solid 4px var(--1m4qx1w);
    height: 5rem;
    border-radius: var(--border-radius);
    background-color: var(--7h9g04);
    padding: 0.375rem 0.5625rem 0.375rem 0.375rem;
    display: flex;
}

.bhxnk02 .box img {
    width: 3.75rem;
    height: 3.75rem;
    margin-right: 1.25rem;
    border-radius: var(--border-radius);
}

.bhxnk02 .amount {
    font-size: 1rem;
    color: var(--njpvpw);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.bhxnk02 .desc {
    color: var(--a4f1w9);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.bhxnk02 .right-cont .tit {
    font-size: 1rem;
    color: var(--njpvpw);
}

.bhxnk02 .right-cont .cur-price {
    font-size: 0.75rem;
    line-height: 0.75rem;
    transform: scale(0.9);
    transform-origin: left center;
    color: var(--158m4pf);
}

.bhxnk02 .right-cont .num {
    line-height: 1.0625rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: left;
}

.bhxnk02 .right-cont .num .icon {
    margin-right: 0.3125rem;
    fill: var(--b7t6h1);
}

.bhxnk02 .right-cont .num .chain-img {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    vertical-align: top;
    margin: 0.0625rem 0.125rem 0px -0.3125rem;
}

.bhxnk02 .right-cont .num .coin-icon {
    width: 0.9375rem;
    height: 0.9375rem;
    margin-right: 0.3125rem;
}

.bhxnk02 .right-cont .num span {
    color: var(--njpvpw);
    font-size: 1rem;
}

.s1vy660n {
    --f44vra: rgba(82, 94, 102, .1);
    margin-top: auto;
    padding: 1.25rem 2.5rem;
}

.darken .s1vy660n {
    --f44vra: #393a3e;
}

.s1vy660n .warp {
    position: relative;
    border: solid 1px var(--f44vra);
    border-radius: var(--border-radius);
    padding: 1.125rem 0.625rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    text-align: center;
    cursor: pointer;
}

@media screen and (max-width: 621px) {
    .s1vy660n {
        padding: 1.25rem;
    }
}

.s2zzod5 {
    --158m4pf: rgba(153, 164, 176, .6);
    --njpvpw: #31373d;
    --1dlww23: rgba(206, 214, 223, .2);
    color: var(--158m4pf);
    width: 560px;
    height: 800px;
}

.darken .s2zzod5 {
    --158m4pf: rgba(153, 164, 176, .6);
    --njpvpw: #fff;
    --1dlww23: #1e2024;
}

.s2zzod5 #nft-split {
    background-color: var(--1dlww23);
    display: flex;
    flex-direction: column;
}

.s2zzod5 #nft-split .title {
    font-size: 0.75rem;
    margin-bottom: 1.5rem;
    margin-left: 0.75rem;
}

.s2zzod5 #nft-split .icon {
    transform: rotate(90deg);
    width: 0.875rem;
    height: 0.875rem;
    display: block;
    margin: 1.4375rem auto;
    fill: var(--njpvpw);
}

.s2zzod5 #nft-split .detail-box {
    margin-top: 1.5rem;
}

.s2zzod5 #nft-split .ui-button {
    height: 3.5rem;
    width: 20.5rem;
    margin: 4.375rem auto;
}

.p174c3kk {
    --158m4pf: rgba(153, 164, 176, .6);
    --njpvpw: #31373d;
    --1dlww23: rgba(206, 214, 223, .2);
    text-align: center;
}

.darken .p174c3kk {
    --158m4pf: rgba(153, 164, 176, .6);
    --njpvpw: #fff;
    --1dlww23: #1e2024;
}

.p174c3kk .pop-title {
    text-align: left;
}

.p174c3kk .amount {
    color: var(--njpvpw);
    margin-top: 1.1875rem;
}

.p174c3kk img {
    width: 4.375rem;
    height: 4.375rem;
    margin-top: 1.875rem;
}

.p174c3kk .desc {
    color: var(--158m4pf);
    margin-top: 0.375rem;
    font-size: 0.75rem;
}

.p174c3kk .ui-button {
    width: 12.875rem;
    margin: 1.875rem auto 0px;
}

.s15xxtdu {
    --158m4pf: rgba(153, 164, 176, .6);
    --1dlww23: rgba(206, 214, 223, .2);
    color: var(--158m4pf);
    width: 560px;
    height: 800px;
}

.darken .s15xxtdu {
    --158m4pf: rgba(153, 164, 176, .6);
    --1dlww23: #1e2024;
}

.s15xxtdu>.ui-scrollview {
    background-color: var(--1dlww23);
    display: flex;
    flex-direction: column;
}

.s15xxtdu .detail-box {
    margin-top: 1.5rem;
}

.s15xxtdu .ui-button {
    height: 3.5rem;
    width: 20.5rem;
    margin: 4.375rem auto;
}

.sy89ztw {
    --njpvpw: #31373d;
    --1yhspeg: rgba(95, 105, 117, .8);
    --pb4yqm: rgba(170, 175, 183, .3);
    --1dlww23: rgba(206, 214, 223, .2);
    --1xwpt1p: #f5f6fa;
    --1pvngb3: #fff;
    width: 560px;
    height: 800px;
}

.darken .sy89ztw {
    --njpvpw: #fff;
    --1yhspeg: rgba(153, 164, 176, .6);
    --pb4yqm: #2d3035;
    --1dlww23: #1e2024;
    --1xwpt1p: #1a1b1f;
    --1pvngb3: #25272c;
}

.sy89ztw #nft-detail {
    background-color: var(--1dlww23);
    display: flex;
    flex-direction: column;
}

.sy89ztw .head {
    padding-left: 8.875rem;
    position: relative;
    margin-bottom: 2.375rem;
}

.sy89ztw .head .nft-img {
    width: 8.125rem;
    height: 8.125rem;
    border-radius: var(--border-radius);
    position: absolute;
    left: 0px;
    top: 0px;
}

.sy89ztw .head .tit {
    font-size: 1.25rem;
    color: var(--njpvpw);
}

.sy89ztw .head .sub-tit {
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: 0.875rem;
    color: rgb(153, 164, 176);
}

.sy89ztw .head .cur-price {
    margin-top: 1.75rem;
    font-size: 0.75rem;
    color: var(--1yhspeg);
}

.sy89ztw .head .num {
    margin-left: -0.3125rem;
}

.sy89ztw .head .num span {
    color: var(--njpvpw);
    font-size: 1.25rem;
}

.sy89ztw .head .num .chain-img {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-block;
    vertical-align: top;
    margin: 0.125rem 0.125rem 0px 0px;
}

.sy89ztw .desc {
    border-top: solid 1px var(--pb4yqm);
    padding-top: 1rem;
    color: var(--1yhspeg);
}

.sy89ztw .desc .top {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.sy89ztw .desc .top button {
    background-color: var(--1pvngb3);
    margin-left: 1.25rem;
    padding: 0.4375rem 1.25rem;
    font-weight: 400;
    border-radius: var(--border-radius);
}

.sy89ztw .desc .cont {
    border-radius: var(--border-radius);
    background-color: var(--1xwpt1p);
    margin-top: 1.0625rem;
    padding: 0.3125rem 0.875rem;
}

.sy89ztw .desc .cont .item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0.375rem 0px;
}

.sy89ztw .desc .cont .item .val {
    color: rgb(153, 164, 176);
}

.sy89ztw .desc .cont .item .address {
    cursor: pointer;
}

.sy89ztw .desc .txt {
    margin-top: 0.375rem;
    font-size: 0.75rem;
    line-height: 0.875rem;
}

.sy89ztw .desc .txt span {
    font-size: 0.875rem;
}

.sy89ztw .btn-wrap {
    margin-top: 2.875rem;
    display: flex;
}

.sy89ztw .btn-wrap .s-conic4 {
    margin-left: 0.75rem;
}

.s1lelsll {
    --a4f1w9: rgba(152, 167, 181, .6);
    width: 560px;
    height: 800px;
}

.darken .s1lelsll {
    --a4f1w9: rgba(152, 167, 181, .6);
}

.s1lelsll #nft-history {
    padding: 1.25rem;
}

.s1lelsll tbody {
    font-size: 0.75rem;
}

.s1lelsll tbody td {
    color: var(--a4f1w9);
    padding: 0.625rem;
}

.s1lelsll .detail {
    padding-left: 2.8125rem;
    position: relative;
    text-align: left;
}

.s1lelsll .detail img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: var(--border-radius);
}

.s1lelsll .detail .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.s4p8eiw {
    --1yhspeg: rgba(95, 105, 117, .8);
    --1dlww23: rgba(206, 214, 223, .2);
    --1lfgiav: rgba(95, 105, 117, .6);
    width: 560px;
    height: 800px;
    color: var(--1yhspeg);
}

.darken .s4p8eiw {
    --1yhspeg: rgba(153, 164, 176, .6);
    --1dlww23: #1e2024;
    --1lfgiav: #fff;
}

.s4p8eiw #nft-merge {
    background-color: var(--1dlww23);
    display: flex;
    flex-direction: column;
}

.s4p8eiw .icon-arrow {
    transform: rotate(90deg);
    width: 0.875rem;
    height: 0.875rem;
    display: block;
    margin: 1.4375rem auto;
    fill: var(--1lfgiav);
}

.s4p8eiw .detail-box {
    margin-top: 1.5rem;
}

.s4p8eiw .ui-button {
    height: 3.5rem;
    width: 20.5rem;
    margin: 4.375rem auto;
}

.p1slmm5t {
    --1yhspeg: rgba(95, 105, 117, .8);
    --1dlww23: rgba(206, 214, 223, .2);
    --1lfgiav: rgba(95, 105, 117, .6);
    text-align: center;
}

.darken .p1slmm5t {
    --1yhspeg: rgba(153, 164, 176, .6);
    --1dlww23: #1e2024;
    --1lfgiav: #fff;
}

.p1slmm5t .pop-title {
    text-align: left;
}

.p1slmm5t .tit {
    color: var(--1yhspeg);
    margin-top: 2.5rem;
    font-size: 0.75rem;
}

.p1slmm5t img {
    width: 4.375rem;
    height: 4.375rem;
    border-radius: var(--border-radius);
}

.p1slmm5t .desc {
    color: var(--1yhspeg);
    margin-top: 0.8125rem;
    font-size: 0.75rem;
}

.p1slmm5t .ui-button {
    width: 12.875rem;
    margin: 1.875rem auto 0px;
}

.l16rcva0 {
    height: 12.5rem;
}

.sz8jwx0 {
    --1mlwbis: #EAECF3;
    --7h9g04: #f5f6fa;
}

.darken .sz8jwx0 {
    --1mlwbis: #2E3036;
    --7h9g04: #17181b;
}

.sz8jwx0 .ui-select {
    margin-top: 1rem;
}

.sz8jwx0 .ui-select .select-option {
    height: 2.625rem;
}

.sz8jwx0 .ui-select .select-option .nft-label img {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: var(--border-radius);
    margin-right: 1.375rem;
}

.sz8jwx0 .ui-select .nft-label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.sz8jwx0 .ui-select .nft-label img {
    width: 2.375rem;
    height: 2.375rem;
    border-radius: var(--border-radius);
    margin-right: 1.375rem;
}

.sz8jwx0 .select-trigger {
    border: .125rem solid var(--1mlwbis);
    background-color: var(--7h9g04);
    padding: 0.125rem 1.25rem 0.125rem 0.3125rem;
}

.axeqqo2 {
    --lwvthx: #f5f6fa;
    --1x7g4w8: #DADDE6;
    --1ah5g51: #32383e;
    --2ic1f5: #fff;
}

.darken .axeqqo2 {
    --lwvthx: rgba(23, 24, 27, .5);
    --1x7g4w8: #2A2E33;
    --1ah5g51: #ced6df;
    --2ic1f5: #2d3035;
}

.axeqqo2 .address {
    background-color: var(--lwvthx);
    border-radius: var(--border-radius);
    padding: 0.75rem;
    min-height: 12.75rem;
    position: relative;
    margin-top: 1.0625rem;
    display: flex;
}

.axeqqo2 .address .add-cont {
    display: flex;
    flex-direction: column;
    margin-left: 0.625rem;
    flex: 1 1 auto;
    width: 1px;
}

.axeqqo2 .address .add-cont .add-title {
    margin-top: 0.625rem;
    font-size: 0.75rem;
}

.axeqqo2 .address .add-cont .add-text {
    overflow-wrap: break-word;
    color: var(--1ah5g51);
    margin-top: 0.875rem;
}

.axeqqo2 .address .add-cont .btn-wrap {
    display: flex;
    margin-top: auto;
}

.axeqqo2 .address .add-cont .btn-wrap button {
    background-color: var(--1x7g4w8);
    padding: 0px 1.25rem;
    width: auto;
    border-radius: var(--border-radius);
    margin-right: 0.375rem;
    font-weight: 400;
}

.axeqqo2 .address .add-cont .btn-wrap button:hover {
    color: var(--title-color);
}

.axeqqo2 .address .qrcode-wrap {
    width: 9rem;
    height: 9rem;
    flex: 0 0 auto;
    border-radius: var(--border-radius);
    overflow: hidden;
    background-color: var(--2ic1f5);
    animation: 1.5s linear 0s infinite normal none running placeholderShimmer-axeqqo2;
}

.axeqqo2 .address .qrcode-wrap img {
    width: 100%;
    border-radius: var(--border-radius);
    image-rendering: pixelated;
}

.axeqqo2 .empty {
    background-color: var(--lwvthx);
    border-radius: var(--border-radius);
    margin-top: 1.0625rem;
}

.axeqqo2 .memo {
    background-color: var(--lwvthx);
    border-radius: var(--border-radius);
    padding: 0.875rem 1.5rem;
    margin-top: 0.5rem;
    height: 5.125rem;
    position: relative;
}

.axeqqo2 .memo-val {
    color: var(--1ah5g51);
}

.axeqqo2 .memo button {
    background-color: var(--1x7g4w8);
    width: 5.625rem;
    border-radius: var(--border-radius);
    margin-right: 0.375rem;
    position: absolute;
    top: 0.875rem;
    right: 0.75rem;
    font-weight: 400;
}

.d19xnus3 {
    --19j4q7t: #5F6975;
    padding: 0.5rem 0.75rem;
    border-radius: var(--border-radius);
    font-size: 0.75rem;
    line-height: 1rem;
    background: rgba(58, 201, 72, 0.1);
    margin-top: 1.25rem;
    color: var(--title-color);
}

.darken .d19xnus3 {
    --19j4q7t: #ffffff;
}

.d19xnus3 p {
    margin: 0px;
}

.d19xnus3 .cl-primary, .d19xnus3 .light-high {
    font-weight: 800;
}

.l6rzm54 {
    flex: 1 1 auto;
}

.sevqdwg {
    --1moqfw1: #f5f6fa;
    --pxemsg: #f5f6fa;
    --1vytwyb: #fff;
    --23x8yx: #232529;
    --njpvpw: #31373d;
    --7h9g04: #f5f6fa;
    --k6n3r: #f1f3f7;
    position: relative;
    margin-top: 0.25rem;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.darken .sevqdwg {
    --1moqfw1: #484D57;
    --pxemsg: #24262B;
    --1vytwyb: #1C1E22;
    --23x8yx: #232529;
    --njpvpw: #fff;
    --7h9g04: #17181b;
    --k6n3r: #3C404A;
}

.sevqdwg .nft-header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    z-index: 9;
    padding-bottom: 0.75rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--k6n3r);
}

.sevqdwg .nft-header .nfts-tit {
    margin-right: auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.sevqdwg .nft-header .nfts-tit .total {
    padding-right: 1.5rem;
    border-right: 1px solid var(--k6n3r);
    margin-right: 1.5rem;
}

.sevqdwg .nft-header .nfts-tit .amount {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--title-color);
}

.sevqdwg .nft-header .nfts-tit .num {
    font-size: 1rem;
    font-weight: 800;
    color: var(--title-color);
}

.sevqdwg .nft-header .icon {
    margin-right: 0.3125rem;
}

.sevqdwg .nft-header .ui-button {
    width: auto;
    height: auto;
    font-weight: 400;
}

.sevqdwg .dp-btn {
    background-color: var(--1moqfw1);
    margin-left: 1.25rem;
    height: 3rem;
    padding: 0.4375rem 1.25rem;
    font-weight: 400;
    color: var(--title-color);
}

.sevqdwg .nft-box .nft-tit {
    margin-bottom: 0.625rem;
}

.sevqdwg .back {
    width: auto;
    color: var(--title-color);
}

.sevqdwg .back .icon {
    transform: rotate(180deg);
    margin-right: 0.3125rem;
}

.sevqdwg .nft-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.4375rem;
}

.sevqdwg .nft-item {
    width: 10.5rem;
    height: 14.125rem;
    padding: 0.4375rem;
    margin-right: 0.4375rem;
    margin-bottom: 0.4375rem;
    position: relative;
    background-color: var(--pxemsg);
    border-radius: var(--border-radius);
    cursor: pointer;
}

.sevqdwg .nft-item.disabled::after {
    content: "Processing transfer...";
    cursor: not-allowed;
    position: absolute;
    width: 9.625rem;
    height: 9.625rem;
    left: 0.4375rem;
    top: 0.4375rem;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    color: rgb(255, 255, 255);
    font-size: 0.75rem;
    text-align: right;
    padding: 0.625rem 0.625rem 0px 0px;
}

.sevqdwg .nft-item:last-child {
    margin-right: auto;
}

.sevqdwg .nft-item .item-desc {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: var(--border-radius);
    background-color: var(--1vytwyb);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 2.625rem;
    margin-top: 0.875rem;
    padding: 0.625rem 0.75rem;
}

.sevqdwg .nft-item .item-desc .icon {
    margin-right: 0.3125rem;
}

.sevqdwg .nft-item .item-desc .num {
    margin-left: auto;
}

.sevqdwg .nft-item .item-desc .num .chain-img {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    vertical-align: top;
    margin: 0.0625rem 0.125rem 0px 0px;
}

.sevqdwg .nft-item .nft-img {
    width: 9.625rem;
    height: 9.625rem;
    display: inline-block;
    vertical-align: top;
    border-radius: var(--border-radius);
}

.sevqdwg .deposit-item {
    display: flex;
    flex-direction: column;
}

.sevqdwg .deposit-item .add-wrap {
    flex: 1 1 auto;
}

.sevqdwg .deposit-item .add-wrap .add-btn {
    background: rgba(255, 255, 255, 0.1);
    width: 2.5rem;
    height: 2.5rem;
    margin: 0px auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 50%;
}

.sevqdwg .deposit-item .add-wrap .icon {
    transform: rotate(45deg);
    fill: var(--title-color);
}

@media screen and (max-width: 621px) {
    .sevqdwg {
        width: auto;
    }

    .sevqdwg .nft-degenpass .left-cont {
        width: 50%;
    }

    .sevqdwg .nft-degenpass .right-cont {
        flex: 0 0 auto;
        margin-left: auto;
    }

    .sevqdwg .dp-btn {
        margin-left: 0px;
        margin-bottom: 1.25rem;
    }

    .sevqdwg .nft-list {
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .sevqdwg .nft-item {
        height: auto;
        width: auto;
        padding: 0.25rem;
        margin-right: 0px;
        border-radius: var(--border-radius);
        position: relative;
        margin-bottom: 0.625rem;
        max-width: 49%;
    }

    .sevqdwg .nft-item.disabled::after {
        content: "Processing Transfer...";
        cursor: not-allowed;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        border-radius: var(--border-radius);
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 1;
        color: rgb(255, 255, 255);
        font-size: 0.75rem;
        text-align: right;
    }

    .sevqdwg .nft-item .nft-img {
        width: 12.25rem;
        height: 12.25rem;
        border-radius: var(--border-radius);
    }

    .sevqdwg .nft-item .item-desc {
        height: auto;
        margin-top: 0.25rem;
    }

    .sevqdwg .nft-item:last-child {
        margin-right: 0px;
    }
}

.srtu0bi {
    --322iia: rgba(101, 189, 61, .2);
    font-size: 0.75rem;
    padding: 0.625rem 1rem;
    background-color: var(--322iia);
    margin: 0px 0px 0.25rem;
    color: var(--title-color);
}

.darken .srtu0bi {
    --322iia: rgba(58, 201, 72, .1);
}

.shlbvqc {
    --18uxqd5: #fff;
    --9sjv19: #f5f6f7;
    --phvzi0: #F1F3F7;
    --jlm310: #ffffff;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 2rem;
}

.darken .shlbvqc {
    --18uxqd5: #2D3035;
    --9sjv19: #282A30;
    --phvzi0: #17181b;
    --jlm310: #25272C;
}

.shlbvqc .ui-select {
    margin-right: 0.625rem;
    min-width: 9.375rem;
}

.shlbvqc .ui-select .coin-icon {
    width: 1rem;
    flex: 0 0 auto;
    margin-right: 0.5rem;
}

.shlbvqc .ui-select {
    height: 3rem;
}

.shlbvqc .ui-select .select-trigger {
    background-color: var(--18uxqd5);
}

.shlbvqc .ui-select .ui-input {
    padding: 0.5rem 0.625rem;
    background-color: var(--phvzi0);
}

.shlbvqc .ui-select .ui-input .input-control {
    background-color: var(--jlm310);
}

.shlbvqc .ui-select .select-option:hover {
    background-color: var(--9sjv19);
}

.shlbvqc .ui-select .select-option::after {
    display: none;
}

.shlbvqc .date-select .select-options-wrap .ui-scrollview {
    overflow-y: visible;
}

.shlbvqc .date-select .date-wrap {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex: 1 1 auto;
    position: relative;
    z-index: 9;
}

.shlbvqc .date-select .date-wrap .react-datepicker-wrapper {
    cursor: pointer;
}

.shlbvqc .date-select .date-wrap input {
    width: 100%;
    background-color: transparent;
    border: none;
}

.shlbvqc .date-select .date-wrap .icon {
    margin-left: 0.3125rem;
    margin-right: -0.1875rem;
    width: 0.875rem;
    flex: 0 0 auto;
}

.shlbvqc .date-select .date-wrap .react-datepicker__input-container {
    width: auto;
}

.shlbvqc .date-select .date-wrap .date-content {
    position: absolute;
    top: 1.875rem;
    left: -1.875rem;
}

.shlbvqc .date-select .date-wrap .date-text {
    flex: 1 1 0%;
    max-width: 98px;
    overflow: hidden;
}

@media screen and (max-width: 621px) {
    .shlbvqc {
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 0px 0.75rem 0.75rem;
    }

    .shlbvqc div.ui-select {
        width: 11.875rem;
        min-width: auto;
        margin-bottom: 0.625rem;
    }

    .shlbvqc div.ui-select div.select-trigger {
        background-color: var(--phvzi0);
    }

    .shlbvqc div.ui-select .ui-input {
        box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 8px;
    }
}

.shlbvqc #daypicker {
    background-color: var(--18uxqd5);
    padding: 8px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 32px;
}

.s1pyzzsu {
    --wtxhwn: #009f62;
    --1ste6e0: #f6c722;
    --1ewoiwi: #F1F3F7;
    --erpfla: #ebecf0;
}

.darken .s1pyzzsu {
    --wtxhwn: #009f62;
    --1ste6e0: #ffee13;
    --1ewoiwi: #25272C;
    --erpfla: #3C404A;
}

.s1pyzzsu thead {
    background: var(--1ewoiwi);
}

.s1pyzzsu thead th {
    padding: 0.5rem;
}

.s1pyzzsu tbody tr td {
    border-bottom: 1px solid var(--erpfla);
}

.s1pyzzsu tbody tr:last-child td {
    border: none;
}

.s1pyzzsu.is-hover tbody tr {
    cursor: pointer;
}

.s1pyzzsu .game-id {
    color: var(--sub-text-color);
    font-size: 0.625rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
}

.s1pyzzsu .game-id .icon:hover {
    fill: var(--title-color);
}

.s1pyzzsu .change-type-game-detail {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.s1pyzzsu .change-type-game-detail .sub-txt {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.s1pyzzsu .change-type-game-detail .sub-txt .game-detail-icon {
    display: flex;
    cursor: pointer;
    margin-left: 2px;
}

.s1pyzzsu .change-type-game-detail .sub-txt .game-detail-icon .icon:hover {
    fill: var(--primary-color);
}

.s1pyzzsu .sub-txt {
    opacity: 0.7;
    font-size: 0.625rem;
}

.s1pyzzsu .cl-light {
    color: var(--title-color);
}

.s1pyzzsu .cl-green .amount-str {
    color: var(--primary-color);
    font-weight: 600;
}

.s1pyzzsu .cl-red .amount-str {
    color: rgb(255, 65, 97);
    font-weight: 600;
}

.s1pyzzsu .amount-change {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-color);
}

.s1pyzzsu .amount-change .coin {
    margin-right: 0.1875rem;
}

.s1pyzzsu .amount-change .bonus-amount .amount {
    font-weight: 400;
}

.s1pyzzsu .status-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    height: 100%;
}

.s1pyzzsu .status-wrap .status {
    flex: 0 0 auto;
}

.s1pyzzsu .status-wrap b {
    border-radius: 50%;
    width: 0.375rem;
    height: 0.375rem;
    margin-right: 0.5rem;
    flex: 0 0 auto;
}

.s1pyzzsu .status-wrap b.success {
    background-color: var(--primary-color);
}

.s1pyzzsu .status-wrap b.error {
    background-color: rgb(237, 99, 0);
}

.s1pyzzsu .status-wrap b.waiting {
    background-color: rgb(255, 191, 57);
}

.s1pyzzsu .status-wrap .icon {
    margin-left: 0.625rem;
    width: 0.75rem;
    flex: 0 0 auto;
}

.s1pyzzsu .last-icon-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.s74eews {
    --1hr07om: rgba(95, 105, 117, .6);
    --njpvpw: #31373d;
    --mgi7ei: #f5f6fa;
    color: var(--1hr07om);
}

.darken .s74eews {
    --1hr07om: rgba(153, 164, 176, .6);
    --njpvpw: #fff;
    --mgi7ei: #2d3035;
}

.s74eews.pop {
    min-height: 25.875rem;
}

.s74eews .item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    line-height: 1;
    height: 1.25rem;
}

.s74eews .item.amount-wrap {
    font-size: 1rem;
    margin-top: 1rem;
}

.s74eews .item.amount-wrap .amount {
    color: var(--njpvpw);
    font-weight: 800;
}

.s74eews .item .remain-time {
    margin-right: 0.3125rem;
}

.s74eews .item svg {
    margin: 0.3125rem 0.625rem;
    width: 0.875rem;
    height: 0.875rem;
}

.s74eews .item .rate-label {
    margin-right: 0.625rem;
}

.s74eews .item .equal {
    margin: 0px 5px;
}

.s74eews .copy-secret {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.s74eews .continue-btn {
    width: 17.75rem;
    margin: 4rem auto 1rem;
}

.s74eews .status-wrap {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin: 10px 0px;
    padding: 0px 22px;
    border-radius: var(--border-radius);
    background-color: var(--mgi7ei);
}

.s74eews .tips {
    margin: 1.625rem 0px 0px;
}

.s74eews .tips button {
    color: var(--primary-color);
}

.s18ng2nw {
    --s2adgg: #F0F1F5;
    --1kkptji: #ffffff;
}

.darken .s18ng2nw {
    --s2adgg: #1C1E22;
    --1kkptji: #2D3035;
}

.s18ng2nw .transaction-list {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.s18ng2nw table {
    padding: 0.75rem;
}

.s18ng2nw div.transaction-loading {
    height: 368px;
}

.s18ng2nw .ui-pagination {
    padding: 0.5rem 1.5rem;
    background: var(--s2adgg);
}

@media screen and (max-width: 621px) {
    .s18ng2nw {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }

    .s18ng2nw .transaction-list>.ui-scrollview {
        height: 1px;
        flex: 1 1 auto;
    }

    .s18ng2nw .transaction-list table {
        padding: 0px;
    }
}

.s5x8bgl {
    --1n7ksai: #ffffff;
    --tt26x0: rgba(95, 105, 117, .8);
    --664oo8: #f5f6fa;
    --whdmoy: #31373d;
    --awt1w7: rgba(245, 246, 250, .4);
    --157d7l0: #F6F7FA;
    --5ajn2k: #F1F3F7;
    --15e1b1i: rgba(95, 105, 117, .3);
    --1mpgd1v: #f6f7fa;
    --1m9vfxv: rgba(0, 0, 0, .2);
    margin-top: 1.5rem;
}

.darken .s5x8bgl {
    --1n7ksai: #31343c;
    --tt26x0: rgba(153, 164, 176, .8);
    --664oo8: rgba(30, 32, 36, .4);
    --whdmoy: #f5f6f7;
    --awt1w7: rgba(30, 32, 36, .2);
    --157d7l0: #1E2024;
    --5ajn2k: #3C404A;
    --15e1b1i: #24282b;
    --1mpgd1v: #24282b;
    --1m9vfxv: rgba(0, 0, 0, .5);
}

.s5x8bgl .title {
    font-size: 1.125rem;
    color: var(--title-color);
    margin-bottom: 0.75rem;
    font-weight: 800;
}

.s5x8bgl .page-margin {
    margin-top: 1.5rem;
}

.s5x8bgl .input-pre .coin-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.s5x8bgl .content-area {
    width: 100%;
    display: flex;
}

.s5x8bgl .content-area .menu {
    flex: 0 0 auto;
    padding: 1rem 0.625rem;
    background-color: var(--1n7ksai);
    border-radius: var(--border-radius);
    margin-right: 1.25rem;
    height: auto;
    max-width: 220px;
    width: 20%;
    align-self: flex-start;
}

.s5x8bgl .content-area .menu>a {
    height: 2.75rem;
    border-radius: var(--border-radius);
    padding-left: 1rem;
    line-height: 2.75rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.s5x8bgl .content-area .menu>a .icon {
    margin-right: 0.75rem;
    width: 1.25rem;
    flex: 0 0 auto;
}

.s5x8bgl .content-area .menu>a.is-active {
    background-color: var(--664oo8);
    font-weight: 700;
    color: var(--whdmoy);
}

.s5x8bgl .content-area .menu>a.is-active .icon {
    fill: var(--whdmoy);
}

.s5x8bgl .content-area .menu>a:not(.is-active):hover {
    background-color: var(--awt1w7);
}

.s5x8bgl .content-area .menu>a:last-child {
    margin-bottom: 0px;
}

.s5x8bgl .content-area .menu .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.s5x8bgl .content-area .menu .line {
    height: 1px;
    background-color: var(--5ajn2k);
    width: 100%;
    margin-bottom: 0.5rem;
}

.s5x8bgl .content-area .right-info {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin-left: 0.25rem;
    background-color: var(--1n7ksai);
    border-radius: var(--border-radius);
    padding: 1.5rem 2rem 2rem;
}

.s5x8bgl .content-area.bg-transparent .right-info {
    padding: 0px;
    background-color: transparent;
}

.s5x8bgl .content-area.bg-transparent .right-info .transaction-list, .s5x8bgl .content-area.bg-transparent .right-info .turnover-list {
    background-color: var(--1n7ksai);
    border-radius: var(--border-radius);
}

.s5x8bgl .ui-tabs {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.s5x8bgl .ui-tabs .tabs-navs {
    border-bottom: 1px solid var(--5ajn2k);
    margin-bottom: 1rem;
}

.s5x8bgl .ui-tabs .tabs-navs .is-active {
    color: var(--title-color);
    font-weight: 600;
}

.s5x8bgl .ui-tabs .tabs-nav {
    min-width: 12.5rem;
}

.s5x8bgl .limit-width {
    max-width: 500px;
}

.s5x8bgl .wallet-balance .tabs-view {
    max-width: 100%;
}

.s5x8bgl .ui-select {
    height: 3rem;
}

.s5x8bgl .ui-input .input-control {
    height: 3rem;
    background-color: var(--157d7l0);
    border: none;
}

.s5x8bgl .ui-input .input-label {
    margin-left: 0px;
}

.s5x8bgl .loading {
    height: 18.75rem;
    flex: 1 1 auto;
}

.s5x8bgl .ui-button .loading {
    height: auto;
}

@media screen and (max-width: 621px) {
    .s5x8bgl {
        margin-top: 0px;
    }

    .s5x8bgl .page-margin {
        margin-top: 1rem;
    }

    .s5x8bgl .input-pre .coin-icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .s5x8bgl .ui-tabs .tabs-navs .tabs-nav {
        flex: 1 1 0%;
    }

    .s5x8bgl .m-fixtop {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 99;
    }

    .s5x8bgl .m-fixbot {
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 99;
    }

    .s5x8bgl .m-title {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 1rem 0px;
        background-color: var(--1mpgd1v);
    }

    .s5x8bgl .m-title .txt {
        font-size: 1rem;
        font-weight: 600;
        margin-right: auto;
        color: var(--title-color);
        padding-left: 0.9375rem;
    }

    .s5x8bgl .m-title button {
        margin-right: 0.9375rem;
    }

    .s5x8bgl .m-title span {
        color: var(--tt26x0);
    }

    .s5x8bgl .m-title .icon {
        display: inline-block;
        vertical-align: top;
        width: 1.125rem;
        height: 1.125rem;
        margin: 0px 0.5rem 0px 0px;
    }

    .s5x8bgl .m-title .btn-close {
        width: 1.875rem;
        height: 100%;
        margin-right: 0px;
    }

    .s5x8bgl .m-title .back {
        transform: rotate(-180deg);
    }

    .s5x8bgl .m-title .is-active, .s5x8bgl .m-title .is-active span {
        color: var(--title-color);
    }

    .s5x8bgl .m-title .is-active .icon {
        fill: var(--title-color);
    }

    .s5x8bgl .content-area {
        flex-direction: column-reverse;
        flex: 1 1 auto;
        padding: 3.75rem 0px 5.625rem;
        min-height: 100vh;
        background-color: var(--1n7ksai);
    }

    .s5x8bgl .content-area .right-info {
        padding: 1.25rem 0.625rem;
    }

    .s5x8bgl .content-area.bg-transparent div.menu {
        display: none;
    }

    .s5x8bgl .content-area.bg-transparent .right-info {
        padding-top: 1.25rem;
        margin-left: 0px;
    }

    .s5x8bgl .content-area .menu {
        margin-right: 0px;
        flex: 0 0 auto;
        max-width: none;
        width: 100%;
        padding: 1rem 0.875rem;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        background-color: var(--1mpgd1v);
    }

    .s5x8bgl .content-area .menu .line {
        display: none;
    }

    .s5x8bgl .content-area .menu>a {
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
        padding-left: 0px;
        height: auto;
        margin-bottom: 0px;
        line-height: 1rem;
    }

    .s5x8bgl .content-area .menu>a.is-active {
        background-color: transparent;
    }

    .s5x8bgl .content-area .menu>a .name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0px 0.125rem;
        width: 100%;
        text-align: center;
    }

    .s5x8bgl .content-area .menu>a .icon {
        width: 1.5rem;
        height: 1.5rem;
        margin-bottom: 0.375rem;
        margin-right: 0px;
    }
}

.s1d2hzl {
    --1n7ksai: #ffffff;
    --157d7l0: #F6F7FA;
    --1m9vfxv: rgba(0, 0, 0, .2);
}

.darken .s1d2hzl {
    --1n7ksai: #31343c;
    --157d7l0: #1E2024;
    --1m9vfxv: rgba(0, 0, 0, .5);
}

.s1d2hzl .ui-select.is-open {
    border: .0625rem solid var(--primary-color);
}

.s1d2hzl .ui-select .select-options-wrap {
    margin: 0.125rem 0px 0px;
    background-color: var(--157d7l0);
    box-shadow: 0 8px 32px var(--1m9vfxv);
}

.s1d2hzl .ui-select .input-control {
    background-color: var(--1n7ksai);
}

.s1d2hzl .ui-select .select-trigger {
    background-color: var(--157d7l0);
}

.s1d2hzl .ui-select .select-options {
    background-color: transparent;
    box-shadow: none;
}

.s1d2hzl .ui-select .select-options .select-option.active {
    border: none;
    background: rgba(59, 193, 23, 0.1);
}
.right-info{
    margin: 0 auto;
    margin-top: 100px;
    padding-left: 260px;
    max-width: 1590px;
    transition: 0.2s linear;
    margin-bottom: 100px;
}
.s1ecaf2u .crypto-list .subZone .infoZoneA .down li {
    margin-top: 10px;
    margin-left: 35px;
    list-style-type: square;
}
.deposit_history_header{
    text-align: center;
    margin: 0 auto;
    margin-top: 35px;
    width: 100%;
}
.titleZone h2{
    font-size: 1.3rem;
    color: rgb(0 159 98);
}
.withdraw .titleZone h2{
    font-size: 1.3rem;
    color: #ff1592;
}
.titleZone h4{
    font-size: 0.8rem;
    color: var(--title-color)
}
.main_content_wrap_notice .listZone table tr th {
    height: 35px;
    white-space: nowrap;
}
.deposit_history_table{
    margin-bottom: 50px;
    color: var(--title-color);
}
.fundShow{
    margin-bottom: 50px;
}
.txtFrame .txt h3{
    font-size: 1rem;
}
.deposit_history_table>tbody>tr>td{
    color: var(--title-color);
    font-weight: 400;
    text-align: center;
    /* border: 1px solid var(--title-color); */
    border-collapse: collapse;
    padding: 9px 5px;
    font-size: 0.7rem;
    /* background: var(--standard-color); */
}
.down{
    font-size: 0.8rem;
    font-size: 0.8rem;
    display: flex;
    flex-wrap: wrap;
}

.deposit_history_table>tbody>tr>th{
    height: 35px;
    background-color: #743be8;
}
.deposit_history_table>tbody>tr:nth-child(2n+1){
   
    background-color: var(--effect-color);
}
.deposit_history_table>tbody>tr:first-child {
    background-color: #743be8;
}
.deposit_history_table>tbody>tr:nth-child(2n){  
    background-color: var(--active-color);
}
.deposit_history_table>tbody>tr{
    border: 1px solid var(--effect-color);
}
.deposit_history_table>tbody>tr>td{
    padding: 5px;
}
.pagenation_type_1 .btn_first, .pagenation_type_1 .btn_last, .pagenation_type_1 .btn_next, .pagenation_type_1 .btn_prev {
    /* color: #9a9aa7; */
    margin: auto 10px;
    border: 0;
    border-radius: 0;
    /* border: solid 1px #444758; */
    background-color: rgba(255, 255, 255, 0.1);
    color: 313744;
    cursor: pointer;
}

.pagenation_type_1 .inactive {
    border-radius: 8px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    text-align: center;
    border: 1px solid var(--border-color);
}
.pagenation_type_1 a {
    display: inline-block;
    height: 30px;
    line-height: 26px;
    text-align: center;
    color: rgb(159, 161, 159);
    /* font-size: 1.5rem; */
    padding: 0 10px;
    /* margin: 0 5px; */
    cursor: pointer;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    padding-top: 2px;
    border: solid 1px #444758;
}
.pagenation_type_1 a.active {
    background-color: #009f62;
    color: #FFF;
    /* border: solid 1px #444758; */
    border-radius: 8px;
}
.withdraw_pwd{
    padding-right: 50px;
    color: #009f62;
}
.withdraw .withdraw_pwd{
    padding-right: 50px;
    color: rgb(255 21 146);
}
.withdraw_pwd_input{
    -webkit-flex: 1;
    -ms-flex: 1;
    /* flex: 1; */
    width: 100%;
    height: 100%;
    min-width: 1rem;
    padding: 0;
    border: none;
    background: var(--standard-color);
    color: var(--whdmoy);
    padding: 10px 8px;
    border-radius: 5px;
}
.allContent.noticeContent{
    padding-left: 260px;
    margin: 0 auto;
    max-width: 1660px;
    margin-top: 64px;
    transition: 0.2s linear;
    margin-bottom: 64px;
}
.leftZone span{
    font-size: 1.2rem;
    color: rgb(0 159 98);
}
.withdraw .leftZone span{
    font-size: 1.2rem;
    color: rgb(255 21 146);
}
.main_content_continer .main-content{
    padding-top:50px;
    margin-right: 20px;
}
.listZone.listZoneA.listPoint01{
    border: 1px solid #009f62;
    width: 100%;
    margin-top: 30px;
    border-radius: 10px;
    background-color: var(--backgound-color);
    padding: 20px;
}

.listZoneA table tbody {
    display: grid;
    justify-content: inherit;
}

.listZoneA table tbody tr {
    margin-bottom: 10px;
}

.listZoneA table tbody tr .subject {
    padding-right: 50px;
    color: #009f62;
}

.listZoneA table tbody tr .inputFrame .input_content {
    background: var(--button-color);
    border: 1px solid #4b4b4b;
    color: #4b4b4b;
    padding: 0px 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 15px;
}

.listZoneA table tbody tr .inputFrame .input_content .pointExInput {
    background-color: var(--button-color);
    border: 0px;
    width: 100%;
    padding: 10px 5px;
}

.listZoneA table tbody tr .inputFrame .moneyBtns .pointExBtn {
    color: #fff;
    width: 100px;
    padding: 5px 0;
    margin-right: 5px;
    margin-bottom: 2px;
    border-radius: 3px;
    background-color: #009f62;
    background-image: conic-gradient(from 70deg at 50% 50%, rgb(0 106 47) 180deg, rgb(0 106 47) 173deg, rgb(13 109 72) 134deg, rgb(27 141 77) 82deg);
}   

.fundFrame .money-btns-point {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
}

.fundFrame .money-btns-point .exchange {
    color: #fff;
    padding: 10px 30px;
    border-radius: 3px;
    background-color: #6e34e2b3;
    background-image: conic-gradient(from 1turn, rgba(136, 83, 252, 1), rgba(110, 52, 226, 1));
}

.fundFrame .listZone01 .title-history { 
    font-size: 1.2rem;
    color: rgb(0 159 98);
}

.title-history-table {
    margin-bottom: 50px;
    color: var(--title-color);
}

.title-history-table>tbody>tr{
    text-align: center;
    background: var(--effect-color);
    border: 1px solid var(--effect-color);
}

/* .title-history-table>tbody>tr>td {
    border: 1px solid var(--title-color);
} */
.aniFrame{
    padding: 0 50px;
}
.al.subject{
    white-space: nowrap;
}
.moneyBtns{
    flex-wrap: wrap;
}

.titlePic .titlePwrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.titlePic .titlePwrapper .leftZone {
    color: var(--main01);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: start;
    transform: translateZ(0px);
    margin-right: 1vw;
}

.titlePic .titlePwrapper .leftZone span {
    font-size: 1.2rem;
    white-space: nowrap;
    font-family: EliceDXNeolliOTF-Light, EliceDXNeolliOTF-Medium, EliceDXNeolliOTF-Bold !important;
    font-weight: 700 !important;
}

.titlePic .titlePwrapper .line {
    height: 2px;
    width: 100vw;
    position: relative;
}

.line, .line::before {
    background-color: var(--text-border-color);
}
.withdraw .line, .line::before {
    background-color: rgb(255 21 146);
}

.serviceOuter .serviceArea .tAreaFrame {
    display: flex;
    width: 100%;
    position: relative;
    border-top: 2px solid var(--text-border-color);
    border-bottom: 2px solid var(--text-border-color);
    margin-top: 10px;
}

.serviceOuter .serviceArea .tAreaFrame .txt {
    font-size: 16px;
    width: 15%;
    color: var(--black011);
    background-color: var(--standard-color);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6;
}

.serviceOuter .serviceArea .tAreaFrame .areaFrame{
    background-color: var(--standard-color);
    width: 95%;
    padding: 10px 20px;
}

.serviceOuter .serviceArea .tAreaFrame .areaFrame textarea {
    max-width: 1239px;
    min-height: 312px;
    background-color: var(--black013);
    width: 100%;
    padding: 20px;
    font-size: 14px;
    color: var(--black008);
    line-height: 1.6;
}

.serviceFrame .serviceOuter .btnZone {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
}

.serviceFrame .serviceOuter .btnZone .btnP {
    height: 50px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    /* float: right; */
    margin-top: 23px;
    cursor: pointer;
    transition: all 0.2s ease-out 0s;
    color: #fff;
    background-color: #6e34e2b3;
    background-image: conic-gradient(from 1turn, rgba(136, 83, 252, 1), rgba(110, 52, 226, 1));
    opacity: 0.8;
}

.serviceFrame .serviceOuter .btnZone .btnP:hover {
   opacity: 1;
}

.inquire-history {
    margin-bottom: 50px;
}

.inquire-history tbody tr:nth-child(2n+1) {
    background-color: var(--effect-color);
    text-align: center;
}

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


/* .inquire-history tbody tr {
    border:  1px solid var(--sub-text-color);
} */

.inquire-history tbody tr:first-child th {
    background-color: #743be8;
    color: var(--title-color);
    font-weight: bolder;
    padding: 15px;
}

.inquire-history tbody tr.mailUse {
    transition: all 0.4s ease-out 0s;
    cursor: pointer;
}

.inquire-history tr.mailUse td {
    font-size: 13px;
    padding: 15px;
    transition: all 0.3s ease-out 0s;
    position: relative;
    line-height: 1.6;
    font-family: EliceDXNeolliOTF-Light, EliceDXNeolliOTF-Medium, EliceDXNeolliOTF-Bold !important;
    font-weight: 400 !important;
    text-align: center;
}

.inquire-history tr.mailUse td a {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-align: center;
}

.contentZone {
    margin-top: 20px;
}

.contentZone .time {
    font-size: 14px;
    padding: 6px 0px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0px auto;
}

.contentZone .time .pageBack {
    display: flex;
    align-items: center;
}

.contentZone .time .pageBack .crossLine {
    width: 1px;
    height: 13px;
    background-color: var(--bgColor085);
    margin: 0px 10px;
    display: none;
}

.contentZone .time span.timeR {
    color: var(--black005);
    font-size: 14px;
    margin-left: 4px;
    display: flex;
}

.contentZone .time span.timeR .name {
    margin-right: 26px;
    position: relative;
}

.contentZone .time span.timeR .name::after {
    content: "";
    width: 1px;
    height: 13px;
    background-color: var(--text-color);
    position: absolute;
    right: -12px;
    top: 5px;
}

.serviceFrame .letterZone {
    padding: 26px 32px;
    border: 1px solid var(--sub-text-color);
    background-color: var(--standard-color);
    border-collapse: collapse;
}

.serviceFrame .letterZone .time {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    color: var(--black010);
    font-size: 14px;
    font-weight: 100;
    position: relative;
    padding-bottom: 7px;
}

.serviceFrame .letterZone .time .name {
    margin-right: 26px;
    position: relative;
}

.serviceFrame .letterZone .time .name::after {
    content: "";
    width: 1px;
    height: 13px;
    background-color: var(--text-color);
    position: absolute;
    right: -12px;
    top: 5px;
}

.serviceFrame .btnFrame {
    margin-top: 30px;
}

.contentZone .btnFrame {
    width: 100%;
    display: flex;
    justify-content: center;
}

.serviceFrame .btnFrame .btnP1 {
    height: 50px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    float: right;
    margin-top: 23px;
    cursor: pointer;
    color: white;
    transition: all 0.2s ease-out 0s;
    background-color: #6e34e2b3;
    background-image: conic-gradient(from 1turn, rgba(136, 83, 252, 1), rgba(110, 52, 226, 1));
    opacity: 0.8;
}

.serviceFrame .btnFrame .btnP1:hover {
    opacity: 1;
}
.pageBack a{
    color: var(--primary-color);
    cursor: pointer;
}
.Arrow02{
    font-size: 1.2rem;
}

.fundList .up {
    margin-top: 20px;
}
.notice_table>tbody>tr>td{
    text-align: center;
}
.notice_table{
    margin: 50px 0;
}
.contentZone .time .title{
    font-size: 1.5rem;
    color: var(--title-color);
}
.btnP.print.goldLLineBtn.blueLLineBtn01.btnBlack01{
    height: 50px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    /* float: right; */
    margin-top: 23px;
    cursor: pointer;
    transition: all 0.2s ease-out 0s;
    color: #fff;
    background-color: #6e34e2b3;
    background-image: conic-gradient(from 1turn, rgba(136, 83, 252, 1), rgba(110, 52, 226, 1));
    opacity: 0.8;
}
.content.column.right-content{
    padding:50px;
}

.blueLLineBtn02 {
    color: #fff;
    width: auto;
    padding: 10px;
    margin-right: 5px;
    margin-bottom: 2px;
    border-radius: 3px;
    background-color: #009f62;
    background-image: conic-gradient(from 70deg at 50% 50%, rgb(0 106 47) 180deg, rgb(0 106 47) 173deg, rgb(13 109 72) 134deg, rgb(27 141 77) 82deg);
    display: flex;
    justify-content: center;
    align-items: center;
}
.goldLBtn.blueLLineBtn02{
    margin: 0 auto;
}

.msgBtns {
    margin-top: 20px;
    cursor: pointer;
}

.deep_wrap_notice .listZone .message-table {
    margin-bottom: 50px;
}

.deep_wrap_notice .listZone .message-table tbody tr {
    border: 1px solid var(--active-color);
}

.deep_wrap_notice .listZone .message-table tbody tr:nth-child(2n+1) {
    background-color: var(--effect-color);
}

.deep_wrap_notice .listZone .message-table tbody tr:first-child th {
    background-color: #743be8;
    color: #fff;
    font-weight: bolder;
    padding: 15px;
    text-align: center;
}

.deep_wrap_notice .listZone .message-table tbody tr td {
    font-size: 13px;
    padding: 15px;
    transition: all 0.3s ease-out 0s;
    position: relative;
    line-height: 1.6;
    font-family: EliceDXNeolliOTF-Light, EliceDXNeolliOTF-Medium, EliceDXNeolliOTF-Bold !important;
    font-weight: 400 !important;
    text-align: center;
    cursor: pointer;
}

.letterZone {
    padding: 26px 32px;
    border: 1px solid var(--active-color);
    background-color: var(--standard-color);
    border-collapse: collapse;
}

.notice_table {
    margin-bottom: 50px;
}

.notice_table tbody tr {
    border: 1px solid var(--effect-color);
    background: var(--active-color);
}

.notice_table tbody tr:nth-child(2n+1) {
    background-color: var(--effect-color);
    text-align: center;
}
.content-table thead:first-child tr{
    background-color: #743be8;
    border: 1px solid #743be8;
    color: var(--title-color);
    text-align: center;
    height: 35px;
}
.content-table tbody tr:nth-child(2n+1){
    background-color: var(--active-color);
}
.content-table tbody tr:nth-child(2n){
    background-color: var(--effect-color);
}
.content-table tbody tr{
    border: 1px solid var(--effect-color);
    font-size: 0.7rem;
}
.content-table tbody tr td{
   padding: 15px;
}
.title-history-table>tbody>tr:first-child th{
    background-color: #743be8;
    color: #fff;
    height: 35px;
}
.title-history-table>tbody>tr>td{
    padding: 15px;
}
.title-history-table>tbody>tr::nth-child(2n+1){
    background-color: var(--effect-color);
}
.title-history-table>tbody>tr:nth-child(2n){
    background-color: var(--active-color);
}
.table_history>thead>tr:first-child th{
    background-color: #743be8;
}
.notice_table tbody tr:first-child th {
    background-color: #743be8;
    color: var(--title-color);
    font-weight: bolder;
    padding: 15px;
}

.notice_table tbody tr td {
    font-size: 13px;
    padding: 15px;
    transition: all 0.3s ease-out 0s;
    position: relative;
    line-height: 1.6;
    font-family: EliceDXNeolliOTF-Light, EliceDXNeolliOTF-Medium, EliceDXNeolliOTF-Bold !important;
    font-weight: 400 !important;
    text-align: center;
}

.border-table- {
    margin: 50px 0;
}

.border-table- thead tr {
    background-color: #743be8;
    color: var(--title-color);
    font-weight: bolder;
    padding: 15px;
    height: 35px;
    text-align: center;
}

.border-table- tbody tr {
    border: 1px solid var(--effect-color);
    background: var(--effect-color);
}

.border-table- tbody tr:nth-child(4n+1) {
    background-color: var(--active-color);
}

.border-table- tbody tr td {
    font-size: 0.7rem;
    padding: 15px;
    transition: all 0.3s ease-out 0s;
    position: relative;
    line-height: 1.6;
    font-family: EliceDXNeolliOTF-Light, EliceDXNeolliOTF-Medium, EliceDXNeolliOTF-Bold !important;
    font-weight: 400 !important;
    text-align: center;
}
.table_history>thead:first-child tr{
    background-color: #743be8;
}
.event_notice{
    margin-bottom: 30px;
    padding-top: 50px;
    margin-right: 20px;
    padding-left: 20px;
}
.history.tabZone>ul>li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(20% - 5px);
    height: 50px;
    font-size: 1rem;
    color: var(--text-color);
    background-color: var(--effect-color);
    /* background: #2c2c34; */
    padding-bottom: 2px;
    border-radius: 5px;
    cursor: pointer;
}
.event-title {
    padding-top: 20px;
}
.history.tabZone>ul>li.active{
    color: var(--title-color);
    border: 1px solid #009f62;
    background: #009f62;    
}
.listZone.listZone01.BC{
    margin-top:30px;
}
#helpcenter{
    padding-left: 260px;
    margin-top: 64px;
    transition: 0.2s linear;
}
.betHistoryFirst{
    background-color: var(--backgraound-color)!important;
}
.betHistorySecond{
    background-color: var(--effect-color)!important;
}
.listZone.listZone01.listPoint02{
    margin: 30px 0;
}
.title.title-history{
    font-size: 1.3rem;
    color: rgb(0 159 98);
}
.betting_modal_text{
    color: var(--title-color);
}
.al.subject.w-35{
    padding:0;
}
.goldLBtn.blueLLineBtn05 {
    color: #fff;
    width: 35%;
    height: 40px;
    padding: 5px 0;
    /* margin-right: 5px; */
    margin: 0 auto;
    margin-bottom: 2px;
    border-radius: 3px;
    background-color: #009f62;
    background-image: conic-gradient(from 70deg at 50% 50%, rgb(0 106 47) 180deg, rgb(0 106 47) 173deg, rgb(13 109 72) 134deg, rgb(27 141 77) 82deg);
    display: flex;
    justify-content: center;
    align-items: center;
   
}
.tab-single.row.ui-input.pjkqlcx{
    display: flex;
    align-items: center;
}
.input-control.padding-0.row{
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: var(--border-radius);
    border: 1px solid var(--2vljes);
    background-color: var(--jw4p3i);
    height: 40px;
    padding: 0px 1.25rem;
    opacity: 1;
    width:65%
}
.greenBtn_up{
    margin-top:20px;
}
.change_setting_title{
    width: 30%;
    color: var(--primary-color);
}
.listZone.listZoneA.listPoint01.d-flex{
    align-items: center;
    justify-content: space-between;
}
.member-wrap.scrollable-auto.column{
    padding: 20px;
    width: 50%;
}
.limit-wrap.scrollable-auto.column{
    padding: 20px;
    width: 50%;
}
.lobby-list-ratio {
    aspect-ratio: 270/192;
}
.input.bankSelect{
    background-color: #ff000000;
    border: unset;
    width: 250px;
    color: #fff;
}
.title.row.kind{
    font-size: 1.1rem;
    font-weight: 900;
    color: var(--primary-color);
}
.input_check_1[type=checkbox]+label {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    height: 26px;
    color: #797986;
    cursor: pointer;
    font-size: 14px;
    padding: 0 0 0 30px;
    line-height: 22px;
}
.input_check_1[type=checkbox]+label:before, .input_check_1[type=checkbox]:checked+label:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-image: url(/images/checkbox.png);
    background-repeat: no-repeat;
}
.input_check_1[type=checkbox]:checked+label:before {
    background-image: url(/images/checkbox.png);
    content: "✔";
    text-align: center;
    background-size: 24px;
    color:#fff;
}

@media screen and (max-width:700px){
    .change_setting_title{
        width: 35%;
    }
    .input-control.padding-0.row{
        width:65%
    }
}