:root {
    --black: #000;
    --white: #fff;
    --darkmod: #161824;
    --main-co: #6B79FF;
    --main-co-hover: #4A6FF8;
    --black-hover: #292929;
    --bg-none: #3898ec00;
    --green: #00c186;
    --red: #F5352C;
    --line: #eee;
    --bg-hover: #f7f7f7;
    --88co: #88888e;
    --darkmode-input: #252529
}

.w-layout-vflex {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block
}

.w-checkbox:before {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table
}

.w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1 / 1 / 2 / 2;
    display: table
}

.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal
}

.w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec
}

.w-form-formradioinput--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-width: 4px;
    border-color: #3898ec
}

a {
    color: #000;
    line-height: 125%;
    text-decoration: none
}

.top_menubtnlist {
    z-index: 2;
    justify-content: space-between;
    height: 100%;
    margin-left: 12px;
    padding-top: 0;
    display: flex;
    position: relative
}

.top {
    z-index: 10;
    background-color: var(--black);
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: 100%;
    height: 64px;
    min-height: 64px;
    line-height: 14px;
    display: flex
}

.top.whitemod {
    background-color: var(--white);
    color: var(--black)
}

.login-flex-box {
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    height: 60%
}

.login-flex-box.mo {
    display: none
}

.top-wrap-btn {
    text-align: center;
    background-color: #0000;
    border-bottom: 1px solid #ffffff26;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 10px 10px 5px;
    font-weight: 400;
    display: flex
}

.top-wrap-btn:hover {
    color: var(--main-co)
}

.lang-txt {
    color: #fff;
    font-size: 14px
}

.registbtn {
    background-color: var(--main-co);
    color: #000;
    text-align: center;
    white-space: normal;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100px;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    transition: all .2s;
    display: flex
}

.registbtn:hover {
    background-color: var(--main-co-hover)
}

.topblock {
    border-bottom: 1px solid #79797982;
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-width: 1280px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    display: flex
}

.topblock.darkmod {
    background-color: #151924
}

.qr-code-div {
    background-image: url(../images/igniris-QR.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px #00000026;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    transition: all .25s;
    display: flex
}

.qr-code-div.igniris {
    background-image: url(../images/gl-i.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.qr-code-hover {
    background-color: #fff;
    border: 1px #00000026;
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 200px;
    height: auto;
    padding-top: 25px;
    padding-bottom: 15px;
    display: none;
    position: absolute;
    inset: 55px 0 auto auto;
    box-shadow: 0 0 10px 2px #0003
}

.loginbtn {
    color: #fff;
    text-align: center;
    white-space: normal;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 100px;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    transition: color .2s;
    display: flex
}

.topmenubtn {
    color: var(--white);
    white-space: nowrap;
    background-image: url(../images/arrow_off.svg);
    background-position: 50% 80%;
    background-repeat: no-repeat;
    background-size: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-bottom: 0;
    font-family: Notosanskr,Arial,sans-serif;
    display: flex;
    position: relative
}

.topmenubtn.not-arrow,.topmenubtn.not-arrow.on {
    background-image: none
}

.topmenubtn.on {
    background-color: #1e1e1e;
    background-image: url(../images/arrow_on.svg)
}

.qr-code-frame {
    width: auto;
    margin-left: 15px;
    margin-right: 15px
}

.top_arrow {
    filter: invert(64%) sepia(47%) saturate(3533%) hue-rotate(143deg) brightness(88%) contrast(101%);
    width: 11px;
    display: none;
    position: absolute;
    inset: auto 5% auto auto
}

.top-btn-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: var(--white);
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    width: 300px;
    height: 65px;
    padding: 12px;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.top-btn-wrap:hover {
    background-color: var(--black-hover);
    color: var(--main-co)
}

.qr-code {
    z-index: 2;
    filter: invert();
    cursor: pointer;
    background-image: url(../images/download.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px #00000026;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    margin-left: 0;
    margin-right: 0;
    transition: all .25s;
    display: flex;
    position: relative
}

.qr-code.whitemod {
    filter: none
}

.top_leftblock {
    justify-content: flex-end;
    align-items: center;
    min-width: 400px;
    height: 100%;
    margin-left: auto;
    display: flex
}

.logoblock {
    justify-content: center;
    align-items: center;
    width: 105px;
    min-width: 105px;
    height: 28px;
    min-height: 28px;
    display: flex
}

.other-option-btn {
    background-color: #000;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 85%;
    height: 35px;
    margin-top: 3%;
    font-size: 13px;
    display: flex
}

.lang-box {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 100%;
    padding-left: 2%;
    padding-right: 2%;
    font-size: 15px;
    display: flex;
    position: relative;
    inset: 0
}

.lang-box.mo {
    display: none
}

.logo {
    cursor: pointer
}

.topbtn_drop {
    z-index: 2;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--white);
    background-color: #1e1e1e;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
    display: none;
    position: absolute;
    inset: 55px auto auto 0;
    box-shadow: 0 2px 5px 1px #0000004d
}

.topbtn_drop.lang {
    z-index: 2;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    left: auto;
    right: auto
}

.topbtn {
    color: #fff;
    text-align: center;
    white-space: nowrap;
    word-break: normal;
    cursor: pointer;
    background-color: #00000026;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 125%;
    transition: background-color .2s;
    display: flex
}

.mob_sidebtn {
    display: none
}

.root {
    min-height: 100vh;
    font-family: Notosanskr,Arial,sans-serif
}

.root.darkmode {
    color: var(--white)
}

.main-head-txt {
    margin: 0;
    font-size: 64px;
    line-height: 125%
}

.box-img {
    background-image: url(../images/gift.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    margin-right: 1%
}

.banner-input {
    color: #0b0b0d;
    border: 1px #000;
    width: 300px;
    height: 50px;
    margin-bottom: 0;
    padding-left: 15px;
    font-size: 13px
}

.phone-img {
    color: var(--black);
    background-image: url(../images/phone_img2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 365px;
    height: 485px;
    margin-top: auto;
    padding-top: 135px;
    padding-left: 23px;
    padding-right: 23px
}

.m-s-txt {
    font-size: 20px;
    line-height: 125%
}

.main-head-txt2 {
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 64px;
    line-height: 125%
}

.sign-up-btn {
    color: #000;
    background-color: #febe40;
    justify-content: center;
    align-items: center;
    width: 195px;
    height: 50px;
    font-size: 20px;
    font-weight: 700;
    display: flex
}

.main_banner_block {
    grid-column-gap: 10%;
    grid-row-gap: 10%;
    background-image: url(../images/banner_backgrpund.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 1500px;
    height: 60vh;
    display: flex;
    position: relative
}

.head-main-box {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.main-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: #000;
    flex-flow: column;
    display: flex
}

.mi-sign-wrap {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.text-block {
    font-size: 16px;
    line-height: 125%
}

.frame {
    flex-flow: column;
    min-width: 1280px;
    display: flex
}

.rolling {
    background-color: var(--main-co);
    color: #000;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    height: 45px;
    margin-bottom: 80px;
    padding: 0 2%;
    display: flex
}

.main-box-txt {
    margin: 0
}

.main-flex-down {
    grid-column-gap: 4px;
    grid-row-gap: 4px
}

.card-head-price {
    margin: 3px 0 0;
    font-size: 28px;
    font-weight: 500;
    line-height: 125%
}

.t-tp {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.card-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1272px;
    margin-bottom: 120px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: auto
}

.co-info-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: #f7f7f7;
    border-radius: 6px;
    flex-flow: column;
    min-width: 300px;
    min-height: 200px;
    padding: 25px 15px 15px;
    display: flex
}

.co-info-box.darkmode {
    background-color: #2b2b2b
}

.btc-name-sub {
    font-size: 14px;
    line-height: 125%
}

.btc-name {
    font-size: 20px;
    line-height: 125%
}

.pr-txt {
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 20px;
    line-height: 125%
}

.pr-txt.green {
    color: var(--green)
}

.pr-txt.red {
    color: var(--red)
}

.txt-box-m {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 5px;
    display: flex
}

.coin-img {
    background-image: url(../images/BTCicon_img_1.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 25px;
    height: 25px;
    margin-right: 3%
}

.coin-info-wrap {
    margin-top: 35px;
    display: flex
}

.currency-bx {
    justify-content: flex-start;
    align-items: center;
    width: 25%;
    height: 25px;
    display: flex
}

.ca-txt {
    letter-spacing: 0;
    justify-content: flex-start;
    align-items: center;
    width: 25%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: flex
}

.ca-txt._2 {
    letter-spacing: 0;
    width: 25%
}

.ca-txt._2.sub {
    line-height: 125%
}

.ca-txt._2.sub.green {
    color: #00c186
}

.main_box3 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    max-width: 1280px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0;
    line-height: 125%;
    display: flex;
    position: relative;
    overflow: visible;
    transform: rotate(0)
}

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

.cureency-name {
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 125%
}

.main-flex-left {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end
}

.cate-txt-box {
    border-bottom: 1px solid var(--line);
    height: 35px;
    display: flex
}

.update-subf {
    border-right: 1px solid var(--line);
    letter-spacing: 0;
    width: 30%;
    margin-right: 20px;
    padding-top: 25px;
    padding-left: 25px
}

.update-suba {
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    width: 70%;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px
}

.list {
    justify-content: flex-start;
    align-items: center;
    height: 55px;
    padding: 0;
    display: flex
}

.market-up-btn {
    color: #0006;
    letter-spacing: 0;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
    display: flex
}

.market-up-btn.on {
    color: var(--black);
    border-bottom: 1px solid #febe40;
    font-weight: 700
}

.market-up-btn.darkmode {
    color: #fff6;
    background-color: #0000
}

.market-up-btn.darkmode.on {
    color: var(--white)
}

.coin-info-wrap-sub {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 15px;
    padding-top: 22px;
    display: flex
}

.maup-txt {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    display: block
}

.up-txt-2 {
    font-size: 18px;
    line-height: 22px
}

.up-txt-2.sub {
    font-size: 16px;
    font-weight: 300
}

.up-txt-2.sub.red {
    color: var(--red);
    font-weight: 400
}

.up-txt-2.sub.green {
    color: var(--green);
    font-family: Notosanskr,Arial,sans-serif;
    font-weight: 400
}

.up-txt-2._2 {
    font-size: 16px;
    font-weight: 300
}

.btn-box-mi {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    border-bottom: 1px solid #00000026;
    width: 100%;
    height: 40px;
    padding-left: 30px;
    display: flex
}

.sub-txt {
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

.coin-img2 {
    background-image: url(../images/BTCicon_img_1BTCicon_img.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 50px;
    height: 50px
}

.market-update-head {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px
}

.market-update-sub {
    margin-top: 5px;
    font-size: 14px;
    line-height: 125%
}

.footer {
    border-top: 1px solid var(--line);
    flex-direction: column;
    width: 100%;
    min-width: 1280px;
    padding: 50px 40px;
    display: flex
}

.footer.black {
    background-color: var(--black);
    color: var(--white);
    border-top-style: none
}

.footerlist_warp {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
    border: 1px solid #0000;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex
}

.bottom {
    border-top: 1px #79797982;
    width: 100%;
    min-width: 1280px;
    display: flex
}

.footerlist_title {
    text-align: left;
    cursor: pointer;
    width: 100%;
    margin-bottom: 8px;
    font-family: Notosanskr,Arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 125%
}

.footerlist {
    opacity: .5;
    text-align: left;
    cursor: pointer;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    line-height: 125%;
    text-decoration: none;
    transition: all .2s
}

.footerlist:hover {
    opacity: 1
}

.footerlist.darkmod {
    color: var(--white)
}

.f_wrap {
    justify-content: center;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.footer_block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.footerlist_block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: center;
    min-width: 140px;
    margin-left: 8px;
    display: flex
}

.start-experience-section {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 100%;
    max-width: 1280px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.start-new-wrap {
    display: flex
}

.start-hover-menu {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 360px;
    min-width: 360px;
    display: flex
}

.start-txt-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 4px;
    flex-flow: column;
    padding: 24px;
    transition: all .3s;
    display: flex
}

.start-txt-wrap:hover {
    background-color: var(--bg-hover)
}

.start-txt-wrap.darkmode:hover {
    background-color: #444
}

.notosankr {
    font-family: Notosanskr,Arial,sans-serif;
    line-height: 125%
}

.notosankr._12s {
    color: var(--black);
    font-size: 12px
}

.notosankr._12s.normal.black-op4 {
    color: #0006
}

.notosankr._12s.normal.green {
    color: var(--green)
}

.notosankr._14s {
    font-size: 14px
}

.notosankr._14s.bold.white {
    color: var(--white)
}

.notosankr._14s.normal {
    font-weight: 400
}

.notosankr._14s.normal._88co {
    color: var(--88co)
}

.notosankr._14s.normal.main-co {
    color: var(--main-co)
}

.notosankr._14s.normal.red-co,.notosankr._14s.normal.red {
    color: var(--red)
}

.notosankr._14s.black-op5 {
    color: #00000080
}

.notosankr._16s {
    font-size: 16px
}

.notosankr._16s.normal.opacity04 {
    color: #0006
}

.notosankr._16s.normal.opacity04.darkmode {
    background-color: var(--bg-none);
    color: #fff6
}

.notosankr._16s.normal.green {
    color: var(--green)
}

.notosankr._16s.normal.red {
    color: var(--red)
}

.notosankr._16s.normal.main-co {
    color: var(--main-co)
}

.notosankr._16s.white-op5 {
    color: #ffffff80
}

.notosankr._16s.white {
    color: var(--white)
}

.notosankr._16s.white.main-co {
    color: var(--main-co)
}

.notosankr._16s.black-op5 {
    color: #00000080
}

.notosankr._18s {
    font-size: 18px
}

.notosankr._18s.white-op5 {
    color: #ffffff80
}

.notosankr._18s.white {
    color: var(--white)
}

.notosankr._18s.green {
    color: var(--green)
}

.notosankr._18s.red {
    color: var(--red)
}

.notosankr._18s.bold.main-co {
    color: var(--main-co)
}

.notosankr._20s {
    font-size: 20px
}

.notosankr._24s {
    font-size: 24px
}

.notosankr.normal {
    font-weight: 400
}

.notosankr.medium {
    font-weight: 500
}

.notosankr.semibold {
    font-weight: 600
}

.notosankr.bold {
    font-weight: 700
}

.notosankr.black {
    font-weight: 900
}

.notosankr.opacity04 {
    color: #0006
}

.notosankr._15s {
    font-size: 15px
}

.notosankr.darkmode {
    background-color: var(--bg-none);
    color: var(--white)
}

.perfect-hover-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.flex-right-b {
    justify-content: flex-end;
    align-items: flex-end
}

.start-trading {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: var(--main-co);
    justify-content: flex-start;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    transition: all .25s;
    display: flex
}

.start-trading:hover {
    transform: translate(4px)
}

.increase-hover,.infinite-hover {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: none
}

.app-installation-section {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    width: 100%;
    max-width: 1280px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.app-install-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex
}

.half {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    width: 100%;
    display: flex
}

.half.width50 {
    align-items: stretch;
    width: 50%
}

.app-install-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
    line-height: 125%;
    display: flex
}

.install-number {
    color: var(--main-co);
    justify-content: center;
    align-items: center;
    font-size: 40px;
    line-height: 125%;
    display: flex
}

.download-btn {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    display: flex
}

.earn-monet-section {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-top: 100px;
    padding-bottom: 100px;
    line-height: 125%;
    display: flex
}

.earn-money-wrap {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.earn-money-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.form-block {
    margin-bottom: 0
}

.member-box {
    flex-flow: column;
    min-height: 100vh;
    display: flex
}

.member-wrap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 1280px;
    height: 100%;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex
}

.regist_btnwarp {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    height: 45px;
    margin-bottom: 5px;
    display: flex
}

.member-btn {
    background-color: var(--bg-none);
    color: #c4c4c4;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    font-weight: 700;
    display: flex
}

.member-btn.on {
    border-bottom: 2px solid var(--main-co);
    color: var(--black);
    justify-content: center;
    align-items: center;
    display: flex
}

.member-title {
    color: #c4c4c4;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 125%
}

.member-select {
    color: #0b0b0d;
    background-color: #f7f7f7;
    border: 1px #000;
    border-radius: 3px;
    height: 45px;
    margin-bottom: 0;
    position: relative
}

.loginbox {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: space-between;
    width: 100%;
    height: 45px;
    display: flex
}

.input-field {
    color: #000;
    background-color: #f7f7f7;
    border: 1px #00000026;
    border-radius: 5px;
    height: 100%;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400
}

.input-field.w100 {
    width: 100%
}

.auth-btn {
    background-image: linear-gradient(90deg,#6E43F6, #4970F8);
    color: #fff;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    display: flex
}

.input-password-find {
    color: #000;
    background-color: #f3f3f3;
    border: 1px #00000026;
    border-radius: 5px;
    width: 65%;
    height: 100%;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400
}

.member-wrap-max {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-items: stretch;
    max-width: 400px
}

.member-title-big {
    font-size: 40px;
    font-weight: 700;
    line-height: 125%
}

.member-btn-bottom {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    height: 45px;
    display: flex
}

.text-span {
    color: var(--main-co)
}

.poptitle {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px
}

.poptitle.welcome {
    color: #000;
    justify-content: center;
    font-weight: 700;
    display: flex
}

.poptitle.small {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.field-label {
    margin-top: 10px;
    margin-bottom: 10px
}

.password-forgot {
    display: block
}

.welcomepop {
    z-index: 1;
    background-color: #0000004d;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0
}

.pop_exist {
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px
}

.title6 {
    font-size: 30px;
    line-height: 125%
}

.password_pop {
    z-index: 1;
    background-color: #0000004d;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0
}

.close-img {
    opacity: .3;
    filter: invert();
    width: 25px;
    height: 25px
}

.registpop_blcok {
    color: #333;
    background-color: #fff;
    border: 1px solid #ffffff1a;
    border-radius: 5px;
    flex-direction: column;
    justify-content: space-between;
    width: 450px;
    padding: 20px 25px;
    display: flex;
    position: relative
}

.l_p_input {
    color: #000;
    background-color: #f3f3f3;
    border: 1px #00000026;
    border-radius: 4px;
    width: 100%;
    height: 45px;
    margin-bottom: 5px;
    font-size: 14px
}

.cancle {
    border: 1px solid var(--main-co);
    color: #8f8e92;
    background-color: #3898ec00;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    display: flex
}

.confirm {
    background-color: var(--main-co);
    color: var(--white);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    display: flex
}

.confirm.width-100 {
    width: 100%
}

.byflow {
    color: var(--main-co);
    font-weight: 700
}

.welecomeblock {
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 25px;
    display: flex
}

.title5 {
    text-align: left;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 25px
}

.password-find-box {
    justify-content: space-between;
    width: 100%;
    height: 45px;
    display: flex
}

.popup-btn {
    background-color: var(--main-co);
    color: var(--black);
    text-align: center;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    min-width: 30%;
    margin-left: 10px;
    padding: 10px;
    transition: background-color .2s;
    display: flex
}

.warn {
    color: var(--red);
    font-weight: 500;
    line-height: 125%
}

.popup-input {
    color: #000;
    background-color: #f3f3f3;
    border: 1px solid #00000026;
    border-radius: 4px;
    width: 70%;
    height: 100%;
    margin-bottom: 0
}

.popup {
    z-index: 9998;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    font-size: 13px;
    line-height: 20px;
    display: none;
    position: fixed;
    inset: 0
}

.pop_input {
    justify-content: space-between;
    height: 45px;
    display: flex
}

.registpop {
    z-index: 1;
    background-color: #0000004d;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0
}

.pop_btn {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.pop_btn.welcome {
    justify-content: center
}

.pop_btn.no-mg {
    margin-top: 0
}

.input-field-flex-box {
    align-items: stretch
}

.auth_count {
    color: var(--black);
    margin-bottom: 5px
}

.p2p-menu {
    border-bottom: 1px solid var(--line);
    flex-flow: column;
    height: 65px;
    display: flex
}

.frame-max {
    flex-flow: column;
    width: 100%;
    max-width: 1280px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.p2p-menu-wrap {
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    display: flex
}

.p2p-menu-btn {
    background-color: var(--bg-none);
    color: #8f8e92;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    display: flex
}

.p2p-menu-btn.on {
    border-bottom: 2px solid var(--main-co);
    color: var(--black);
    font-weight: 700
}

.menu-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch
}

.right-menu {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.p2p_wrap {
    justify-content: center;
    align-items: center;
    height: 45px;
    margin-left: auto;
    display: flex
}

.ads-btn {
    z-index: 1;
    border: 1px solid var(--line);
    color: #b9b9ba;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    height: 45px;
    line-height: 125%
}

.p2p-drop-down {
    justify-content: space-between;
    align-items: center;
    width: 100px;
    height: 100%;
    padding: 0 10px;
    display: flex
}

.p2p-drop-down.w--open {
    height: 100%
}

.icon-3 {
    margin-right: 5px
}

.dropdown-list {
    border-radius: 5px
}

.dropdown-list.w--open {
    background-color: #fff;
    width: 150%;
    font-size: 12px;
    box-shadow: 0 2px 10px #0003
}

.p2p-menu-wrap-2:hover {
    background-color: #0000000a
}

.p2p_mbtn {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: #4d4d4d;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 45px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    transition: all .2s;
    display: flex
}

.p2p_mbtn.w--current {
    width: auto;
    padding-right: 15px
}

.p2p_mbtn.w--current:hover {
    box-shadow: none
}

.p2p_mbtn.on {
    color: #ffa900
}

.p2p-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-top: 12px;
    padding-bottom: 100px;
    display: flex
}

.p2p-top-btn-box {
    border-bottom: 1px solid var(--line);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    display: flex
}

.p2p-btn-wrap {
    background-color: #f1f1f1;
    border-radius: 6px;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    padding: 0;
    display: flex
}

.p2p-top-buy-btn {
    color: var(--black);
    background-color: #3898ec00;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex
}

.p2p-top-buy-btn.on {
    background-color: var(--green);
    color: var(--white)
}

.p2p-top-sell-btn {
    color: var(--black);
    background-color: #3898ec00;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex
}

.p2p-top-sell-btn.on {
    background-color: var(--red);
    color: var(--white)
}

.select-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.select-usdt {
    color: #b9b9ba;
    background-color: #f3f3f300;
    border: 1px solid #00000026;
    border-radius: 5px;
    width: 100px;
    height: 40px;
    margin-bottom: 0;
    line-height: 125%
}

.inse-box {
    border: 1px solid #00000026;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    width: 275px;
    height: 40px;
    display: flex;
    overflow: hidden
}

.amount-input {
    background-color: var(--bg-none);
    border: 1px #000;
    height: 100%;
    margin-bottom: 0;
    font-size: 13px
}

.select-amount {
    color: var(--main-co);
    background-color: #f3f3f300;
    border: 1px #000;
    border-left: 1px solid #00000026;
    width: 35%;
    height: 100%;
    margin-bottom: 0;
    padding-right: 6px;
    line-height: 125%
}

.p2p-select {
    color: var(--main-co);
    background-color: #f3f3f300;
    border: 1px solid #00000026;
    border-radius: 5px;
    width: 150px;
    height: 40px;
    margin-bottom: 0;
    line-height: 125%
}

.p2p-select:focus {
    border-color: var(--main-co)
}

.list_profilecircle-2 {
    color: #1da2b4;
    background-color: #0000;
    border: 1px solid #f3f3f34d;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 37px;
    height: 37px;
    padding: 0;
    font-size: 16px;
    font-weight: 800;
    display: flex
}

.method_txt {
    white-space: nowrap;
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 3px 12px;
    font-size: 12px
}

.buysellbtn {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    display: flex
}

.buysellbtn.buy {
    background-color: var(--green);
    color: #fff;
    border-style: none;
    align-items: center
}

.buysellbtn.sell {
    color: #fff;
    background-color: #f34840;
    border-style: none
}

.buysellbtn.sell:hover {
    background-color: var(--red)
}

.list_profile_name {
    font-size: 14px;
    font-weight: 700
}

.list_profile_name._2 {
    text-align: right
}

.asset_tablelist {
    border-bottom: 1px solid var(--line);
    flex-flow: row;
    height: 60px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 125%;
    display: flex
}

.asset_tablelist:hover {
    background-color: var(--bg-hover)
}

.asset_tablelist.p2p {
    height: 85px
}

.p2p_tabletop {
    border-bottom: 1px solid var(--line);
    color: #b9b9ba;
    height: 40px;
    font-size: 13px;
    line-height: 125%;
    display: flex
}

.table_warp {
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
    margin-top: 20px;
    overflow: auto;
    box-shadow: 0 2px 5px #0003
}

.table_warp.p2p {
    box-shadow: none
}

.list_block1 {
    justify-content: center;
    align-items: center;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.list_block1.p2p {
    justify-content: flex-start;
    align-items: center;
    width: 250px
}

.listtext1 {
    text-align: center;
    word-break: break-all;
    justify-content: center;
    align-items: center;
    width: 11%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4px;
    padding-right: 4px;
    display: flex;
    position: relative
}

.listtext1.right {
    justify-content: flex-end;
    margin-right: 0;
    padding-right: 0
}

.listtext1.right.p2p {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    margin-right: auto;
    line-height: 125%
}

.list_block2 {
    justify-content: center;
    align-items: center;
    width: 10%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.p2pwrap {
    flex-direction: column;
    min-height: 400px;
    margin-bottom: 0;
    display: flex
}

.list_txtwarp {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    display: flex
}

.list_txtwarp.p2p {
    justify-content: center;
    align-items: flex-start;
    font-size: 14px
}

.list_warp_title {
    margin-right: 4px
}

.list_block3 {
    justify-content: center;
    align-items: center;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.list_block3.p2p {
    justify-content: flex-start;
    align-items: center;
    width: 200px
}

.no_data {
    color: #00000080;
    text-align: center;
    background-image: url(../images/search.svg);
    background-position: 50% 45%;
    background-repeat: no-repeat;
    background-size: 49px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 500px;
    padding-top: 5%;
    display: none
}

.asset_table {
    border-top: 1px solid #ffffff4d;
    flex-direction: column;
    height: 100%;
    display: flex
}

.list_profilewarp {
    flex-direction: column;
    justify-content: center;
    width: 71%;
    height: 100%;
    margin-left: 10px;
    font-size: 12px;
    line-height: 15px;
    display: flex
}

.listpage_warp {
    justify-content: center;
    height: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex
}

.paging-btn {
    color: #333;
    text-align: center;
    background-color: #0000;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    font-size: 15px;
    line-height: 20px;
    display: flex
}

.paging-btn:hover {
    background-color: #f7f7f7
}

.paging-btn.on {
    background-color: var(--main-co)
}

.paging-btn.arrow-l {
    background-image: url(../images/chevron_left.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto
}

.paging-btn.arrow-r {
    background-image: url(../images/chevron_right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto
}

.paging-btn.darkmode:hover,.paging-btn.darkmode.on {
    background-color: #3f3f3f
}

.p2p-title {
    margin-top: 30px;
    margin-bottom: 12px;
    font-size: 32px;
    font-weight: 700;
    line-height: 125%
}

.thid-party-check-box {
    color: #000;
    justify-content: flex-start;
    align-items: center;
    margin-top: auto;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 14px;
    line-height: 125%;
    display: flex
}

.radio-button {
    cursor: pointer;
    border: 1px solid #0000001a;
    width: 16px;
    height: 24px;
    margin: 0
}

.sub-thid {
    color: #959ca6;
    margin-right: .55rem;
    font-size: 12px;
    line-height: 16px
}

.confrim-btn {
    color: var(--black);
    background-color: #febe4080;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 45px;
    margin-top: 0;
    margin-left: auto;
    transition: all .25s;
    display: flex
}

.confrim-btn:hover {
    background-color: #ffc758
}

.confrim-btn.on {
    background-color: var(--main-co)
}

.partner-item {
    background-image: url(../images/logos2.png);
    background-position: 90%;
    background-repeat: no-repeat;
    background-size: 40%;
    border: 1px solid #0000001a;
    border-radius: 5px;
    max-width: 500px;
    margin-bottom: 1.25rem;
    padding: 14px
}

.partner-item._2 {
    background-image: url(../images/logos1.png);
    background-size: 35%
}

.partner-item._3 {
    background-image: none;
    flex-flow: column;
    align-items: center;
    display: flex
}

.d-flex {
    justify-content: flex-start;
    align-items: center;
    height: 34px;
    display: flex
}

.d-flex.d {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100px;
    margin-left: .9375rem;
    margin-right: .3125rem
}

.d-flex._2 {
    background-image: url(../images/logos3.png);
    background-position: 90%;
    background-repeat: no-repeat;
    background-size: 20%;
    width: 100%
}

.d-flex-st {
    flex-flow: column;
    width: 100%;
    display: flex
}

.d-flex-st._2 {
    margin-right: 0;
    padding-left: 36px
}

.d-flex-st.line {
    border-right: 1px solid var(--line)
}

.thid-detail-sub {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.second-txt {
    color: #00000080;
    cursor: pointer;
    background-image: url('../images/blank-box-3_1blank box 3.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 30px;
    margin-left: auto;
    font-size: 12px;
    display: flex
}

.payment-sub-title {
    font-size: .725rem;
    line-height: 16px
}

.advcash-sub {
    border-top: 1px solid #0000001a;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin-top: 14px;
    display: flex
}

.payment-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 30px 30px 20px;
    display: flex;
    box-shadow: 0 0 20px #febe404d
}

.radio-button-label {
    display: none
}

.kyc {
    color: #03ad8f;
    background-color: #03ad8f1a;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 22px;
    margin-right: .3125rem;
    padding: 0;
    font-size: 10px;
    line-height: 16px;
    display: flex
}

.top-div-crypto {
    background-image: url(../images/mercuryo-logo.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100px;
    height: 22px
}

.top-div-crypto._2 {
    background-image: url(../images/guardarian-logo.png);
    background-position: 0;
    background-size: 65%;
    justify-content: flex-end;
    align-items: center;
    width: 180px;
    display: flex
}

.top-div-crypto._3 {
    background-image: url(../images/volet-logo_1volet-logo.png);
    background-position: 0;
    background-size: 60%
}

.justify-content-between {
    justify-content: flex-start;
    align-items: center;
    height: 20px;
    margin-top: 14px;
    display: flex
}

.justify-content-between._2 {
    margin-top: 2px
}

.payment-detail {
    color: var(--black);
    flex-flow: column;
    width: 450px;
    min-height: 270px;
    padding-bottom: 30px;
    line-height: 125%;
    display: flex
}

.radio-button-2 {
    background-color: #000;
    border: 1px #000
}

.small-txt-crypto {
    color: #959ca6;
    font-size: .725rem;
    line-height: 16px
}

.d-flex-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 700px;
    margin-bottom: 24px;
    display: flex
}

.radio-button-field {
    margin-bottom: 0;
    padding: 0
}

.cryptowrap {
    cursor: auto;
    justify-content: flex-end;
    align-items: center;
    min-width: 80px;
    margin-left: auto;
    display: flex
}

.crypto-txt2 {
    color: #000;
    height: 100%;
    margin-bottom: 6px;
    font-weight: 700;
    line-height: 125%
}

.vo-et-img {
    background-image: url(../images/logos3.png);
    background-position: 101%;
    background-repeat: no-repeat;
    background-size: 500%;
    width: 20px;
    height: 20px;
    margin-right: .9375rem
}

.vo-et-img._3 {
    background-position: 0;
    background-size: 280%
}

.vo-et-img._2 {
    background-position: 60%;
    background-size: 350%
}

.get-numdiv {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    margin-top: 0;
    display: flex
}

.botoom-wrap-crypto {
    padding-top: 1.25rem;
    display: flex
}

.thid-check-box {
    cursor: pointer;
    border: 0 #000;
    width: 15px;
    height: 15px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 5px
}

.thid-check-box:hover {
    border: 1px solid #3169ff
}

.text-main-co {
    color: var(--main-co);
    font-size: 24px;
    line-height: 125%
}

.half-black {
    color: #00000080
}

.payment-detail-title {
    margin-top: 12px;
    margin-bottom: 12px
}

.crypto-wrap {
    flex-flow: column;
    width: 100%;
    display: flex
}

.crypto-wrap._2 {
    width: 100%;
    margin-right: 0
}

.text-receive {
    color: #9f9c99;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-right: 12px;
    font-size: 13px;
    display: flex
}

.cursor-pointer-div {
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 100%;
    margin-left: 12px;
    line-height: 125%;
    display: flex
}

.cursor-pointer-div._2 {
    width: 100%;
    margin-left: 0
}

.boxcrypto {
    border: 1px solid #00000026;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
    transition: all .25s;
    display: flex;
    overflow: hidden
}

.boxcrypto:hover {
    border-color: var(--main-co)
}

.boxcrypto.red {
    border-color: #f34840;
    padding-right: 12px
}

.spend-txt {
    color: #b7b7b7;
    margin-bottom: 10px;
    font-size: .875rem;
    font-weight: 500
}

.wallet-line {
    border-right: 1px solid var(--line);
    cursor: pointer;
    width: 1px
}

.input-txt {
    color: #000;
    text-align: right;
    border: 1px #000;
    height: 100%;
    margin: 0;
    padding-left: 15px;
    font-size: 13px
}

.crpyto-img {
    background-image: url(../images/l.FAQ_1l.FAQ.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 25px;
    min-width: 25px;
    height: 25px;
    min-height: 25px
}

.crypto-txt {
    color: #000;
    margin-left: .625rem;
    margin-right: .9375rem;
    font-weight: 500
}

.polygon-img {
    background-image: url(../images/arrow_drop_dow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    width: 10px;
    height: 100%
}

.polygon-img._2 {
    min-width: 10px;
    margin-right: 12px
}

.limit-txt {
    color: #f34840;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1rem
}

.text-price {
    font-size: 16px;
    font-weight: 500;
    line-height: 125%
}

.thid-party-top-btn {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 12px;
    display: flex
}

.thid-btn {
    background-color: var(--bg-none);
    color: #8f8e92;
    padding: 0 0 12px;
    font-size: 24px
}

.thid-btn.on {
    border-bottom: 2px solid var(--main-co);
    color: var(--black)
}

.thid-btn.on.darkmode {
    color: var(--white)
}

.flex-block {
    flex-flow: row
}

.wallet-contents {
    min-height: 0;
    display: flex
}

.wallet-menu {
    border-right: 1px solid var(--line);
    flex-flow: column;
    width: 200px;
    min-width: 200px;
    display: flex
}

.wallet-link {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
    background-position: 24px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    justify-content: flex-start;
    align-items: center;
    height: 55px;
    padding-left: 54px;
    padding-right: 24px;
    display: flex
}

.wallet-link.property {
    background-image: url(../images/Wallet_icon1_off.svg)
}

.wallet-link.property.on {
    background-image: url(../images/Wallet_icon1_on.svg)
}

.wallet-link.on {
    color: var(--main-co);
    background-color: #f7f7f7
}

.wallet-link.deposit {
    background-image: url(../images/Wallet_icon2_off.svg)
}

.wallet-link.deposit.on {
    background-image: url(../images/Wallet_icon2_on.svg)
}

.wallet-link.deposit.on.darkmode {
    color: var(--white)
}

.wallet-link.withdrawal {
    background-image: url(../images/Wallet_icon3_off.svg)
}

.wallet-link.withdrawal.on {
    background-image: url(../images/Wallet_icon3_on.svg)
}

.wallet-link.wallet-img {
    background-image: url(../images/Wallet_icon4_off.svg)
}

.wallet-link.wallet-img.on {
    background-image: url(../images/Wallet_icon4_on.svg);
    border-left-style: none
}

.wallet-link.exchange {
    background-image: url(../images/Wallet_icon5_off.svg)
}

.wallet-link.exchange.on {
    background-image: url(../images/Wallet_icon5_on.svg)
}

.wallet-link.futures-exchange {
    background-image: url(../images/Wallet_icon6_off.svg)
}

.wallet-link.futures-exchange.on {
    background-image: url(../images/Wallet_icon6_on.svg)
}

.wallet-link.list {
    background-image: url(../images/Wallet_icon7_off.svg)
}

.wallet-link.list.on {
    background-image: url(../images/Wallet_icon7_on.svg)
}

.wallet-link.darkmode {
    color: #fff6;
    overflow: visible
}

.wallet-link.darkmode.on {
    color: var(--white);
    background-color: #242424
}

.wallet {
    background-image: url(../images/Wallet_icon1_off.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 18px;
    height: 18px
}

.wallet-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: var(--black);
    flex-flow: column;
    width: 100%;
    padding: 24px 24px 100px;
    display: flex
}

.property-info {
    border-radius: 4px;
    padding: 24px 24px 48px;
    display: flex;
    position: relative;
    box-shadow: 0 0 5px #0003
}

.property-info-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    width: 30%;
    display: flex
}

.asset-value {
    font-weight: 700;
    line-height: 125%
}

.asset-value.darkmode {
    background-color: #0000
}

.peques-renewal-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex
}

.request_btn {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--main-co);
    color: var(--black);
    text-align: center;
    white-space: pre;
    cursor: pointer;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    max-width: 180px;
    height: 40px;
    padding-left: 14px;
    padding-right: 14px;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.request_btn:hover {
    background-color: var(--main-co-hover)
}

.re_tolltip {
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: background-color .2s;
    display: flex;
    position: relative
}

.tooltip_box {
    color: #000;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
    position: absolute;
    bottom: 100%;
    left: 0
}

.colortxt2 {
    color: var(--main-co);
    font-weight: 500
}

.rquest-txt {
    color: var(--red)
}

.rquest-txt.darkmode {
    background-color: #0000
}

.property-table {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex
}

.wallet-table-list-box {
    display: block
}

.table-cell {
    text-align: left;
    border: 1px #000;
    padding: 8px
}

.table-cell.right {
    text-align: right
}

.wallet-table-row {
    border-style: none none solid;
    border-width: 1px;
    border-color: #000 #000 var(--line);
    text-align: left
}

.wallet-table-row.noline {
    border-bottom-style: none
}

.wallet-table-row.darkmode {
    border-bottom-color: #eeeeee80
}

.fs-table_body {
    border: 1px #000
}

.fs-table_table {
    text-align: left;
    border-collapse: collapse;
    border: 1px #000;
    width: 100%
}

.wallet-table-top {
    text-align: left;
    background-color: #f7f7f7;
    border: 1px #000
}

.table-wrap {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    min-height: 40px;
    line-height: 125%;
    display: flex
}

.table-wrap.right {
    justify-content: flex-end;
    align-items: center
}

.table-wrap.h-auto {
    text-align: left;
    height: auto;
    min-height: 20px
}

.table-wrap.h-auto.center {
    text-align: center;
    justify-content: center;
    align-items: center
}

.table-wrap.center {
    justify-content: center;
    align-items: center
}

.table-container {
    flex-flow: column;
    width: 50%;
    min-width: 1024px;
    display: flex
}

.wallet-btn-box {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    display: flex
}

.deposit-btn {
    color: var(--black);
    background-color: #3898ec00;
    justify-content: center;
    align-items: center;
    display: flex
}

.deposit-btn-mainco {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 40px;
    transition: all .2s;
    display: flex
}

.deposit-btn-mainco:hover {
    background-color: var(--main-co-hover)
}

.wallet-guide-box {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    display: flex
}

.deposit-guide-list {
    align-items: stretch
}

.withdrawal-table,.withdrawal-table-copy {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 50%;
    min-width: 1024px;
    display: flex
}

.wallet-table {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex
}

.wallet-top-wrap {
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch
}

.wallet-top-right {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    white-space: nowrap;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    line-height: 125%
}

.wallet-select {
    border: 1px solid var(--main-co);
    color: var(--main-co);
    background-color: #f3f3f300;
    border-radius: 4px;
    width: 110px;
    height: 100%;
    margin-bottom: 0;
    line-height: 125%
}

.wallet-select.darkmode {
    background-color: var(--darkmode-input);
    color: var(--main-co)
}

.wallet-input {
    border: 1px solid var(--main-co);
    background-color: var(--bg-none);
    color: var(--black);
    border-radius: 4px;
    min-width: 150px;
    margin-bottom: 0
}

.wallet-input.darkmode {
    background-color: var(--darkmode-input)
}

.exchange-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 650px;
    display: flex
}

.asset_listbox {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: row;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex
}

.exchange-title {
    white-space: nowrap;
    width: 135px;
    line-height: 125%
}

.exchangeinfo {
    display: flex
}

.coin_selectwrap {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-end;
    font-weight: 400;
    display: flex
}

.asset-select {
    border: 1px solid var(--main-co);
    color: #333;
    background-color: #f5f5f5;
    border-radius: 5px;
    width: 200px;
    height: 38px;
    margin-bottom: 0;
    padding: 0 20px 0 15px;
    font-weight: 400
}

.asset-select.darkmode {
    background-color: var(--darkmode-input)
}

.asset-txt {
    color: gray;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    width: 150px;
    margin-top: 10px;
    line-height: 125%;
    display: flex
}

.exchangebtn {
    cursor: pointer;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-left: 20px;
    margin-right: 20px;
    display: flex
}

.exchangebtn_img {
    opacity: .3;
    filter: invert();
    width: 56px;
    height: 56px;
    transition: opacity .2s;
    display: block
}

.exchangebtn_img:hover {
    opacity: .5
}

.exchangebtn_img.darkmode {
    filter: none;
    background-color: #16182400;
    transition: opacity .2s
}

.asset_quote {
    align-items: center;
    width: 100%;
    padding-left: 151px;
    display: flex
}

.exchange-txt {
    color: #999;
    text-align: center;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: flex
}

.exchange-input {
    color: #fff;
    background-color: #000;
    border: 1px #000;
    border-radius: 5px;
    width: 360px;
    margin-bottom: 0
}

.exchange-input.select {
    color: #000;
    background-color: #f5f5f5;
    border-color: #00000026
}

.exchange-input.select.darkmode {
    background-color: var(--darkmode-input);
    color: var(--white)
}

.exchange_quote1 {
    margin-left: 10px
}

.assetbox2 {
    margin-bottom: 10px;
    display: flex
}

.asset_block2 {
    border-bottom: 1.5px solid #ffffff26;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 20px;
    display: flex
}

.wallet-btn {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 40px;
    transition: all .2s;
    display: flex
}

.wallet-btn:hover {
    background-color: var(--main-co-hover)
}

.exchange_quote3 {
    justify-content: flex-start;
    margin-left: 10px;
    display: flex
}

.assetbox3 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 500px;
    height: 40px;
    display: flex
}

.exchange_quote2 {
    margin-left: 10px
}

.exchange-amount-box {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.amount {
    color: var(--black);
    font-family: Notosanskr,Arial,sans-serif;
    line-height: 125%
}

.amount._12s {
    color: var(--black);
    font-size: 12px
}

.amount._14s {
    font-size: 14px
}

.amount._14s.normal {
    font-weight: 400
}

.amount._14s.normal._88co {
    color: var(--88co)
}

.amount._14s.normal.main-co {
    color: var(--main-co)
}

.amount._16s {
    font-size: 16px
}

.amount._18s {
    font-size: 18px
}

.amount._20s {
    font-size: 20px
}

.amount._24s {
    font-size: 24px
}

.amount.normal {
    font-weight: 400
}

.amount.medium {
    font-weight: 500
}

.amount.semibold {
    font-weight: 600
}

.amount.bold {
    font-weight: 700
}

.amount.black {
    font-weight: 900
}

.amount.opacity04 {
    color: #0006
}

.exchange-btn {
    background-color: var(--main-co);
    color: var(--black);
    text-align: center;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 45px;
    transition: all .2s;
    display: flex
}

.exchange-btn:hover {
    background-color: var(--main-co-hover)
}

.cancle-txt {
    color: var(--red);
    cursor: pointer
}

.cancle-txt:hover {
    text-decoration: underline
}

.deposit_pop {
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none
}

.d_n_txtbox {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    font-size: 16px;
    line-height: 24px;
    display: flex
}

.text-field-23 {
    color: #000;
    background-color: #f3f3f3;
    border: 1px solid #00000026;
    border-radius: 4px;
    width: 70%;
    height: 39px;
    margin-bottom: 0;
    margin-left: auto
}

.text-field-23.darkmode {
    background-color: var(--darkmode-input)
}

.p-tx-wrap {
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    display: flex
}

.p-tx-wrap.tx {
    display: flex
}

.xrppop {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #0000004d;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none
}

.xrppop_box {
    color: #333;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    flex-direction: column;
    width: 450px;
    padding: 20px;
    display: flex;
    position: relative
}

.depositpop_box {
    color: #333;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    flex-direction: column;
    width: 500px;
    padding: 20px;
    display: flex;
    position: relative
}

.form-block-17 {
    width: 97%;
    margin-top: 10px;
    margin-bottom: 0
}

.warn_icon {
    width: 90px;
    height: 90px
}

.pop-wrap-box {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 15px;
    display: flex;
    overflow: visible
}

.depositaddress_txtbox {
    color: #000;
    background-color: #f3f3f3;
    border: 1px solid #00000026;
    border-radius: 4px;
    align-items: center;
    width: 90%;
    height: 40px;
    padding: 5px 10px;
    font-size: 12px;
    display: flex;
    overflow: hidden
}

.depositaddress_txtbox.darkmode {
    background-color: var(--darkmode-input)
}

.image-38 {
    opacity: .3;
    filter: invert();
    width: 25px;
    height: 25px
}

.copyicon {
    width: 21px;
    height: 21px
}

.asset_address {
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
    display: flex
}

.cancle-2 {
    color: #1da2b4;
    background-color: #fff;
    border: 1px solid #1da2b4;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 100%;
    padding: 0;
    font-size: 16px;
    display: flex
}

.d_network {
    align-items: center;
    width: 100%;
    display: flex
}

.depositaddress {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    align-items: center;
    width: 70%;
    margin-left: auto;
    display: flex
}

.confirm-2 {
    background-color: #1da2b4;
    border: 1px solid #1da2b4;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 100%;
    padding: 0;
    font-size: 16px;
    display: flex
}

.de_noticepop {
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none
}

.d_network_check {
    background-color: var(--main-co);
    color: #fff;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 35px;
    display: flex
}

.d_network_check.off {
    background-color: #b3b3b3;
    border-style: none
}

.de_notice_box {
    color: #333;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    flex-direction: column;
    width: 500px;
    padding: 20px;
    display: flex;
    position: relative
}

.title6-2 {
    font-size: 30px;
    line-height: 35px
}

.withrawlblock {
    background-color: #fff;
    border: 1px solid #ffffff1a;
    border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    width: 550px;
    padding: 40px 30px 45px;
    display: flex;
    position: relative
}

.disabled_pop {
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none
}

.withrawlpop {
    background-color: #0000004d;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0
}

.confirm-3 {
    background-color: #1da2b4;
    border: 1px solid #1da2b4;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 100%;
    padding: 0;
    font-size: 16px;
    display: flex
}

.pop_txt {
    text-align: center;
    font-weight: 700
}

.sub-txt2 {
    color: #f34840
}

.disabled_box {
    color: #333;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    flex-direction: column;
    width: 450px;
    padding: 20px;
    display: flex;
    position: relative
}

.input-auth {
    color: #000;
    background-color: #f3f3f3;
    border: 1px solid #00000026;
    border-radius: 4px;
    width: 75%;
    height: 100%;
    margin-bottom: 0
}

.form-block-14 {
    margin-top: 20px;
    margin-bottom: 0
}

.pop_input-2 {
    justify-content: space-between;
    height: 40px;
    display: flex
}

.depositbottom1 {
    color: #1da2b4;
    background-color: #fff;
    border: 1px solid #1da2b4;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 100%;
    padding: 0;
    font-size: 17px;
    display: flex
}

.depositbottom2 {
    background-color: #1da2b4;
    border: 1px solid #1da2b4;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 100%;
    padding: 0;
    font-size: 17px;
    display: flex
}

.form-block-18 {
    width: 97%;
    margin-top: 10px;
    margin-bottom: 0
}

.warn_xrp {
    color: #f34840;
    margin-bottom: 14px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 12px
}

.trading-history-top {
    background-color: #282826;
    flex-flow: column;
    width: 100%;
    height: 200px;
    padding-top: 35px;
    display: flex
}

.trading-history-title {
    color: var(--white);
    font-size: 32px;
    line-height: 125%
}

.trading-history-top-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-items: stretch
}

.trade-history-info {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    display: flex
}

.trade-history-info-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: #fff;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.top-flex-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center
}

.trade-history-wrap-box {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    height: 100px
}

.table-overflow {
    align-items: stretch;
    min-height: 500px
}

.trading-history-top-ver2 {
    border-bottom: 1px solid var(--line);
    flex-flow: column;
    height: 85px;
    display: flex
}

.h-top-flex-wrap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%
}

.trading-history-btn {
    background-color: var(--bg-none);
    color: var(--black);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    display: flex
}

.trading-history-btn.on {
    border-bottom: 2px solid var(--main-co)
}

.text-span-2 {
    color: var(--main-co);
    margin-left: 5px;
    margin-right: 5px
}

.event-banner {
    background-color: #000;
    height: 640px
}

.slider {
    z-index: 1;
    background-color: #ddd0;
    height: 100%
}

.right-arrow {
    display: flex;
    right: -5vw
}

.left-arrow {
    display: flex;
    left: -5vw
}

.slide-banner-box {
    background-image: url(../images/1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    justify-content: center;
    align-items: center;
    height: 100%
}

.slide-banner-box.second {
    background-image: url(../images/2.png)
}

.slide-banner-box.third {
    background-image: url(../images/3.png)
}

.slide-banner-box.four {
    background-image: url(../images/4.png)
}

.slide-banner-box.five {
    background-image: url(../images/5.png)
}

.event-body {
    background-color: #111112;
    flex-flow: column;
    display: flex
}

.e_user {
    z-index: 5;
    color: var(--white);
    background-color: #323236;
    border-radius: 10px;
    justify-content: space-between;
    width: 80%;
    min-width: 1280px;
    margin: 50px auto;
    padding: 32px 40px;
    display: flex;
    box-shadow: 0 0 5px #0000001a
}

.e_userinfo1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    display: flex
}

.e_user_imgbox {
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
    overflow: hidden
}

.e_user_img {
    border-radius: 8px;
    height: 100%;
    overflow: hidden
}

.e_info_txt1 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-direction: column;
    align-items: flex-start;
    font-size: 18px;
    font-weight: 500;
    display: flex
}

.e_userinfo2 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-direction: column;
    align-items: flex-start;
    min-width: 300px;
    display: flex
}

.e_info_txt2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    font-size: 18px;
    display: flex
}

.e_info_tite {
    color: var(--main-co);
    font-weight: 700
}

.e_btn {
    color: var(--white);
    text-align: center;
    background-color: #323236;
    border-radius: 4px;
    min-width: 90px;
    font-size: 18px;
    font-weight: 400;
    transition: box-shadow .2s,transform .2s;
    box-shadow: 0 0 10px #0003
}

.e_btn:hover {
    box-shadow: 0 0 10px 0 var(--red);
    transform: scale(1.1)
}

.e_btn.on {
    color: #fff;
    background-color: #323236;
    border-radius: 4px
}

.mail_hoverbox {
    color: #fff;
    text-align: center;
    background-color: #323236;
    border-radius: 20px;
    flex-direction: column;
    align-items: center;
    width: 86%;
    height: 250px;
    padding: 20px;
    font-size: 18px;
    line-height: 125%;
    transition: color .2s,font-size .2s,box-shadow .4s,transform .4s;
    display: flex;
    position: relative;
    box-shadow: 0 0 10px #0000001a
}

.mail_hoverbox:hover {
    color: var(--white);
    font-size: 20px;
    font-weight: 400;
    transform: translate(0,-20px);
    box-shadow: 0 0 5px #0000001a
}

.e_item_usdt {
    color: var(--main-co);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    height: 60px;
    padding: 14px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    display: flex
}

.event_head {
    color: var(--white);
    border-left: 8px #72fcde;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 125%
}

.e_itembox {
    background-image: url(../images/letter_back.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 99%;
    border-radius: 10px;
    justify-content: center;
    align-items: flex-end;
    width: 276px;
    min-width: 276px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.event_block1 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: center;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 40px;
    display: flex
}

.event_sc {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-width: 1280px;
    padding-top: 40px;
    display: flex;
    position: relative
}

.e_item_front {
    z-index: 2;
    background-image: url(../images/letter.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 150px;
    padding-top: 60px;
    display: flex;
    position: absolute;
    bottom: 0
}

.event-list-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    margin-top: 34px;
    display: flex
}

.event-list-tap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-bottom: 1px solid #fff3;
    height: 75px;
    display: flex
}

.event-tap-btn {
    background-color: var(--bg-none);
    color: #fff6;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex
}

.event-tap-btn.on {
    border-bottom: 2px solid var(--main-co);
    color: var(--white);
    font-weight: 700
}

.faq-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-bottom: 24px;
    display: flex
}

.faq-list-txt-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: stretch
}

.faq-txt-box {
    flex-flow: column;
    display: flex
}

.event-faq-txt {
    color: #fff9
}

.cs-body {
    flex-flow: column;
    display: flex
}

.cs-banner {
    background-color: var(--black);
    background-image: url(../images/service_banner.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 300px;
    display: flex
}

.cs-banner-title {
    color: var(--white);
    font-size: 32px;
    line-height: 125%
}

.cs-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-top: 100px;
    padding-bottom: 40px;
    display: flex
}

.cs-container.kyc-container {
    justify-content: flex-start;
    align-items: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.cs-card-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex
}

.cs-card {
    color: var(--main-co);
    background-color: #2e2e2e;
    border-radius: 4px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 120px;
    font-size: 20px;
    line-height: 125%;
    transition: all .25s;
    display: flex
}

.cs-card:hover {
    transform: translate(0,-2px);
    box-shadow: 0 2px 10px #0003
}

.cs-notice {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    margin-top: 100px;
    display: flex
}

.notice-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.cs-notice-txt {
    border-bottom: 1px solid var(--line);
    color: var(--black);
    cursor: pointer;
    padding-bottom: 14.5px;
    font-size: 15px;
    line-height: 125%
}

.cs-notice-txt:hover {
    text-decoration: underline
}

.cs-faq {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    margin-top: 100px;
    display: flex
}

.cs-faq-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-bottom: 1px solid var(--line);
    cursor: pointer;
    flex-flow: column;
    padding-bottom: 24px;
    display: flex
}

.cs-faq-list:hover {
    text-decoration: underline
}

.cs-faq-list-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-items: stretch
}

.more-link {
    color: var(--main-co);
    font-size: 15px
}

.service-body {
    flex-flow: column;
    padding-bottom: 40px;
    display: flex
}

.service-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex
}

.service-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    min-width: 200px;
    max-width: 200px;
    display: flex
}

.service-top {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-bottom: 1px solid #eee;
    justify-content: flex-start;
    align-items: center;
    height: 65px;
    display: flex
}

.service-link {
    color: var(--black);
    border-bottom-style: none;
    height: 100%;
    font-size: 18px;
    font-weight: 700
}

.service-link.on {
    border-bottom: 5px solid var(--main-co)
}

.service-right {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 100%;
    padding-bottom: 40px;
    display: flex
}

.service-top-title {
    color: var(--black);
    font-size: 20px;
    font-weight: 600;
    line-height: 125%;
    display: flex
}

.service-wrap-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex
}

.notice-faq-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex
}

.service-title-link.more {
    color: var(--main-co)
}

.service-menu-wrap {
    flex-flow: column;
    display: flex
}

.service-menu-card {
    border-radius: 4px;
    padding: 12px
}

.service-menu-card.on {
    background-color: var(--main-co);
    color: var(--white)
}

.service-detail-top {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex
}

.service-img {
    width: 40px;
    height: 40px
}

.service-info {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.service-detail {
    color: var(--black);
    flex-flow: column;
    min-height: 250px;
    margin-top: 24px;
    font-size: 16px;
    line-height: 125%;
    display: flex
}

.contact-us-input-box {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex
}

.contact-us-input {
    color: var(--black);
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 40px;
    margin-bottom: 0
}

.contact-us-input.text-area {
    min-height: 200px
}

.upload-img {
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 85px;
    display: flex
}

.text-span-3 {
    color: var(--main-co)
}

.contact-submit {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 190px;
    margin-top: 24px;
    display: flex
}

.my-info-body {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex
}

.my-info-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-radius: 4px;
    flex-flow: column;
    max-width: 600px;
    padding: 24px;
    display: flex;
    position: relative;
    box-shadow: 0 2px 5px #0003
}

.my-info-input-box {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex
}

.my-info-input-wrap {
    color: var(--black);
    border: 1px solid #ddd;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 45px;
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 125%;
    display: flex;
    position: relative
}

.my-info-input-wrap.darkmode {
    background-color: var(--darkmode-input);
    border-style: none
}

.myinfo-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 45px
}

.my-info-btn {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 100%;
    font-size: 16px;
    display: flex
}

.info-flex {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center
}

.help-i {
    color: #a6a6af;
    text-align: center;
    cursor: pointer;
    border: 1px solid #a6a6af;
    border-radius: 100%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    font-size: 10px;
    line-height: 125%;
    display: flex
}

.help-i:hover {
    filter: invert()
}

.my-info-flex {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-bottom: 1px solid var(--line);
    align-items: stretch;
    padding-bottom: 24px
}

.logout-btn {
    background-color: var(--bg-none);
    color: var(--black);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 45px;
    min-height: 45px;
    font-size: 16px;
    display: flex;
    box-shadow: 0 0 6px #00000029
}

.logout-btn.kyc-logout {
    min-width: 150px;
    margin-left: auto
}

.logout-btn.darkmode {
    background-color: var(--darkmode-input)
}

.delete-account-btn {
    background-color: var(--red);
    color: var(--white);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    font-size: 16px;
    display: flex
}

.myinfo-flex-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: stretch
}

.post-ads {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 100px;
    display: flex
}

.postads-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex
}

.postads-right {
    flex-flow: column;
    width: 50%;
    padding-top: 40px;
    display: flex;
    position: sticky;
    top: 0
}

.p2p-title-box {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.p2p-title-2 {
    text-align: left;
    padding-right: 40px;
    font-size: 26px;
    font-weight: 700;
    line-height: 40px
}

.fee {
    background-color: #ebebeb;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    width: 458px;
    height: 40px;
    margin-left: 40px;
    padding-left: 14px;
    display: flex
}

.ad-type-btn {
    color: #000;
    background-color: #3898ec00;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 45%;
    height: 85%;
    padding: 0;
    display: flex
}

.ad-type-btn.green {
    background-color: var(--green);
    color: #fff
}

.ad-type-btn.red {
    color: #fff;
    background-color: #f34840;
    height: 85%
}

.arrow-img {
    background-image: url(../images/exchange_off.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 45px;
    height: 45px;
    margin-left: 1%;
    margin-right: 1%
}

.ad-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex
}

.width50 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.width50._2 {
    margin-right: 0
}

.ad-select {
    color: #000;
    background-color: #ebebeb;
    border: 1px #000;
    border-radius: 5px;
    width: 204px;
    height: 40px;
    margin-bottom: 0
}

.ad-f-box {
    width: 80%;
    display: flex
}

.ad-wrap3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 24px;
    display: flex
}

.ad-btn-box {
    background-color: #ebebeb;
    border-radius: 5px;
    justify-content: space-around;
    align-items: center;
    width: 200px;
    height: 45px;
    display: flex;
    overflow: hidden
}

.ad-btn-box.green {
    border-color: #00b4c9
}

.title-sub {
    white-space: nowrap;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.title-sub.custom-mg {
    margin-bottom: 30px
}

.left-title {
    margin-top: 12px;
    font-size: 15px;
    font-weight: 700
}

.ad-wrap2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: var(--black);
    flex-flow: column;
    padding-left: 24px;
    display: flex
}

.ad-wrap-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center
}

.ad-wrap-box.custom-mg {
    margin-top: 12px
}

.ad-post-flex {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-left: 27px
}

.radio-button-field-2 {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    font-size: 15px;
    display: flex
}

.post-radio {
    width: 17px;
    height: 17px;
    margin-top: 0;
    margin-right: 3px
}

.post-label {
    margin-bottom: 0;
    margin-left: 6px
}

.ad-input-box {
    background-color: #f5f5f5;
    border: 1px #000;
    border-radius: 5px;
    width: 100%;
    height: 45px;
    display: flex;
    overflow: hidden
}

.ad-input {
    background-color: var(--bg-none);
    color: #000;
    border: 1px #000;
    width: 95%;
    height: 100%
}

.ad-input-txt {
    color: #a6a6af;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    line-height: 125%;
    display: flex
}

.flex-box-post {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: stretch;
    width: 100%
}

.num-info {
    color: #00000080;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 125%;
    display: flex
}

.text-span-94 {
    color: #edca7e
}

.notes-text-area {
    border: 1px solid #ddd;
    border-radius: 4px;
    min-height: 195px
}

.pop-form {
    width: 100%;
    margin-bottom: 0
}

.buylist_popsection1 {
    color: #333;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 50%;
    padding: 30px 25px
}

.pop-select {
    color: #000;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 5px;
    width: 100%;
    height: 45px;
    margin-bottom: 5px
}

.buylistpop_profile {
    margin-bottom: 15px;
    display: flex
}

.set_nickname_pop {
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0
}

.buylist_popinput {
    border-radius: 4px;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 30px;
    display: flex;
    position: relative
}

.div-block-106 {
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    display: flex
}

.div-block-106.tx {
    display: flex
}

.nickname-txt {
    margin-top: 20px
}

.buylist_popwarp {
    flex-direction: column;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex
}

.form-block-41 {
    width: 100%;
    margin-bottom: 0
}

.form-26 {
    display: flex
}

.input-wrap {
    margin-top: 15px
}

.text-field-27 {
    color: #000;
    background-color: #f3f3f3;
    border: 1px solid #00000026;
    border-radius: 4px;
    height: 40px;
    margin-bottom: 0;
    padding-right: 155px
}

.buylist_pop {
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none
}

.form-block-42 {
    width: 97%;
    margin-top: 10px;
    margin-bottom: 0
}

.pop-gray-txt {
    color: #9e9e9e;
    line-height: 16px
}

.set-nickname-box {
    color: #333;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    flex-direction: column;
    width: 450px;
    padding: 20px;
    display: flex;
    position: relative
}

.warning-icon {
    background-image: url(../images/Warning_250px.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 15px;
    min-width: 15px;
    height: 15px;
    min-height: 15px;
    margin-right: 1%
}

.warning-icon.gray {
    filter: invert(70%) grayscale()
}

.pop-add-nfo-box {
    border-radius: 5px;
    display: flex
}

.text-block-43 {
    text-align: right;
    position: absolute;
    right: 5%
}

.add-now-box {
    color: #333;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    flex-direction: column;
    width: 450px;
    padding: 20px;
    display: flex;
    position: relative
}

.input-addnow {
    color: #000;
    border: 1px solid #00000026;
    border-radius: 5px;
    height: 45px;
    margin-bottom: 0
}

.text-span-90 {
    color: #ff5761
}

.buylist_popsection2 {
    color: #333;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 50%;
    padding: 40px 25px 30px;
    display: flex
}

.form-nickname {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0
}

.input {
    color: #000;
    background-color: #f3f3f3;
    border: 1px solid #00000026;
    border-radius: 4px;
    height: 45px;
    margin-bottom: 0
}

.text-span-91 {
    color: #ff5761
}

.buylist_popbox {
    background-color: #fff;
    border: 1px solid #f3f3f326;
    border-radius: 5px;
    width: 650px;
    height: auto;
    display: flex;
    position: relative
}

.mg-txt-pop {
    margin-bottom: 5px
}

.d_network_check-2 {
    color: #fff;
    background-color: #1da2b4;
    border: 1px solid #1da2b4;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 35px;
    display: flex
}

.d_network_check-2.off {
    background-color: #b3b3b3;
    border-style: none
}

.all-buy {
    color: #333;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    margin-right: 45px;
    transition: all .2s;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.all-buy:hover {
    color: var(--main-co)
}

.buylist_poptitle {
    color: var(--main-co);
    font-weight: 500
}

.pop-nickname-wrap {
    background-color: #fef4e0;
    border-radius: 5px;
    padding: 2%;
    display: flex
}

.add_now_pop {
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0
}

.pm-txt-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding: 12px;
    display: flex
}

.payment-method-title {
    border-left: 2px solid var(--main-co);
    padding-left: .5%;
    padding-right: .5%;
    font-weight: 700;
    line-height: 13px
}

.txt-g {
    color: var(--black);
    font-size: 14px;
    line-height: 125%
}

.txt-g.small {
    color: var(--black);
    font-size: 13px;
    font-weight: 700;
    line-height: 125%
}

.pm-txt {
    word-break: break-all;
    font-size: 12px;
    line-height: 125%
}

.pm-wrap {
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    display: flex
}

.payment-method-list {
    border: 1px solid #ddd;
    border-radius: 4px;
    flex-flow: column;
    width: 100%;
    display: flex
}

.payment-method-list.ads {
    border-color: #ddd;
    border-radius: 4px
}

.pm-flex-box {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 1%;
    display: flex
}

.pm-btn {
    color: #000;
    background-color: #0000;
    padding: 0
}

.payment-method-top {
    background-color: #f5f5f5;
    border-bottom: 1px #000;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
    padding: 12px;
    display: flex
}

.payment-method-btn {
    background-color: var(--main-co);
    color: #000;
    text-align: center;
    white-space: normal;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    max-width: 200px;
    height: 45px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 16px;
    transition: all .2s;
    display: flex
}

.payment-method-btn:hover {
    background-color: var(--main-co-hover)
}

.satuts-txt {
    color: var(--main-co);
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    line-height: 125%;
    display: flex
}

.satuts-txt.buy {
    color: #1ca8ff
}

.price {
    color: var(--black);
    font-weight: 700;
    line-height: 125%
}

.advertisement {
    background-color: #fff;
    border-radius: 5px;
    width: 65%
}

.advertisement.adtbp {
    width: auto;
    height: auto
}

.post-check-box {
    margin-top: 24px
}

.posted-info-box {
    border-bottom: 1px solid #00000026
}

.post-ads-check {
    font-size: 12px
}

.posted-box {
    flex-flow: column;
    padding: 24px;
    display: flex;
    box-shadow: 0 0 6px #0003
}

.status-box {
    border-bottom: 1px solid var(--line);
    height: 60px;
    display: flex
}

.pm-info-txt {
    color: #88888e;
    justify-content: space-between;
    margin-top: 4%;
    margin-bottom: 4%;
    line-height: 125%;
    display: flex
}

.pm-info-txt.mgauto {
    color: #88888e
}

.post-top {
    border-bottom: 1px solid var(--line);
    color: var(--black);
    justify-content: flex-start;
    align-items: center;
    height: 65px;
    font-size: 24px;
    font-weight: 700;
    display: flex
}

.post-btn {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    margin-top: 32px;
    font-size: 14px;
    display: flex
}

.status-img {
    background-image: url(../images/icon4_1icon4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    width: 45px;
    height: 45px
}

.status-img.buy {
    filter: invert()
}

.pm-div-box {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.link {
    color: var(--main-co);
    text-decoration: underline
}

.ads-tap {
    color: var(--black);
    background-color: #3898ec00;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 3px 24px;
    display: flex
}

.ads-tap.on {
    background-color: var(--main-co);
    color: var(--black);
    font-weight: 700
}

.ads-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-top: 24px;
    padding-bottom: 100px;
    display: flex
}

.link-l {
    color: var(--main-co)
}

.search-box {
    background-color: #f7f7f7;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    min-width: 250px;
    height: 40px;
    display: flex
}

.search-btn {
    background-color: #3898ec00;
    background-image: url(../images/search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px
}

.search-text-field {
    background-color: var(--bg-none);
    color: var(--black);
    border: 1px #000;
    height: 100%;
    margin-bottom: 0
}

.post-flex-box {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    white-space: nowrap;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    line-height: 125%
}

.certification-div {
    justify-content: flex-start;
    align-items: center;
    margin-top: 4%;
    display: flex
}

.pm-txt-box-2 {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding: 1.5% 1%;
    display: flex
}

.payment-method-title-2 {
    border-left: 2px solid #1da2b4;
    padding-left: .5%;
    padding-right: .5%;
    font-weight: 700;
    line-height: 13px
}

.user-profile {
    color: #1da2b4;
    background-color: #0000;
    border: 1px solid #f3f3f34d;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    padding: 0;
    font-size: 16px;
    font-weight: 800;
    display: flex
}

.pm-list-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 100%;
    display: flex
}

.user-profile-wrap {
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 100%;
    margin-left: 10px;
    font-size: 12px;
    line-height: 15px;
    display: flex
}

.stick {
    border-left: 1px solid #00000026;
    height: 15px;
    margin-left: 15px;
    margin-right: 15px
}

.user-profile-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px
}

.pm-txt-2 {
    word-break: break-all;
    font-size: 16px
}

.text-span-93 {
    color: #888;
    font-size: 14px;
    font-weight: 400;
    line-height: 125%;
    overflow: auto
}

.user-cneter-box {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    margin-right: 5%;
    display: flex
}

.check-txt-2 {
    color: #20d167;
    white-space: nowrap
}

.user-box {
    justify-content: center;
    align-items: center;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.user-box.p2p {
    justify-content: flex-start;
    align-items: center;
    height: 70px;
    margin-left: 0;
    margin-right: 0
}

.pm-flex-box-2 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 25%;
    margin-right: 1%;
    display: flex
}

.pm-title-txt {
    margin: 0;
    font-size: 24px;
    line-height: 24px
}

.certification-wrap {
    color: var(--main-co);
    white-space: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    margin-right: 10px;
    display: flex
}

.certification-wrap.nocheck {
    filter: grayscale();
    justify-content: flex-start;
    align-items: center
}

.p2pbox {
    width: 100%;
    min-height: 750px;
    margin-right: auto;
    padding: 40px 70px 50px;
    position: relative
}

.p2pbox.user-center {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 3px;
    flex-flow: column;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex
}

.text-span-92 {
    font-size: 24px;
    font-weight: 700
}

.check-icon {
    background-image: url(../images/check_on.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 13px;
    height: 13px;
    margin-right: 3px
}

.payment-method-top-2 {
    background-color: #f8f8f8;
    border-bottom: 1px #000;
    justify-content: flex-start;
    align-items: center;
    height: 45px;
    padding-left: 1%;
    padding-right: 2%;
    display: flex
}

.p2p-wrap {
    padding-top: 20px;
    padding-bottom: 20px
}

.p2p-wrap.mg {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2%;
    padding-right: 2%;
    display: flex
}

.p2p-wrap.p2p {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex
}

.p2p-wrap.user {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.p2p-wrap.user.line {
    border-radius: 4px;
    width: 100%;
    padding: 24px;
    box-shadow: 0 0 6px #0003
}

.pm-div {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.addnow-btn {
    background-color: var(--main-co);
    color: #000;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    height: 45px;
    margin-left: auto;
    padding-left: 24px;
    padding-right: 24px;
    display: flex
}

.copy-trade-top {
    background-color: #282826;
    flex-flow: column;
    width: 100%;
    height: 200px;
    padding-top: 35px;
    display: flex
}

.copy-trade-tap {
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    display: flex
}

.copy-trade-menu {
    border-bottom: 1px solid var(--line);
    flex-flow: column;
    height: 65px;
    margin-bottom: 12px;
    display: flex
}

.copy-trade-tap-btn {
    background-color: var(--bg-none);
    color: #8f8e92;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    display: flex
}

.copy-trade-tap-btn.on {
    border-bottom: 2px solid var(--main-co);
    color: var(--black);
    font-weight: 700
}

.copy-trade-info {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    display: flex
}

.copy-trade-info-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.copy-trader {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: #838383;
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 45px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    transition: all .2s;
    display: flex
}

.copy-trader:hover {
    background-color: #fff
}

.copy-trader.w--current {
    width: auto;
    padding-right: 15px
}

.copy-trader.w--current:hover {
    box-shadow: none
}

.copy-trader.on {
    color: var(--main-co)
}

.copy-trade-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    margin-bottom: 24px;
    display: flex
}

.follow-detail-txt {
    color: #777
}

.follow-txt-box {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    display: flex
}

.follow-sub-txt {
    color: var(--black)
}

.follow-sub-txt.main-color {
    color: var(--main-co)
}

.follow-detail {
    color: #fff;
    flex-flow: column;
    width: 100%;
    min-height: 140px;
    display: flex
}

.follow-info-txt {
    color: var(--black)
}

.user-name {
    margin-right: auto;
    font-size: 24px;
    line-height: 32px
}

.follow-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--line);
    color: var(--black);
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 24px;
    transition: all .2s;
    display: flex
}

.follow-link-txt {
    color: var(--main-co);
    justify-content: flex-end;
    align-items: flex-end;
    display: flex
}

.follow-number {
    margin-top: auto
}

.follow-wrap {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: flex-start;
    align-items: flex-end;
    height: 45px;
    margin-top: auto;
    display: flex
}

.user-profile-2 {
    width: 80px;
    height: 80px
}

.follow-btn {
    background-color: var(--main-co);
    color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 100%;
    font-size: 16px;
    display: flex
}

.follow-link {
    margin-left: auto
}

.follow-detail-top {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: var(--black);
    justify-content: flex-start;
    align-items: center;
    height: 45px;
    display: flex
}

.follow-list-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: stretch
}

.result_detail {
    color: var(--black);
    margin-left: auto;
    font-weight: 400
}

.result_txtbox {
    color: #88888e;
    margin-top: 8px;
    margin-bottom: 8px;
    line-height: 125%;
    display: flex
}

.result_detail-2 {
    color: gray;
    margin-left: auto;
    font-weight: 500
}

.resultarea {
    flex-direction: column;
    width: 700px;
    height: 100%;
    margin-left: 45px;
    display: flex;
    position: relative
}

.result_box {
    color: #333;
    background-color: #fff;
    border-radius: 5px;
    flex-flow: column;
    margin-bottom: 10px;
    padding: 15px 20px;
    display: flex;
    position: relative;
    box-shadow: 0 2px 5px #0003
}

.tpsl_cancle-2 {
    color: #1da2b4;
    background-color: #fff;
    border: 1px solid #1da2b4;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 45px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: auto 0 0 auto;
    box-shadow: 0 2px 5px #0003
}

.result_titletxt {
    border-bottom: 1px solid var(--line);
    color: var(--black);
    margin-top: 10px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    line-height: 125%
}

.result_complete_txtbox {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex
}

.image-121 {
    width: 25px;
    height: 25px;
    margin-top: 5px;
    margin-right: 15px
}

.compleete_txt {
    font-size: 20px;
    line-height: 125%
}

.chattong_area {
    margin-bottom: 10px;
    display: flex
}

.chattong_area._1 {
    justify-content: flex-start
}

.chattong_area._2 {
    justify-content: flex-end
}

.chattbox-2 {
    height: 80%;
    padding: 15px
}

.chatting {
    z-index: 1;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 5px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 350px;
    height: 600px;
    display: flex;
    position: absolute;
    bottom: 100px;
    right: 0;
    box-shadow: 0 2px 5px #0003
}

.chatting_block {
    flex-flow: column;
    width: 70%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex
}

.text-input-chat {
    color: #000;
    background-color: #f3f3f3;
    border: 1px #000;
    border-radius: 4px;
    height: 100%;
    margin-bottom: 0
}

.code-embed {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    display: flex
}

.chat_scroll {
    text-align: left;
    width: 100%;
    height: 100%;
    overflow: auto
}

.click-file-box {
    cursor: pointer;
    margin-top: 10px;
    display: none
}

.file-btn {
    color: #1da2b4;
    text-align: center;
    white-space: normal;
    word-break: break-all;
    background-color: #0000;
    background-image: url(../images/file.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 15%;
    height: 43px;
    margin-left: 5px;
    padding: 0;
    display: flex
}

.chatting_time {
    color: #ffffff80;
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px
}

.chatting_time._2 {
    text-align: right
}

.chat-img {
    margin-left: auto
}

.chat-img.left {
    margin-left: 0;
    margin-right: auto
}

.chattingbox-2 {
    color: var(--black);
    background-color: #f1f1f1;
    border-radius: 4px;
    margin-top: 5px;
    padding: 10px
}

.chattingbox-2._2 {
    background-color: #1e2329
}

.send-chat {
    background-color: var(--main-co);
    color: #1da2b4;
    background-image: url(../images/send.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    min-width: 30px;
    height: 100%;
    padding: 5px 10px;
    display: flex
}

.chatting_inpublock {
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    display: flex
}

.chat_profile {
    background-color: var(--main-co);
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
    display: flex
}

.flex-p2p {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center
}

.list_profilecircle {
    background-color: var(--white);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 37px;
    height: 37px;
    display: flex
}

.chattingbox {
    background-color: #f1f1f1;
    border-radius: 4px;
    padding: 12px;
    line-height: 125%
}

.chattingbox.black {
    color: var(--white);
    background-color: #1e2329
}

.flex-chat-box {
    background-color: #f1f1f1;
    border-radius: 24px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    overflow: hidden
}

.logo-link {
    margin-right: 35px
}

.bg-modal,.trade-menu {
    display: flex
}

.price-volatility {
    color: var(--black);
    font-size: 12px
}

.price-volatility.red {
    color: var(--red)
}

.price-volatility.darkmode {
    background-color: var(--darkmod)
}

.bit-mobile-btn-box {
    display: none
}

.order-btn {
    color: #777;
    background-color: #1f2023;
    background-image: url(../images/arrow_down.svg);
    background-position: 85%;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding: 0 30px 0 15px;
    display: flex
}

.order-btn.bbo {
    background-image: none;
    border-radius: 16px;
    margin-left: 10px;
    padding-right: 15px
}

.order_txt1 {
    color: var(--black);
    justify-content: space-between;
    width: 100%;
    height: 20px;
    font-size: 12px;
    display: flex
}

.order_txt1.darkmode {
    background-color: var(--bg-none)
}

.order_txt1.perpetual {
    height: auto
}

.futures-right {
    flex-flow: column;
    width: 100%;
    min-height: 90vh;
    display: flex
}

.bg-color-stick-box {
    z-index: 1;
    color: var(--red);
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 21px;
    display: flex;
    position: absolute;
    left: 0
}

.futures-info-box {
    background-color: #000;
    border-radius: 8px;
    width: 100%;
    min-height: 350px;
    max-height: 50vh;
    margin-top: 10px
}

.futures-info-box.spot-box {
    background-color: var(--white)
}

.futures-info-box.futures {
    background-color: var(--white);
    max-height: 55vh;
    margin-top: 3px
}

.futures-info-box.futures.darkmode {
    background-color: var(--darkmod);
    color: var(--white);
    max-height: 55vh
}

.futures-info-box.futures.spot-mg {
    margin-top: 3px
}

.futures-info-box.spot-info {
    background-color: var(--white)
}

.futures-info-box.spot-info.darkmode {
    background-color: var(--darkmod)
}

.futures-left {
    background-color: #000;
    border-radius: 8px;
    flex-flow: column;
    width: 25%;
    min-width: 300px;
    min-height: 90vh;
    display: flex
}

.futures-left.spot-exchange {
    background-color: var(--white)
}

.futures-left.spot-exchange.darkmode {
    background-color: var(--darkmod);
    color: var(--white)
}

.futures-left.spot-left {
    background-color: var(--white)
}

.futures-left.spot-left.darkmode {
    background-color: var(--darkmod)
}

.price-volatility-txt {
    color: #f04558;
    width: 100%;
    font-size: 12px;
    line-height: 125%;
    display: flex
}

.price-volatility-txt.green {
    color: #25c295
}

.price-volatility-txt.white {
    color: #fff
}

.price-volatility-txt.red {
    color: #f04558
}

.price-volatility-txt.dar {
    color: var(--black)
}

.price-volatility-txt.dar.darkmode {
    background-color: var(--bg-none);
    color: var(--white)
}

.perpetual-content {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    background-color: #f8f8f8;
    flex-flow: column;
    min-width: 1200px;
    display: flex
}

.perpetual-content.darkmode {
    background-color: #000
}

.mobile-back-btn {
    display: none
}

.trade-wrap {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    min-width: 1400px;
    margin-left: 3px;
    margin-right: 3px;
    padding-bottom: 3px;
    display: flex
}

.trade-wrap.futures {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    margin-left: 3px;
    margin-right: 3px
}

.trade-wrap.futures.darkmode {
    background-color: #272727
}

.order-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    padding: 10px;
    display: flex
}

.bit-txt {
    font-size: 20px;
    font-weight: 400;
    line-height: 125%
}

.quantitybar_percentbar {
    z-index: 1;
    background-color: var(--main-co);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 50%;
    max-width: 100%;
    height: 100%;
    display: flex;
    position: absolute
}

.input-box-order {
    background-color: #f5f5f5;
    border-radius: 4px;
    width: 100%;
    height: 45px;
    margin-right: 5px;
    display: flex;
    overflow: hidden
}

.input-box-order.spot {
    border-radius: 4px;
    margin-right: 3px
}

.input-box-order.spot.darkmode,.input-box-order.darkmode {
    border: 1px none var(--line);
    background-color: var(--darkmode-input)
}

.quantitybar_box {
    border: 1px solid var(--main-co);
    background-color: var(--white);
    color: #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 25px;
    font-size: 12px;
    display: flex;
    position: absolute;
    bottom: 25px
}

.form-block-2 {
    margin-bottom: 0
}

.price-bit-txt {
    color: var(--black);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 18px;
    font-weight: 700;
    display: flex
}

.price-bit-txt.red {
    color: var(--red);
    font-weight: 400
}

.price-bit-txt.green {
    color: var(--green);
    width: 140px;
    font-weight: 400;
    line-height: 125%
}

.price-bit-txt.green.monone {
    display: none
}

.price-bit-txt.mo-txt-price {
    color: var(--green);
    font-weight: 400;
    line-height: 125%
}

.price-bit-txt.mo-txt-price.monone,.price-bit-txt.mo-txt-price.monone-copy {
    display: none
}

.bit-dropdown-box {
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative
}

.deal-info-txt {
    color: var(--black);
    font-size: 12px
}

.deal-info-txt.darkmode {
    background-color: var(--darkmod)
}

.futures-info-list-top {
    border-bottom: 1px solid var(--line);
    flex-flow: row;
    height: 35px;
    display: flex
}

.tap-spto {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    border-bottom: 1px solid #333;
    height: 35px;
    padding-left: .875rem;
    padding-right: .875rem;
    display: flex
}

.bit-txt-box {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.mobile-trade-tap {
    display: none
}

.position-txt {
    font-size: 16px;
    font-weight: 700
}

.position-txt.long {
    color: #25c295
}

.position-txt.short {
    color: #f04558
}

.red-bar {
    color: #f1493f;
    margin-left: auto
}

.ordertxt {
    text-align: center;
    justify-content: center;
    width: 9%;
    display: flex
}

.ordertxt.right {
    justify-content: flex-end;
    margin-right: 0
}

.ordertxt.left {
    text-align: left;
    justify-content: flex-start
}

.start-txt {
    color: #777;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 380px;
    font-size: 12px;
    display: none
}

.bottom-call {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: 30px;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: .75rem;
    padding-right: .65rem;
    display: flex
}

.order-btn-box {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    height: 40px;
    display: flex
}

.order-btn-box.spot-box {
    height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.order-info-txt {
    color: #777;
    font-size: 12px;
    display: flex
}

.order-info-txt.big-txt {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--black);
    justify-content: flex-start;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    line-height: 125%
}

.order-info-txt.big-txt.darkmode {
    background-color: var(--darkmod);
    color: var(--white)
}

.order-info-txt.big {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 125%
}

.order-info-txt.big.darkmode {
    color: var(--white)
}

.order-info-txt.small {
    color: #00000080;
    margin-left: 4px;
    font-size: 10px;
    line-height: 100%
}

.order-info-txt.small.darkmode {
    color: #ffffff80
}

.call-price-box {
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    height: 22px;
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex;
    position: relative
}

.quantitybar_block {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 20px;
    display: flex
}

.buy-btn {
    background-color: var(--green);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    height: 45px;
    font-weight: 700;
    transition: all .2s;
    display: flex
}

.buy-btn:hover {
    background-color: #00d392
}

.bar-red {
    background-color: #f1493f;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    width: 70%;
    height: 4px
}

.order-btn-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
}

.order-btn-wrap.spot-box {
    border-radius: 0
}

.plus {
    color: #777;
    text-align: center;
    background-color: #1f2023;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50%;
    margin-bottom: 1.5px;
    padding: 0;
    display: flex
}

.deal-info-wrap {
    height: 100%;
    padding-top: 15px;
    display: flex
}

.call-top {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    border-bottom: 1px solid var(--line);
    height: 40px;
    padding-left: .875rem;
    padding-right: .875rem;
    font-weight: 700;
    display: flex
}

.status-bar-txt {
    color: #26c99b;
    width: 100%;
    margin-top: 3px;
    font-size: .75rem;
    line-height: 1;
    display: flex
}

.iso-txt {
    border: 1px solid var(--main-co);
    color: var(--black);
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    padding: 1px 4px;
    font-size: 12px;
    line-height: 16px;
    display: flex
}

.futures-list-box {
    height: 90%
}

.call-top-txt {
    color: #777;
    width: auto;
    font-size: .75rem;
    line-height: 1rem
}

.call-top-txt.w20 {
    text-align: left;
    width: 20%
}

.call-top-txt.w20.size-txt {
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.call-top-txt.w20.size-txt.green {
    color: var(--green);
    font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
    position: relative
}

.call-top-txt.w20.size-txt.red {
    color: var(--red);
    font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
    position: relative
}

.call-top-txt.w40 {
    text-align: right;
    width: 40%
}

.call-top-txt.w40.size-txt {
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.call-top-txt.w40.size-txt.black {
    color: var(--black);
    font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
}

.call-top-txt.w40.size-txt.black.darkmode {
    color: var(--white)
}

.call-top-txt.w40.size-txt.black.none,.call-top-txt.w40.size-txt.darkmode,.call-top-txt.w40.size-txt.darkmode.none {
    font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
}

.start-txt-link {
    color: #00e0ff;
    margin-right: 5px
}

.start-txt-link:hover {
    color: #6ef5fc
}

.start-txt-link.mg {
    margin-left: 5px
}

.trade-top {
    background-color: var(--white);
    color: var(--black);
    justify-content: flex-start;
    align-items: center;
    min-width: 1200px;
    height: 60px;
    padding: 0 25px;
    display: flex;
    position: relative
}

.trade-top.darkmode {
    background-color: var(--darkmod)
}

.futures-list-txt {
    color: #777;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 14.3%;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px;
    display: flex
}

.futures-list-txt.sub {
    font-weight: 500
}

.futures-list-txt.sub.cancle {
    background-color: var(--white);
    color: var(--red);
    cursor: pointer;
    font-size: 14px
}

.futures-list-txt.sub.cancle:hover {
    text-decoration: underline
}

.futures-list-txt.sub.short {
    color: #f04558;
    font-weight: 700
}

.futures-list-txt.sub.long {
    color: var(--green);
    font-weight: 700
}

.futures-list-txt.sub.right.flex-down {
    text-align: right;
    flex-flow: column;
    justify-content: center;
    align-items: flex-end
}

.futures-list-txt.sub.right.flex-down.green {
    color: var(--green)
}

.futures-list-txt.sub.right.flex-down.red {
    color: var(--red)
}

.futures-list-txt.sub.darkmode {
    background-color: var(--bg-none);
    color: var(--white)
}

.futures-list-txt.right {
    justify-content: flex-end;
    align-items: center
}

.order-input-txt {
    color: var(--black);
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: .7rem;
    padding-right: .7rem;
    display: flex
}

.order-input-txt.spot-txt {
    display: none
}

.order-input-txt.mobile-none.darkmode,.order-input-txt.darkmode {
    background-color: var(--darkmode-input)
}

.leverage-txt {
    display: none
}

.deal-btn {
    border: 1px solid var(--88co);
    color: var(--black);
    text-align: center;
    background-color: #3898ec00;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    width: 31%;
    height: 35px;
    padding: 0;
    font-size: 12px;
    transition: all .2s;
    display: flex
}

.deal-btn:hover {
    background-color: #ffffff26
}

.deal-btn.darkmode {
    background-color: var(--darkmode-input);
    border-style: none
}

.checkbox-field-2 {
    line-height: 125%
}

.position-block {
    color: #fff;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px;
    display: flex
}

.position-block.short {
    color: var(--white);
    background-color: #f04558
}

.position-block.long {
    color: #fff;
    background-color: #25c295
}

.bit-small-txt {
    color: var(--black);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

.bar-green {
    background-color: #26c99b;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    width: 30%;
    height: 4px
}

.order-txt-box {
    grid-column-gap: .15rem;
    grid-row-gap: .15rem;
    flex-flow: column;
    display: flex
}

.order-txt-box.mobile-none {
    padding-left: 10px;
    padding-right: 10px
}

.order-txt-box.line-top {
    border-top: 1px solid var(--line)
}

.bit-info-box {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center
}

.order-tap-box {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    border-bottom: 1px solid var(--line);
    justify-content: flex-start;
    align-items: center;
    height: 35px;
    min-height: 35px;
    padding-left: .875rem;
    padding-right: .875rem;
    display: flex
}

.order-tap-box.darkmode {
    background-color: var(--darkmod)
}

.call-top-txt-box {
    justify-content: space-between;
    height: 16px;
    margin-top: .3rem;
    margin-bottom: .5rem;
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex
}

.trade-fisrt-mobile {
    display: none
}

.green-txt {
    color: #00e0ff
}

.position-txt-span {
    color: var(--black);
    margin-left: 5px
}

.position-txt-span.red {
    color: var(--red)
}

.position-txt-span.green {
    color: var(--green)
}

.position-txt-span.darkmode {
    background-color: var(--darkmod)
}

.futures-list {
    border-bottom: 1px solid var(--line);
    flex-flow: row;
    height: 50px;
    min-height: 50px;
    display: flex
}

.bar-status-box {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    flex-flow: row;
    width: 100%;
    display: flex
}

.position-box {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.spot-btn {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex
}

.spot-btn.sell {
    color: #6f7887;
    background-color: #ebebeb;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-weight: 700
}

.spot-btn.sell.on {
    background-color: var(--red);
    color: var(--white)
}

.spot-btn.buy {
    color: #6f7887;
    background-color: #ebebeb;
    font-weight: 700
}

.spot-btn.buy.on {
    background-color: var(--green);
    color: var(--white);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.call-middle-txt {
    color: var(--black);
    font-size: 20px;
    font-weight: 700
}

.call-middle-txt.right-txt {
    margin-left: auto;
    font-size: 16px
}

.call-middle-txt.right-txt.darkmode {
    background-color: var(--darkmod)
}

.call-middle-txt.green {
    color: #25c295
}

.call-middle-txt.whitemod {
    color: var(--white)
}

.call-middle-txt.darkmode {
    background-color: var(--darkmod)
}

.quantitybar {
    cursor: pointer;
    background-color: #eee;
    border-radius: 100px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 3px;
    display: flex;
    position: relative
}

.futures-top-wrap-box {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.futures-top-wrap-box.mobile-txt {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 140px
}

.futures-top-wrap-box.flex-right-mo,.mobile-txt-box-div {
    display: none
}

.bg-color-stick {
    height: 100%
}

.bg-color-stick.red {
    background-color: #f1493f29;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    width: 80%
}

.bg-color-stick.red.example-width40 {
    width: 40%
}

.bg-color-stick.red.example-width60 {
    width: 60%
}

.bg-color-stick.red.example-width20 {
    width: 20%
}

.bg-color-stick.green {
    background-color: #26c99b2b;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    width: 80%
}

.bg-color-stick.green.example-width40 {
    width: 40%
}

.bg-color-stick.green.example-width30 {
    width: 30%
}

.bg-color-stick.green.example-width60 {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    width: 60%
}

.bg-color-stick.green.example-width20 {
    width: 20%
}

.tl-txt {
    color: var(--black)
}

.tl-txt.darkmode {
    background-color: var(--darkmod)
}

.red-txt {
    color: #f04558
}

.futures-info-tap-box {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: 1px solid var(--line);
    justify-content: flex-start;
    align-items: center;
    height: 45px;
    padding-left: .875rem;
    padding-right: .875rem;
    display: flex
}

.position-info-txt {
    color: #777;
    font-size: 12px;
    display: flex
}

.spot-tap {
    color: #7a7a7a;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    font-size: 12px;
    font-weight: 700;
    display: flex
}

.spot-tap.on {
    color: #fff;
    border-bottom: 1px solid #fff
}

.chart {
    background-color: var(--white);
    border-radius: 8px;
    width: 80%;
    min-width: 815px
}

.chart.darkmode {
    background-color: #161824
}

.notice-block {
    display: none
}

.futures-info-tap {
    color: #7a7a7a;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    font-weight: 700;
    display: flex
}

.futures-info-tap.on {
    border-bottom: 1px solid var(--black);
    color: #000
}

.futures-info-tap.on.darkmode {
    color: #fff
}

.sltp-btn {
    background-color: var(--main-co);
    color: #000;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 35px;
    padding: 0;
    font-size: 12px;
    transition: all .2s;
    display: flex
}

.sltp-btn:hover {
    background-color: var(--main-co-hover)
}

.order-info-span {
    margin-left: auto
}

.call-chart-area {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    min-height: 500px;
    display: flex
}

.call-chart-area.spot {
    grid-column-gap: 3px;
    grid-row-gap: 3px
}

.deal-info-block {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.deal-info-block.custom-mg {
    margin-top: auto
}

.call-box {
    background-color: var(--white);
    border-radius: 8px;
    flex-flow: column;
    width: 25%;
    min-width: 300px;
    display: flex
}

.call-box.spot._2 {
    display: none
}

.call-box.trade-history {
    flex-flow: column;
    display: none
}

.call-box.darkmode {
    background-color: var(--darkmod)
}

.bit-info-box2 {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.futures-wrap-block {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: row
}

.futures-wrap-block.spot {
    grid-column-gap: 0;
    grid-row-gap: 0;
    justify-content: flex-start;
    align-items: center
}

.futures-colornine {
    color: #777;
    font-size: 13px;
    line-height: 125%
}

.futures-colornine.mobile-txt {
    line-height: 125%
}

.deal-wrap-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 25%;
    height: 100%;
    display: flex
}

.deal-wrap-box.line-sltp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    border-left: 1px dotted #5f5f5f;
    align-items: stretch;
    width: 30%;
    padding-left: 12px
}

.minus {
    color: #777;
    text-align: center;
    background-color: #1f2023;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 50%;
    margin-top: 1.5px;
    padding: 0;
    display: flex
}

.position-info-box {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    display: flex;
    overflow: auto
}

.deal-info-box {
    flex-flow: column;
    min-height: 155px;
    padding: 15px;
    display: flex
}

.input-wrap-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex
}

.input-wrap-box.gap-w {
    grid-column-gap: 0;
    grid-row-gap: 0
}

.input-wrap-box.gap-w.mo-flex,.input-wrap-box.gap-w.none {
    display: none
}

.order-tap {
    color: #7a7a7a;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    font-size: 14px;
    line-height: 125%;
    display: flex
}

.order-tap.on {
    border-bottom: 2px solid var(--black);
    color: var(--black)
}

.order-tap.on.darkmode {
    background-color: var(--darkmod);
    color: var(--white)
}

.input-wrap-2 {
    background-color: #000;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 40px;
    height: 45px;
    display: flex;
    overflow: hidden
}

.quantitybar_percentcircle {
    z-index: 1;
    border: 2px solid var(--main-co);
    background-color: var(--white);
    cursor: pointer;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    transition: background-color .2s;
    display: flex;
    position: absolute;
    right: -12px
}

.futures-tap {
    color: #7a7a7a;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    display: flex
}

.futures-tap.on {
    border-bottom: 1px solid var(--black);
    color: var(--black)
}

.futures-tap.on.darkmode {
    color: var(--white)
}

.futures-tap.darkmode {
    background-color: var(--bg-none);
    color: #fff6
}

.futures-list-wrap {
    flex-flow: column;
    max-height: 90%;
    display: flex;
    overflow: auto
}

.call-middle {
    justify-content: flex-start;
    align-items: center;
    height: 32px;
    min-height: 32px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex
}

.order-input {
    color: var(--black);
    background-color: #fff0;
    border: 1px #000;
    height: 100%;
    margin-bottom: 0
}

.order-input.spot-input {
    color: var(--black)
}

.order-input.darkmode {
    background-color: var(--darkmode-input)
}

.bit-wrap {
    background-image: url(../images/down_off.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding-right: 15px
}

.futures-info-list {
    flex-flow: column;
    height: 100%;
    display: flex
}

.futures-info-list.order-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none
}

.futures-info-list.recent-list {
    display: none;
    overflow: visible
}

.futures-info-list.trigger-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none
}

.link-2 {
    color: #00e0ff
}

.order-info-span-2 {
    color: #fff;
    margin-left: auto
}

.order-info-span-2.link {
    color: #777;
    font-size: 12px;
    font-weight: 400
}

.spot-flex-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 15px;
    display: flex
}

.spot-link {
    color: #777;
    text-decoration: underline
}

.checkbox-field {
    justify-content: flex-end;
    display: flex
}

.main_noticepop {
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0
}

._25img {
    opacity: .3;
    filter: invert();
    width: 25px;
    height: 25px
}

.mainpopbtn {
    color: #000;
    background-color: #febe40;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    font-size: 17px;
    display: flex
}

.warp2 {
    align-items: flex-end;
    width: 100%;
    height: 40px;
    display: flex;
    position: relative
}

.form-block-15 {
    height: 20px;
    margin-bottom: 0;
    font-size: 14px;
    position: absolute;
    inset: auto 0 0 auto
}

.checkbox-label-2 {
    margin-bottom: 0;
    margin-left: 5px
}

.main_popfeild {
    border: 1px solid #00000026;
    border-radius: 2px;
    width: 100%;
    height: 460px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    overflow: auto
}

.mainpop_block {
    background-color: #fff;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    width: 1040px;
    height: 600px;
    padding: 35px 30px 30px;
    display: block;
    position: relative
}

.menu-wrap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 50px
}

.search-btn-mobile {
    background-color: #3898ec00;
    background-image: url(../images/search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 40px;
    height: 40px;
    display: none
}

.hamberger-menu {
    display: none
}

.order-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    white-space: nowrap;
    border-bottom: 1px #333;
    justify-content: space-between;
    align-items: center;
    height: 45px;
    padding-left: .875rem;
    padding-right: .875rem;
    display: flex
}

.order-top-btn {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    cursor: pointer;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 30px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 125%;
    display: flex
}

.order-top-btn.w30 {
    width: 100%;
    font-size: 12px;
    line-height: 125%
}

.order-top-btn.darkmode {
    border: 1px none var(--line);
    background-color: var(--darkmode-input)
}

.order-btn-2 {
    background-color: var(--green);
    color: var(--white);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 50%;
    font-size: 12px;
    font-weight: 400;
    transition: all .2s;
    display: flex
}

.order-btn-2.short-btn {
    background-color: var(--red);
    color: #fff;
    transition: all .2s
}

.checkbox-15 {
    margin-top: 0
}

.checkbox-label-3 {
    color: #fff
}

.check-box-spot {
    color: var(--black);
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    display: flex
}

.spot-label {
    margin-bottom: 0;
    margin-left: 6px;
    font-size: 12px;
    line-height: 125%
}

.spot-label.darkmode {
    background-color: var(--darkmod)
}

.price-volatility-2 {
    color: #f04558;
    margin-left: 15px;
    font-size: 12px
}

.price-volatility-2.mg {
    margin-left: auto
}

.price-volatility-2.mg.funding.white {
    font-size: 12px
}

.price-volatility-txt-2 {
    color: #f04558;
    width: 100%;
    font-size: 12px;
    display: flex
}

.price-volatility-txt-2.funding.mobile-txt {
    color: var(--main-co);
    line-height: 125%
}

.futures-colornine-2 {
    color: #777;
    font-size: 13px
}

.trade-top-info {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--white);
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    margin-top: 3px;
    padding: 5px 25px;
    display: flex
}

.trade-top-info.darkmode {
    background-color: var(--darkmod)
}

.coin-info-box {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.coin-name {
    color: var(--black);
    line-height: 125%
}

.coin-name.darkmode {
    background-color: var(--darkmod)
}

.coin-rate {
    color: var(--black);
    line-height: 125%
}

.coin-rate.green {
    color: var(--green)
}

.coin-rate.red {
    color: var(--red)
}

.main_bottombtn {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90px;
    display: flex
}

.mobile-mini-chart {
    display: none
}

.btnlist {
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-left: 20px;
    display: flex
}

.btnlist.footer,.mobile {
    display: none
}

.white_topbtn {
    color: #000;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    height: 100%;
    padding: 0 14px;
    transition: background-color .4s;
    display: flex
}

.white_topbtn:hover {
    text-decoration: underline
}

.white_topbtn.click {
    color: #fff;
    text-decoration: underline
}

.title3 {
    text-align: left;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px
}

.text-block-12 {
    line-height: 30px
}

.tradingpop_block {
    flex-direction: row;
    width: 100%;
    height: 100%;
    display: flex
}

.check_box {
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    display: flex
}

.tpsl_price2 {
    color: var(--main-co);
    margin-left: auto;
    font-weight: 700
}

.tpsl_price2.red {
    color: var(--red)
}

.tpsl_pop {
    z-index: 0;
    background-color: #00000026;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: relative
}

.order-txt {
    text-align: center;
    justify-content: center;
    width: 9%;
    display: flex
}

.order-txt.left {
    text-align: left;
    justify-content: flex-start
}

.order-txt.right {
    justify-content: flex-end;
    margin-right: 0
}

.tpsl_btnblock {
    border-radius: 4px;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    display: flex
}

.modepop {
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none
}

.popximg {
    opacity: .7;
    width: 20px;
    height: 20px
}

.tpsl_poptitle {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 25px
}

.div-block-153 {
    color: #fff;
    border-radius: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 15px;
    display: flex;
    position: relative;
    top: 0
}

.closebtn {
    background-color: #3898ec00;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 100%;
    display: flex
}

.text-field-13-copy {
    color: #000;
    background-color: #f3f3f3;
    border: 1px #000;
    border-radius: 5px;
    height: 37px;
    font-size: 13px
}

.text-field-13-copy.darkmode {
    background-color: var(--darkmode-input)
}

.enter-input {
    color: #fff;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    width: 74%;
    height: 40px;
    margin-bottom: 0
}

.popx {
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-right: 15px;
    display: flex;
    position: absolute;
    inset: 0 0 auto auto
}

.text-span-68 {
    color: gray
}

.div-block-155 {
    z-index: 1;
    color: #fff;
    flex-flow: column;
    grid-template-rows: 70px 70px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 20px;
    display: flex;
    position: static;
    inset: auto auto 5%
}

.text-block-11 {
    font-size: 14px
}

.trade_p_btnblock {
    background-color: #000;
    border-radius: 4px;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    display: flex
}

.tradepop_block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: stretch;
    width: 50%;
    display: flex
}

.tpsl_poptxt {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    display: flex
}

.quantitybar_block-2 {
    align-items: center;
    width: 94%;
    height: 20px;
    margin: 25px auto 5px;
    padding-right: 5px;
    display: flex
}

.modal_logo {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 40px;
    display: flex
}

.popup-wrap-box {
    width: 100%
}

.quantitybar_percentbar-2 {
    z-index: 1;
    background-color: #1da2b4;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 50%;
    max-width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

.checkicon {
    filter: invert();
    height: 10px
}

.tpsl-pop-box {
    color: #000;
    background-color: #fff;
    border: 1px solid #ffffff1a;
    border-radius: 5px;
    flex-direction: column;
    width: 450px;
    padding: 25px 30px 20px 25px;
    display: flex;
    position: relative
}

.close-link {
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    display: flex;
    position: absolute;
    inset: 2% 3% auto auto
}

.mob_leveragepop {
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none
}

.position-box-wrap {
    border-bottom: 1px solid #ffffff4d;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px
}

.ordertxt4 {
    color: #777
}

.modepop_box {
    color: #000;
    background-color: #fff;
    border: 1px solid #ffffff26;
    border-radius: 2px;
    flex-direction: column;
    width: 500px;
    padding: 30px 30px 25px;
    display: flex;
    position: relative
}

.tpsl_btn {
    background-color: var(--main-co);
    color: var(--black);
    border-right: 1px solid #ffffff26;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 100%;
    padding: 0 5px;
    font-size: 12px;
    transition: background-color .2s;
    display: flex
}

.tpsl_btn:hover {
    color: #1da2b4;
    background-color: #fff
}

.tpsl_btn.left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.tpsl_btn.left.click {
    border: 1px solid var(--main-co-hover);
    color: var(--main-co);
    background-color: #fff;
    font-weight: 700
}

.tpsl_btn.right {
    border-right-style: none;
    border-right-color: #00b4c9;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.long {
    color: var(--green)
}

.modepop_btnarea {
    justify-content: space-between;
    height: 45px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex
}

.labtn-n {
    color: #fff;
    background-color: #00b4c9;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    width: 49%;
    height: 44px;
    font-weight: 500;
    display: flex
}

.labtn-n:hover {
    color: #00b4c9;
    background-color: #fff;
    border: 1px #00b4c9
}

.settle-complete__box {
    color: #fff;
    background-color: #000;
    background-image: url(../images/5_1.png);
    background-position: 0 0;
    background-size: cover;
    border: 1px solid #00000026;
    border-radius: 5px;
    flex-direction: column;
    align-items: center;
    width: 480px;
    height: 520px;
    font-size: 13px;
    font-weight: 300;
    display: flex;
    position: relative;
    box-shadow: 1px 1px 5px #000
}

.form-block-26 {
    flex-flow: column;
    width: 100%;
    margin-bottom: 0;
    display: flex
}

.mob_asidepop_block {
    display: flex
}

.pop_btn2 {
    letter-spacing: 1px;
    background-color: #1da2b4;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 40px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex
}

.lacanbtn-n {
    color: #fff9;
    background-color: #0000;
    border: 1px solid #fff6;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    width: 49%;
    height: 44px;
    font-weight: 500;
    display: flex
}

.lacanbtn-n:hover {
    background-color: #ffffff1a
}

.clearing_pop {
    color: #333;
    background-color: #fff;
    border: 1px solid #ffffff1a;
    border-radius: 2px;
    flex-direction: column;
    width: 550px;
    padding: 30px 30px 20px;
    display: flex;
    position: relative
}

.clearing_pop.mo {
    display: flex
}

.clearing_pop.darkmode.mo {
    display: none
}

.tpsl_price {
    color: var(--green);
    margin-left: auto;
    font-weight: 700
}

.tpsl_price.red {
    color: var(--red)
}

.form-15 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.tradelistbox2 {
    flex-direction: column;
    display: flex
}

.reset-btn {
    color: var(--black);
    background-color: #f5f5f5;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 40px;
    margin-left: 10px;
    padding: 0;
    font-size: 14px;
    display: flex
}

.reset-btn:hover {
    background-color: var(--main-co)
}

.reset-btn.darkmode {
    background-color: var(--darkmode-input)
}

.close-img-mo-none {
    opacity: .3;
    filter: invert();
    width: 25px;
    height: 25px
}

.wr {
    margin-left: 3px
}

.link-block-5 {
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    display: flex
}

.modepop_btn {
    color: #000;
    letter-spacing: 2px;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 48%;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    display: flex
}

.modepop_btn.click {
    border-color: var(--main-co);
    background-color: var(--main-co);
    color: var(--black)
}

.modepop_btn.darkmode {
    background-color: var(--darkmode-input)
}

.modepop_btn.darkmode.click {
    background-color: var(--main-co)
}

.labtnbox-n {
    justify-content: space-between;
    width: 90%;
    margin-top: 15px;
    display: none
}

.mob_asidepop {
    display: flex
}

.text-span-67 {
    color: gray
}

.text-block-99 {
    margin-top: 50px;
    padding-left: 20px;
    font-size: 24px;
    font-weight: 400;
    line-height: 48px
}

.text-block-9 {
    margin-bottom: 10px;
    font-size: 17px
}

.order_warn {
    color: #000;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 700px;
    min-height: 85px;
    padding: 20px;
    display: flex;
    box-shadow: 0 0 7px 4px #00000026
}

.order_warn.darkmode {
    background-color: var(--darkmod);
    color: #fff
}

.quantitybar_circle {
    z-index: 1;
    background-color: #e6e6e6;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    display: flex;
    position: absolute;
    left: -1%
}

.quantitybar_circle._50 {
    left: 50%
}

.quantitybar_circle._100 {
    left: 99%
}

.quantitybar_circle._25 {
    left: 25%
}

.quantitybar_circle._75 {
    left: 75%
}

.quantitybar_circle.on {
    background-color: #1da2b4
}

.dqr {
    width: 100%;
    font-size: 20px;
    display: flex
}

.settle-complete {
    background-color: #0000004d;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0
}

.leverage_block {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex
}

.leverage_block.mob {
    color: #000;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 2px;
    width: 550px;
    padding: 25px 25px 20px;
    position: relative
}

.leverage_block.mob.black {
    border-radius: 15px
}

.leverage_block.mob.black.darkmode {
    background-color: var(--darkmod);
    color: var(--white);
    border-style: none
}

.s_txt-3._2 {
    font-size: 13px
}

.quantitybar-2 {
    background-color: #e6e6e6;
    border-radius: 100px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    height: 5px;
    display: flex;
    position: relative
}

.assetlist {
    justify-content: flex-start;
    min-height: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
    display: flex
}

.assetlist.s12 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    line-height: 125%
}

.tradepop_warp {
    justify-content: space-between;
    align-items: center;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 14px;
    display: flex
}

.order_success {
    align-items: center;
    display: flex
}

.quantitybar_box-2 {
    color: #000;
    background-color: #fff;
    border: 1px solid #1da2b4;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 25px;
    font-size: 14px;
    display: flex;
    position: absolute;
    bottom: 25px
}

.profilename {
    color: #000;
    margin-right: 5px
}

.order-txt-block {
    justify-content: space-between;
    width: 100%;
    height: 20px;
    margin-bottom: 14px;
    font-size: 12px;
    display: flex
}

.order-txt-block.custom-mg {
    margin-bottom: 0
}

.referral_code_txt {
    text-align: left;
    font-size: 40px;
    line-height: 55px
}

.div-block-151 {
    color: gray;
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    display: flex
}

.div-block-151.w100 {
    color: #fff;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%
}

.image-98 {
    max-width: none;
    margin-left: 20px;
    display: block
}

.form-position {
    margin-top: 15px;
    position: relative
}

.pop_warn {
    color: var(--red);
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    margin-top: 15px;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 700
}

.pop_warn.black {
    color: var(--black);
    background-color: #f5f5f5
}

.order_fail {
    align-items: center;
    display: none
}

.quikpoptxt {
    text-align: center;
    background-color: #f3f3f3;
    border: 1px solid #ffffff26;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 170px;
    margin-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 20px;
    font-weight: 400;
    line-height: 125%;
    display: flex
}

.quikpoptxt.dartmode {
    background-color: var(--darkmode-input);
    border-style: none
}

.tradingpop {
    color: #000;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 2px;
    flex-direction: column;
    width: 500px;
    padding: 30px 30px 20px;
    display: flex;
    position: relative
}

.tradingpop.quick {
    color: #000
}

.tradingpop.quick.darkmode {
    background-color: var(--darkmod);
    color: var(--white);
    display: none
}

.leverage_warp {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex
}

.leverage_warp.popup-mg {
    align-items: stretch
}

.tpsl_poptxt2 {
    color: var(--green);
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    display: flex
}

.tpsl_poptxt2.red {
    color: var(--red)
}

.trade_inputbox2 {
    color: #000;
    background-color: #f3f3f3;
    border: 1px solid #ffffff26;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    display: flex
}

.trade_inputbox2.darkmode {
    background-color: var(--darkmode-input);
    border-style: none
}

.form-block-7 {
    width: 50%;
    margin-bottom: 0
}

.check-img {
    width: 24px;
    height: 24px;
    margin-right: 15px
}

.tradepop {
    z-index: 10;
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    inset: 0
}

.tradepop.no-padding {
    display: none
}

.utillitypop {
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    inset: 0
}

.quantitybar_percentcircle-2 {
    z-index: 1;
    background-color: #1da2b4;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    transition: background-color .2s;
    display: flex;
    position: absolute;
    right: -15px
}

.quantitybar_percentcircle-2:hover {
    background-color: #094246
}

.tpsl_popinput {
    color: #000;
    background-color: #f3f3f3;
    border: 1px #00000026;
    width: 70%;
    height: 35px;
    margin-bottom: 0;
    padding-left: 15px
}

.tpsl_popinput::placeholder {
    color: #ffffff80
}

.tpsl_popinput.darkmode {
    background-color: var(--darkmode-input);
    color: var(--white)
}

.checkbox-2 {
    align-items: center;
    margin-top: 10px;
    margin-bottom: 5px;
    display: flex
}

.image-97 {
    width: 100px;
    margin-right: 10px
}

.div-block-156 {
    justify-content: center;
    align-items: center;
    display: flex
}

.div-block-152 {
    z-index: 1;
    color: #fff;
    flex-flow: row;
    grid-template-rows: 70px 70px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 20px;
    display: flex;
    position: static;
    inset: auto auto 5%
}

.image-100 {
    width: 30px;
    height: 30px;
    margin-left: 10px
}

.image-100._1 {
    height: 30px;
    margin-left: 0
}

.text-block-8 {
    color: var(--main-co);
    font-size: 18px;
    font-weight: 700
}

.enter-btn {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    width: 25%;
    height: 40px;
    padding: 0;
    font-size: 15px;
    transition: background-color .4s;
    display: flex
}

.tpslpop_inputarea {
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    display: flex
}

.s_txt {
    justify-content: center;
    align-items: center;
    width: 18%;
    padding-left: 5px;
    padding-right: 5px;
    display: flex
}

.pop_scroll {
    object-fit: fill;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 80%;
    display: flex;
    overflow: auto
}

.ordertxt3 {
    opacity: .7;
    color: var(--black);
    text-align: right;
    letter-spacing: 0;
    margin-left: auto;
    font-size: 12px;
    font-weight: 500
}

.h-2 {
    color: #fff;
    text-align: center;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    display: flex
}

.h-2.hr {
    flex-flow: column;
    justify-content: flex-start;
    width: auto;
    margin-right: 0
}

.pop_yieldtxt {
    z-index: 1;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 120px;
    margin-top: 20px;
    padding: 10px 15px 10px 20px;
    font-size: 72px;
    font-weight: 700;
    line-height: 75px;
    display: flex;
    position: static;
    top: 28%
}

.pop_yieldtxt.up {
    color: #33e799;
    justify-content: center;
    margin-top: 0
}

.top-menu-wrap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%
}

.mo-btn-flex {
    color: var(--white);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex
}

.mo-btn-flex.on,.mo-btn-flex.no.on {
    color: var(--main-co);
    border-radius: 5px
}

.close-menu {
    cursor: pointer;
    display: none
}

.payment-box {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center
}

.half-width50 {
    width: 50%
}

.darkmode {
    background-color: var(--darkmod);
    color: var(--white)
}

.whitemod {
    color: var(--black)
}

.legal_box {
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    flex-direction: column;
    height: 550px;
    margin-bottom: 18px;
    padding: 8px;
    display: flex;
    overflow: auto
}

.legal_box._2 {
    display: none
}

.legal_title {
    margin-top: 0;
    margin-bottom: 14px
}

.checkbox-label-4 {
    margin-bottom: 0
}

.legal_btn {
    background-color: #1da2b4;
    border-radius: 4px;
    position: absolute;
    inset: auto 20px 30px auto
}

.legal_btn.no {
    background-color: #bfbfbf
}

.legal_btn._2 {
    background-color: var(--main-co);
    color: var(--black);
    left: 20px;
    right: auto
}

.legal_subtitle {
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: 500
}

.legal_l {
    border-radius: 4px
}

.image-123 {
    opacity: .3;
    filter: invert();
    width: 25px;
    height: 25px
}

.legal_pop {
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none
}

.checkbox-field-4 {
    color: #333;
    justify-content: center;
    align-items: flex-start;
    width: 60%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    display: flex
}

.checkbox-6 {
    margin-right: 4px
}

.legal_block {
    color: #333;
    background-color: #fff;
    border-radius: 4px;
    width: 600px;
    padding: 55px 30px 30px;
    position: relative
}

.legal-wrap {
    flex-flow: column;
    align-items: stretch;
    margin-bottom: 15px;
    display: flex
}

.my-info-img {
    cursor: pointer;
    width: 30px;
    height: 30px
}

.my-info-img.whitemod {
    filter: invert()
}

.text-field-17 {
    color: #000;
    background-color: #f3f3f3;
    border: 1px solid #00000026;
    border-radius: 5px;
    height: 40px
}

.text-field-17-copy {
    color: #000;
    background-color: #f3f3f3;
    border: 1px solid #00000026;
    border-radius: 5px;
    width: 75%;
    height: 40px
}

.influ_login_block {
    flex-direction: column;
    width: 100%;
    height: 400px;
    display: flex
}

.influ_frame {
    flex-direction: column;
    width: 100%;
    font-family: Notosanskr,Arial,sans-serif;
    display: flex
}

.influ_login {
    flex-direction: column;
    align-items: center;
    width: 500px;
    padding-top: 70px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex
}

.image-50 {
    height: 100px;
    margin-bottom: 30px
}

.influe-btn {
    background-color: #1da2b4;
    border: 1px solid #00a688;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 25%;
    margin-bottom: 10px;
    margin-left: 15px;
    padding: 0;
    display: flex
}

.influe-btn:hover {
    color: #fff;
    background-color: #0000;
    background-image: linear-gradient(45deg,#00b4c9,#7a35ce);
    border-color: #00000026
}

.warp {
    display: flex
}

.influ_logintop {
    background-color: #1da2b4;
    min-height: 75px
}

.influ_loginwarp {
    margin-bottom: 20px
}

.influ_title3 {
    margin-bottom: 10px
}

.influ_title2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 35px;
    font-weight: 500;
    line-height: 35px
}

.influ_loginblock {
    color: #333;
    background-color: #fff;
    justify-content: center;
    min-height: 100dvh;
    display: flex
}

.influ-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.influ-box.width50 {
    align-items: stretch;
    width: 50%
}

.influ-wrap-max {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 8px;
    align-items: stretch;
    min-width: 448px;
    padding: 24px;
    box-shadow: 0 2px 5px #0003
}

.flex-influ {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex
}

.influ-top {
    background-color: var(--black);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 70px;
    display: flex
}

.logo-box-influ {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.text-block-100 {
    color: var(--main-co);
    font-family: Notosanskr,Arial,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 125%
}

.influe-wrap {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex
}

.influ-cotents {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    display: flex
}

.influ-search {
    color: var(--black);
    background-color: #0000;
    border-radius: 20px;
    justify-content: flex-end;
    align-items: center;
    width: 85px;
    height: 40px;
    padding: 0 20px 0 0;
    display: flex;
    position: absolute;
    inset: 0
}

.influ_tabletop {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 5px;
    width: 100%;
    height: 50px;
    display: flex
}

.influ_logo {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    margin-bottom: 40px;
    display: flex
}

.influ_mainblock1 {
    background-color: #fff;
    border-radius: 5px;
    flex-direction: column;
    justify-content: space-between;
    min-width: 1300px;
    height: 160px;
    margin-bottom: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    display: flex;
    box-shadow: 0 1px 5px 1px #0000004d
}

.influ_exsit {
    display: none
}

.my-link {
    color: var(--black);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 25px;
    font-family: Notosanskr,Arial,sans-serif;
    font-weight: 400;
    text-decoration: underline;
    display: flex
}

.influ-form {
    align-items: flex-end;
    height: 100%;
    display: flex
}

.influ_block2 {
    flex-flow: column;
    width: 15%;
    min-width: 250px;
    padding-top: 50px;
    display: flex
}

.influ_sidebtndeco {
    z-index: -1;
    background-color: var(--main-co);
    width: 50%;
    height: 1px;
    position: absolute;
    left: 0
}

.text-field-16 {
    background-color: #f7f7f7;
    border-radius: 5px;
    height: 40px;
    margin-bottom: 0;
    font-weight: 500
}

.influ_pagigng {
    justify-content: center;
    align-items: center;
    height: 30px;
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex
}

.button-27 {
    color: #000;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0;
    font-size: 15px;
    display: flex
}

.button-27.next {
    color: #fff;
    background-color: #6d3bfb
}

.button-27.click {
    color: #00a688;
    text-decoration: underline
}

.influ_mainblock2 {
    background-color: #fff;
    border-radius: 10px;
    min-width: 1300px;
    min-height: 650px;
    margin-top: 25px;
    padding: 25px 15px;
    box-shadow: 0 1px 5px 1px #0006
}

.influ_mainblock2.custom-mg {
    min-height: auto
}

.influ_title1 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px
}

.invert {
    filter: invert();
    width: 18px;
    height: 18px;
    margin-left: 15px
}

.invert.size-s {
    cursor: pointer;
    width: 12px;
    height: 12px
}

.invert.nomg {
    margin-left: 0
}

.influ-txt {
    font-size: 15px
}

.influ_linkbox {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
    display: flex
}

.pagingblock {
    margin-left: 15px;
    margin-right: 15px;
    display: flex
}

.link_boxwarp {
    background-color: #fff;
    border-radius: 10px;
    align-items: center;
    width: 150px;
    height: 45px;
    display: flex;
    position: relative
}

.main-co-btn {
    z-index: 0;
    border: 1px solid var(--main-co);
    color: var(--black);
    background-color: #fff;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 45px;
    padding: 0;
    font-family: Notosanskr,Arial,sans-serif;
    display: flex;
    position: absolute
}

.main-co-btn.click {
    background-color: var(--main-co);
    color: var(--black)
}

.influ_titletext {
    color: var(--black)
}

.and-txt {
    justify-content: center;
    align-items: center;
    height: 40px;
    margin-right: 15px;
    font-size: 20px;
    display: flex
}

.button-23 {
    background-color: #f34840;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 40px;
    padding: 0;
    display: flex
}

.mob_sidebtn-2 {
    display: none
}

.influ_block {
    width: 100%;
    display: flex
}

.influ_searchbtnwarp {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 20px;
    align-items: center;
    width: 85px;
    min-width: 85px;
    height: 40px;
    min-height: 40px;
    display: flex;
    position: relative;
    inset: 0
}

.influ_top {
    justify-content: flex-end;
    align-items: center;
    height: 60px;
    padding-right: 20px;
    display: flex
}

.influ_date_warp {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 200px;
    height: 100%;
    margin-right: 20px;
    display: flex
}

.influ_date_warp.custom-width {
    width: auto
}

.influ_tablelist {
    border-left: 1px solid #e6e6e6;
    justify-content: center;
    align-items: center;
    width: 10%;
    padding: 10px;
    display: flex
}

.influ_tablelist.right {
    text-align: center;
    word-break: break-all;
    border-left-style: none
}

.influ_tablelist.list4 {
    border-left: 1px solid #e6e6e6;
    width: 24%
}

.influ_tablelist.list3 {
    border-left-color: #e6e6e6;
    width: 16%
}

.mobbackdark {
    display: none
}

.influ_sidebtnbox {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    display: flex;
    position: relative
}

.for-block-influ {
    height: 65px;
    margin-bottom: 0
}

.influ_tablelcontent {
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    height: 50px;
    display: flex
}

.image-49 {
    filter: hue-rotate(135deg) sepia();
    width: 20px;
    position: absolute;
    left: 20px
}

.influ_block1 {
    width: 85%;
    min-width: 85%;
    min-height: 950px
}

.influ_mainblock {
    color: #000;
    background-color: #f2f2f2;
    border-radius: 40px 0 0;
    min-width: 1040px;
    height: 100%;
    padding: 30px;
    box-shadow: inset 0 2px 5px #0003
}

.text-logo {
    color: var(--main-co);
    font-family: Notosanskr,Arial,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 125%
}

.influ-table {
    flex-flow: column;
    display: flex
}

.influ_tabletop-2 {
    background-color: #1da2b4;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    display: flex
}

.image-47 {
    height: 100px;
    padding: 10px 20px
}

.influ_logo-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    margin-bottom: 40px;
    display: flex
}

.link-3 {
    color: #1da2b4;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 25px;
    font-weight: 500;
    display: flex
}

.form-27 {
    align-items: flex-end;
    height: 100%;
    display: flex
}

.influ_sidebtndeco-2 {
    z-index: -1;
    background-color: #1da2b4;
    width: 50%;
    height: 1px;
    position: absolute;
    left: 0
}

.text-field-28 {
    background-color: #f7f7f7;
    border-radius: 5px;
    height: 40px;
    margin-bottom: 0;
    font-weight: 500
}

.influ_frame-2 {
    flex-direction: column;
    width: 100%;
    display: flex
}

.arrow-btn {
    color: #000;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0;
    font-size: 15px;
    display: flex
}

.arrow-btn.next {
    background-color: var(--black);
    color: #fff;
    border-radius: 100%;
    width: 25px;
    height: 25px
}

.arrow-btn.click {
    color: var(--main-co);
    text-decoration: underline
}

.image-124 {
    width: 18px;
    height: 18px;
    margin-left: 15px
}

.text-block-18 {
    font-size: 15px
}

.button-25 {
    z-index: 0;
    color: #333;
    background-color: #fff;
    border: 1px solid #1da2b4;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 45px;
    padding: 0;
    display: flex;
    position: absolute
}

.button-25.click {
    color: #fff;
    background-color: #1da2b4
}

.influ-select {
    border-radius: 5px;
    height: 40px;
    margin-bottom: 0
}

.influ_titletext-2 {
    color: #fff
}

.text-block-101 {
    justify-content: center;
    align-items: center;
    height: 40px;
    margin-right: 15px;
    font-size: 20px;
    display: flex
}

.influ-btn {
    background-color: #f34840;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 40px;
    padding: 0;
    display: flex
}

.influ-input-form {
    height: 70px;
    margin-bottom: 0
}

.text7 {
    align-items: center;
    margin-left: 10px;
    line-height: 125%;
    display: flex
}

.image-125 {
    width: 20px;
    position: absolute;
    left: 20px
}

.influ_mainblock3 {
    background-color: #fff;
    border-radius: 50px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 1300px;
    height: 55px;
    padding-left: 20px;
    display: flex;
    box-shadow: 0 1px 5px 1px #0006
}

.influ_tabletop-3 {
    background-color: #1da2b4;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    display: flex
}

.image-126 {
    height: 100px;
    padding: 10px 20px
}

.influ_logo-3 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    margin-bottom: 40px;
    display: flex
}

.link-4 {
    color: #1da2b4;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 25px;
    font-weight: 500;
    display: flex
}

.form-28 {
    align-items: flex-end;
    height: 100%;
    display: flex
}

.influ-input {
    background-color: #f7f7f7;
    border-radius: 5px;
    height: 40px;
    margin-bottom: 0;
    font-weight: 500
}

.influ_frame-3 {
    flex-direction: column;
    width: 100%;
    display: flex
}

.button-30 {
    color: #000;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0;
    font-size: 15px;
    display: flex
}

.button-30.next {
    color: #fff;
    background-color: #6d3bfb
}

.button-30.click {
    color: #00a688;
    text-decoration: underline
}

.image-127 {
    width: 18px;
    height: 18px;
    margin-left: 15px
}

.text-block-102 {
    font-size: 15px
}

.button-31 {
    z-index: 0;
    color: #333;
    background-color: #fff;
    border: 1px solid #1da2b4;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 45px;
    padding: 0;
    display: flex;
    position: absolute
}

.button-31.click {
    color: #fff;
    background-color: #1da2b4
}

.button-32 {
    background-color: #f34840;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 40px;
    padding: 0;
    display: flex
}

.influ_tablebox {
    width: 100%;
    min-height: 500px
}

.influ-form-block {
    height: 70px;
    margin-bottom: 0
}

.image-128 {
    width: 20px;
    position: absolute;
    left: 20px
}

.influ-table_instance {
    white-space: nowrap;
    border: 1px #000;
    line-height: 125%;
    display: block
}

.influ-table_cell {
    text-align: center;
    border: 1px solid #e4e4e4;
    padding: 10px
}

.influ-table_row {
    text-align: left;
    border: 1px #000;
    height: 45px
}

.influ-table_body {
    border: 1px #000
}

.influ-table_table {
    text-align: left;
    border-collapse: collapse;
    border: 1px #000;
    width: 100%
}

.influ-table-top {
    background-color: var(--main-co);
    text-align: left;
    border: 1px #000;
    height: 50px;
    overflow: hidden
}

.influ-table-wrap {
    flex-flow: column;
    align-items: stretch;
    display: flex
}

.inlfu-link {
    color: #181cff;
    margin-left: 4px
}

.influ-top-box {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex
}

.short {
    color: var(--red)
}

.service-flex-box {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 100%
}

.service-table_instance {
    white-space: nowrap;
    display: block;
    overflow: auto
}

.service-table_cell {
    text-align: center;
    border: 1px #000;
    padding: 8px;
    line-height: 125%
}

.service-table_cell.num {
    max-width: 97.7344px
}

.service-table_cell.title {
    min-width: 250px
}

.service-table_row {
    color: var(--black);
    text-align: left;
    cursor: pointer;
    border: 1px #000;
    height: 40px
}

.service-table_row:hover {
    background-color: #f8f8f8
}

.service-table_body {
    border: 1px #000
}

.service-table_table {
    text-align: left;
    border-collapse: collapse;
    border: 1px #000;
    width: 100%
}

.service-table-top {
    color: #88888e;
    text-align: left;
    background-color: #f7f7f7;
    border: 1px #000
}

.button-33 {
    margin-left: auto
}

.service-btn {
    background-color: var(--main-co);
    color: #000;
    text-align: center;
    border-radius: 5px;
    width: 200px;
    margin-left: auto
}

.runtimequote-txt {
    align-items: center;
    min-width: 100px;
    margin-right: 5px;
    display: flex
}

.runtimequote-txt.down {
    color: #f34840
}

.runtimequote-txt.up {
    color: var(--green)
}

.empty_star {
    width: 20px
}

.empty_star.on {
    width: 15px;
    display: block
}

.empty_star.off {
    display: none
}

.trade_coinsub {
    z-index: 0;
    color: #333;
    background-color: #fff;
    border-radius: 5px;
    width: 440px;
    padding-bottom: 5px;
    font-weight: 700;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    overflow: auto;
    box-shadow: 0 0 3px 3px #00000026
}

.trade_coinsub.darkmode {
    background-color: var(--darkmod);
    color: var(--white);
    display: none
}

.trade_coiningo_warp {
    border-radius: 4px;
    width: 100%;
    max-height: 350px;
    display: block
}

.trade_coinsublist {
    border-bottom: 1px solid #ffffff26;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 50px;
    min-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    display: flex
}

.trade_coinsublist:hover {
    background-color: #ffffff26
}

.coinsub_info {
    display: flex
}

.coin-top {
    border-bottom: 1px solid #ffffff80;
    align-items: center;
    height: 40px;
    padding-left: 30px;
    display: flex
}

.coinsub_toptxt {
    width: 65px;
    margin-left: 10px;
    margin-right: 30px
}

.coinsub_toptxt.coin {
    margin-right: 5px
}

.fav_star_tab {
    cursor: pointer;
    width: 15px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px
}

.fav_star_tab:hover {
    filter: brightness(107%)
}

.coin-img-drop {
    width: 25px;
    height: 25px;
    margin-left: 8px;
    margin-right: 8px
}

.coinsub_tab {
    border-bottom: 1px solid #00000026;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
    font-weight: 500;
    display: flex;
    overflow: visible
}

.coinsub_infotxt {
    min-width: 100px
}

.coinsub_infotxt.right.low {
    color: #f34840
}

.coinsub_infotxt.high {
    color: var(--green)
}

.text-block-15 {
    min-width: 50px;
    margin-right: 10px;
    font-size: 15px
}

.star {
    width: 20px
}

.star.off {
    display: none
}

.star.on {
    width: 15px;
    display: block
}

.tab {
    text-align: center;
    width: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 700
}

.tab.on {
    border-bottom: 2px solid var(--main-co)
}

.sl-tp-box {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    align-items: stretch;
    display: none
}

.notice-txt {
    white-space: nowrap
}

.notice-wrap-box {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 13px;
    margin-left: 15px
}

.close-notice {
    cursor: pointer;
    width: 15px;
    height: 15px
}

.notice-rolling {
    white-space: nowrap;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    overflow: hidden
}

.cancle-btn {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 5px;
    transition: all .2s
}

.cancle-btn:hover {
    background-color: var(--main-co-hover)
}

.popupframe {
    background-color: #00000040;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.popupframe.edit {
    display: none
}

.limit-edit-pop {
    background-color: #00000040;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    display: none
}

.limit-edit-top {
    color: var(--black);
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 125%;
    display: flex
}

.edit-input {
    color: var(--black);
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    min-height: 40px;
    margin-bottom: 0;
    line-height: 125%
}

.input-box-edit {
    color: var(--black);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.popup-flexbox {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.pop-btn {
    color: var(--black);
    background-color: #fff0;
    border: 1px solid #dbdbdb;
    border-radius: 5px
}

.detail-btn {
    color: var(--green);
    text-decoration: none
}

.detail-btn:hover {
    text-decoration: underline
}

.txid {
    background-color: #f0eeed;
    padding: 4px 6px
}

.limit-edit-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--white);
    border-radius: 4px;
    align-items: stretch;
    width: 400px;
    padding: 16px
}

.trade-history-list {
    justify-content: flex-start;
    align-items: center;
    height: 43px;
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex
}

.div-block-157 {
    display: flex
}

.button-95 {
    color: #ff7200;
    text-align: center;
    background-color: #ffe8d6;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.unverified-btn {
    background-color: var(--main-co);
    color: var(--black);
    text-align: center;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-right: -12px;
    display: flex
}

.identity-wrap {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.check-my-uid {
    width: 15px;
    height: 15px;
    margin-right: 5px
}

.identity-txt {
    font-size: 12px;
    font-weight: 500
}

.identity-box {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    height: 100%
}

.my-info-input {
    background-color: #fff0;
    border: 1px #000;
    height: 100%;
    margin-bottom: 0;
    padding-left: 0
}

.my-info-input.none {
    display: none
}

.hover-myinfo {
    filter: invert();
    position: relative
}

.info_tooltip {
    z-index: 1;
    color: #fff;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 5px;
    width: 300px;
    padding: 16px;
    display: none;
    position: absolute;
    top: 18px;
    left: 0;
    box-shadow: 0 2px 5px #0003
}

.text-block-40 {
    color: #333
}

.wallet-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    align-items: stretch;
    display: none
}

.wallet-wrap.flex {
    display: flex
}

.table-top {
    min-height: 40px;
    display: flex
}

.table-30 {
    justify-content: flex-start;
    align-items: center;
    width: 30%;
    min-width: 300px;
    padding: 8px;
    display: flex
}

.table-30.right {
    justify-content: flex-end;
    align-items: center
}

.table-20 {
    justify-content: flex-start;
    align-items: center;
    width: 20%;
    min-width: 200px;
    padding: 8px;
    display: flex
}

.table-20.right {
    justify-content: flex-end;
    align-items: center
}

.table-25 {
    justify-content: flex-start;
    align-items: center;
    width: 25%;
    min-width: 250px;
    padding: 8px;
    display: flex
}

.table-25.right {
    justify-content: flex-end;
    align-items: center
}

.table-list {
    border-bottom: 1px solid var(--line);
    display: flex
}

.table-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: stretch
}

.copyt_box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #ffffff0a;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 700px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    box-shadow: 0 0 5px 1px #00000026
}

.text-block-107 {
    color: #333
}

.text-field-35 {
    color: #000;
    background-color: #f3f3f3;
    border: 1px solid #00000026;
    border-radius: 5px;
    width: 200px;
    height: 40px;
    margin-bottom: 0
}

.copyoption_coinsub {
    border-top: 1px solid #ffffff26;
    margin-top: 15px;
    display: block
}

.copyoption_coinsub.on {
    border-top-color: #00000026;
    flex-direction: column;
    display: flex
}

.follow0img {
    height: 90px;
    margin-right: 20px
}

.follow-setting-btn {
    color: #333;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 40px;
    margin-right: 10px;
    padding: 0 10px;
    display: flex
}

.follow-setting-btn.click {
    background-color: var(--main-co);
    color: var(--black);
    text-align: center;
    border-style: none;
    justify-content: center;
    align-items: center;
    display: flex
}

.form-18 {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex
}

.follow-txt-setting {
    align-self: center;
    width: 110px;
    margin-right: 0
}

.copy_btnwarp2 {
    display: flex
}

.copyt_block4 {
    background-color: #fff;
    border-radius: 5px;
    flex-direction: column;
    justify-content: flex-start;
    width: 1300px;
    min-height: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 30px;
    display: flex;
    box-shadow: 0 2px 5px #0003
}

.copyt_followwarp2 {
    height: 60px;
    margin-top: 5px;
    display: flex
}

.follow-btn-s {
    color: #333;
    text-align: center;
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 40px;
    margin-right: 10px;
    padding: 0 10px;
    display: flex
}

.follow-btn-s.click {
    background-color: var(--main-co);
    color: var(--black);
    border-style: none
}

.apply-btn {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.form-block-31 {
    height: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}

.copyt_warp2 {
    flex-direction: column;
    justify-content: space-between;
    margin-right: 10px;
    display: flex
}

.div-block-160 {
    border: 1px solid var(--line);
    background-color: #fff;
    border-radius: 5px;
    width: 250px;
    padding: 10px;
    display: flex;
    position: absolute;
    top: 22px;
    left: 0;
    box-shadow: 0 2px 5px #0003
}

.copyt_followwarp {
    align-items: center;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex
}

.copyttitle {
    justify-content: flex-start;
    width: 100%;
    display: flex
}

.followname {
    font-size: 30px;
    line-height: 35px
}

.checkbox-field-6 {
    justify-content: space-between;
    align-items: center;
    width: 80px;
    margin-left: 15px;
    margin-right: 15px;
    display: flex
}

.my_tooltip_circle-2 {
    color: gray;
    cursor: pointer;
    border: 2px solid gray;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    display: flex;
    position: relative
}

.my_tooltip_circle-2:hover {
    color: #333;
    border-color: #333
}

.copyt_user {
    background-color: #fff;
    border-radius: 5px;
    align-items: center;
    width: 1300px;
    height: 150px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 50px;
    padding-right: 20px;
    display: flex;
    box-shadow: 0 2px 5px #0003
}

.checkbox-10 {
    background-color: #f3f3f3;
    margin-top: 0
}

.checkbox-10.w--redirected-checked {
    background-color: #35ce7a;
    border-color: #35ce7a
}

.copy_title_wrap {
    margin-right: 15px;
    display: flex
}

.copyt_title {
    background-color: #fff;
    border-radius: 4px;
    align-items: center;
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 50px;
    display: flex;
    box-shadow: 0 2px 5px #0003
}

.copyt_radio {
    align-items: center;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex
}

.follow-input {
    color: #000;
    background-color: #f3f3f3;
    border: 1px solid #00000026;
    border-radius: 5px;
    width: 200px;
    height: 40px;
    margin-bottom: 0
}

.title7 {
    text-align: center;
    margin-bottom: 10px;
    padding-left: 5px;
    font-size: 30px;
    line-height: 40px;
    display: flex
}

.tooltip-circle {
    color: gray;
    cursor: pointer;
    border: 2px solid gray;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    display: flex;
    position: relative
}

.tooltip-circle:hover {
    color: #333;
    border-color: #333
}

.title8 {
    color: #000;
    font-size: 30px;
    line-height: 35px
}

.copywarp3 {
    justify-content: flex-end;
    align-items: center;
    height: 35px;
    margin-bottom: 10px;
    display: flex
}

.copyt_email {
    align-items: center;
    width: 65%;
    display: flex
}

.copyt_followoption {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    height: 100%;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex
}

.followertxt-2 {
    color: gray;
    margin-right: 5px
}

.text-block-113 {
    margin-top: 5px
}

.follow-btn-info {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 40px;
    display: flex
}

.text-block-111 {
    color: gray;
    align-items: flex-start;
    max-width: 800px;
    min-height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex
}

.profile-img {
    height: 91px;
    margin-right: 30px
}

.copyt_title-2 {
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    align-items: center;
    width: 1300px;
    margin: 50px auto;
    padding: 20px 50px;
    display: flex;
    box-shadow: 0 2px 5px #0003
}

.trade-btn-info {
    color: var(--black);
    text-align: center;
    background-color: #0000;
    border: 1px solid #00000026;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 40px;
    margin-bottom: -1px;
    padding: 0 5px;
    font-size: 14px;
    display: flex
}

.trade-btn-info.click {
    background-color: var(--main-co);
    color: var(--black);
    border-style: none;
    width: 200px
}

.futureicon_listbox {
    grid-column-gap: 15px;
    grid-row-gap: 25px;
    flex-direction: column;
    grid-template-rows: 50px 50px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    width: 100%;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: grid
}

.futureicon_listbox._1 {
    grid-row-gap: 0;
    padding-top: 10px
}

.futureicon_listbox._1.off {
    grid-column-gap: 15px;
    grid-row-gap: 0;
    flex-flow: wrap;
    grid-template-rows: 50px 50px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    max-height: 160px;
    display: flex
}

.futureicon_listbox._2 {
    grid-column-gap: 15px;
    grid-row-gap: 5px;
    background-color: #fff0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    flex-flow: wrap;
    grid-template-rows: 50px 50px 40px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    min-height: 160px;
    max-height: 160px;
    padding-top: 0;
    font-weight: 700;
    display: none;
    overflow: auto;
    box-shadow: 0 2px 5px #0003
}

.select_futureicon-2 {
    background-color: #fff;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    display: flex
}

.select_futureicon-2:hover {
    color: #1da2b4
}

.select_futureicon-2.on {
    color: #fff;
    background-color: #00b4c9;
    border-bottom: 1px #1da2b4;
    border-radius: 5px;
    display: flex
}

.futureicon-2 {
    background-color: #fff;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    display: flex
}

.futureicon-2.on {
    color: #fff;
    background-color: #00b4c9
}

.copy_info {
    font-size: 18px;
    line-height: 20px
}

.copy_info.down {
    color: var(--red)
}

.copy_info.up {
    color: var(--green)
}

.futureicon_block {
    justify-content: center;
    max-height: 200px;
    display: flex;
    overflow: auto
}

.trade-wrap-box {
    background-color: #f3f3f300;
    border-radius: 4px;
    width: 31%
}

.copyt_top2-2 {
    color: #f3f3f3;
    background-color: #1da2b4;
    border-radius: 5px 5px 0 0;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 40px;
    margin-bottom: -1px;
    display: flex
}

.title1 {
    text-align: center;
    font-size: 14px;
    font-weight: 700
}

.copyt_block3 {
    justify-content: center;
    width: 1300px;
    margin-bottom: 70px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    display: flex
}

.copyt_topwarp {
    border-bottom: 2px solid var(--main-co);
    align-items: flex-end;
    height: 50px;
    margin-bottom: 0;
    display: flex
}

.check {
    width: 20px;
    margin-left: 10px
}

.check.off {
    display: none
}

.copy_mydata {
    background-color: #f3f3f300;
    border-radius: 4px;
    width: 70%;
    margin-right: 20px
}

.follow-grid-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    grid-template-rows: minmax(65px,60px) minmax(65px,60px);
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-height: 160px;
    padding: 10px 30px 0;
    display: grid;
    box-shadow: 0 2px 5px #0003
}

.follow-list-btn {
    color: var(--black);
    text-align: center;
    background-color: #0000;
    border: 1px solid #00000026;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 40px;
    margin-bottom: -1px;
    padding: 0 5px;
    font-size: 14px;
    display: flex
}

.follow-list-btn.click {
    background-color: var(--main-co);
    color: var(--black);
    border-style: none;
    width: 200px
}

.button-82 {
    color: #333;
    background-color: #0000;
    width: 35px;
    height: 35px;
    font-size: 15px;
    line-height: 20px
}

.button-82:hover {
    color: #00b4c9
}

.button-82.click {
    color: #00b4c9;
    text-decoration: underline
}

.listtext1-2 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 11%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4px;
    padding-right: 4px;
    display: flex;
    position: relative
}

.listtext1-2.up {
    color: var(--green)
}

.follow-txt {
    padding-left: 4px;
    padding-right: 2px
}

.follow-txt.long {
    color: var(--green)
}

.text7-2 {
    align-items: center;
    margin-left: 10px;
    display: flex
}

.listtext3-3 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 13%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4px;
    padding-right: 4px;
    display: flex
}

.copyt_block2 {
    width: 1300px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto
}

.listpage_warp-2 {
    justify-content: center;
    height: 35px;
    margin-top: 20px;
    display: flex
}

.copyt_listbox {
    width: 100%;
    min-height: 550px
}

.copyt_listbox.none {
    justify-content: center;
    align-items: center;
    height: 500px;
    display: flex
}

.copyt_list {
    background-color: #0000;
    border-bottom: 1px solid #00000026;
    width: 100%;
    height: 55px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex
}

.copyt_list:hover {
    background-color: #f3f3f3
}

.copyt_tabletop {
    color: #000;
    background-color: #fafbfc;
    border-bottom: 2px solid #00000026;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    justify-content: flex-start;
    width: 100%;
    height: 55px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex
}

.copyt_top2 {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 5px 5px 0 0;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 40px;
    margin-bottom: -1px;
    font-family: Notosanskr,Arial,sans-serif;
    font-weight: 400;
    display: flex
}

.futureicon {
    background-color: #fff;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    display: flex
}

.futureicon.on {
    background-color: var(--main-co)
}

.copy_n_pop_warp {
    background-color: #f3f3f3;
    border: 1px solid #00000026;
    border-radius: 2px;
    width: 100%;
    height: 460px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    overflow: auto
}

.checkbox-9 {
    margin-top: 0;
    margin-right: 5px
}

.copy_n_popbox {
    color: #333;
    background-color: #fff;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    width: 500px;
    height: 650px;
    padding: 35px 30px 30px;
    position: relative
}

.privacy_check {
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    display: flex
}

.image-107 {
    opacity: .3;
    filter: invert();
    width: 25px;
    height: 25px
}

.mainpopbtn-3 {
    background-color: #1da2b4;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    font-size: 17px;
    display: flex
}

.copy_n_pop {
    background-color: #0000004d;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0
}

.ranking-wrap-box {
    background-image: url(../images/2-prizepool-box.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 100% 110%;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 950px;
    height: 85%;
    min-height: 320px;
    max-height: none;
    margin-left: 3%;
    padding-left: 4%;
    display: flex
}

.ranking-txt-box {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 55px;
    padding-top: 5px;
    padding-left: 7%;
    padding-right: 3%;
    display: flex
}

.roi-ranking-div {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: 1000px;
    height: 500px;
    display: flex;
    position: relative
}

.ranking-trading-box {
    width: auto;
    height: 80%;
    margin-top: 0;
    display: flex
}

.div-block-166 {
    background-image: url(../images/5-user-profile.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 100%;
    width: 85px;
    height: 85px;
    overflow: hidden
}

.roi-ranking-box {
    flex-flow: column;
    margin-top: 1%;
    display: flex
}

.prize-pool-div {
    justify-content: space-between;
    align-items: center;
    width: 87.5%;
    height: 55px;
    margin-top: 3.5%;
    padding-left: 1%;
    padding-right: 2%;
    display: flex
}

.txt-box-ranking {
    margin-top: 9%
}

.ranking-background-2 {
    background-image: url(../images/0-white-box.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 20px;
    flex-flow: column;
    width: 80%;
    min-width: 1300px;
    max-width: 1300px;
    margin-top: 10%;
    padding-bottom: 4%;
    display: flex;
    position: relative
}

.roi-ranking-profile {
    background-image: url(../images/5-user-profile-box.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 230px;
    height: 300px;
    margin-left: 3%;
    margin-right: 2%;
    padding-top: 5%;
    display: flex;
    position: relative
}

.roi-ranking-profile._2 {
    bottom: -10%
}

.roi-ranking-profile._3 {
    bottom: -20%
}

.ranking-span {
    color: #5686ff;
    font-size: 14px
}

.ranking-t-1 {
    flex-flow: column;
    width: 25%;
    height: 100%;
    padding-top: 5%;
    padding-left: 80px;
    display: flex
}

.ranking-t-1._3 {
    width: 25%;
    padding-left: 65px
}

.ranking-t-1._4 {
    width: 25%;
    padding-left: 55px
}

.ranking-t-1._2 {
    width: 25%;
    padding-left: 75px
}

.coin-icon1 {
    z-index: 1;
    background-image: url(../images/BraveBadge.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 0;
    width: 250px;
    height: 250px;
    position: absolute;
    top: -2%;
    right: 25%
}

.coin-icon1._3 {
    background-image: url(../images/CoinGeckoBadge.svg);
    border-radius: 100%;
    width: 80px;
    height: 80px;
    top: 7%;
    right: -3%;
    box-shadow: 0 2px 5px #0003
}

.coin-icon1._5 {
    background-image: none;
    width: 100px;
    height: 100px;
    left: 0;
    right: auto
}

.coin-icon1._6 {
    background-image: url(../images/ChainlinkBadge.svg);
    width: 100px;
    height: 100px;
    top: 45%;
    right: -5%
}

.coin-icon1._4 {
    background-image: url(../images/PolkadotBadge.svg);
    width: 100px;
    height: 100px;
    top: 17%;
    right: -3%
}

.coin-icon1._7 {
    background-image: url(../images/AcalaNetworkBadge.svg);
    width: 100px;
    height: 100px;
    top: 51%;
    left: -4%;
    right: auto
}

.coin-icon1._2 {
    background-image: url(../images/apple-touch-icon.png);
    border-radius: 100%;
    width: 75px;
    height: 75px;
    top: 12%;
    right: 30%;
    box-shadow: 0 2px 5px #0003
}

.ranking-wrap-box2 {
    background-image: url(../images/4-ranking-box.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    min-width: 900px;
    height: 290px;
    margin-top: 2%;
    padding-top: 12px;
    padding-left: 0;
    display: flex
}

.paging-btn-ranking {
    color: #5f5f5f;
    background-color: #3898ec00;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex
}

.paging-btn-ranking.on {
    color: #5686ff;
    -webkit-text-stroke-color: #fec06d
}

.ranking-block5 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    display: flex;
    position: relative
}

.rewards-title {
    color: #12ffe3;
    justify-content: center;
    align-items: center;
    margin-left: 8%;
    display: flex
}

.rewards {
    justify-content: flex-start;
    align-items: center;
    height: 35px;
    max-height: none;
    padding-left: 4%;
    padding-right: 4%;
    display: flex
}

.r-btn-box {
    justify-content: space-between;
    display: flex
}

.time-txt {
    justify-content: center;
    align-items: center;
    width: 72px;
    margin: 0;
    font-size: 24px;
    display: flex
}

.time-txt._3 {
    left: 13.2%
}

.time-txt._2 {
    left: 7%
}

.time-txt._4 {
    left: 19.5%
}

.r-btn {
    background-color: var(--main-co);
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 47%;
    height: 50px;
    margin-top: 5%;
    font-size: 18px;
    font-weight: 500;
    display: flex
}

.r-btn._2 {
    border: 2px solid var(--main-co);
    outline-offset: 0;
    color: var(--main-co);
    text-align: center;
    background-color: #ff620000;
    outline: 3px #fff;
    font-weight: 500
}

.txt-ranking-box {
    justify-content: space-between;
    align-items: flex-end;
    width: 96%;
    height: 60px;
    display: flex
}

.rewards-box {
    justify-content: flex-start;
    align-items: center;
    min-width: 1000px;
    height: 55px;
    margin-bottom: 3%;
    display: flex
}

.roi-user {
    color: #000;
    margin: 2% 0 0;
    font-size: 24px;
    line-height: 28px
}

.roi-user._2 {
    color: #8d8d8d;
    font-size: 23px
}

.roi-user._2.on {
    color: #ff6200
}

.rewards-div2 {
    height: 55px;
    margin-top: 2.3%;
    display: flex
}

.ranking-background {
    background-image: url(../images/InjectiveBadge.svg),url(../images/0-background-BTC.png),url(../images/0-background.png);
    background-position: 0 32%,50%,50% 0;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size: 75%,100%,100%;
    justify-content: center;
    align-items: center;
    padding-bottom: 5%;
    display: flex;
    position: relative
}

.rewards-txt {
    color: #000;
    margin-left: auto
}

.rewards-btn2 {
    color: #00000059;
    background-color: #3898ec00;
    border-bottom: 2px solid #47474740;
    justify-content: center;
    align-items: center;
    width: 33%;
    height: 100%;
    font-size: 18px;
    display: flex
}

.rewards-btn2.on {
    border-bottom-color: var(--main-co);
    color: var(--main-co)
}

.div-block-167 {
    background-image: url(../images/5-1st_15-1st.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
    position: absolute;
    top: -5px;
    right: -5px
}

.rewards-div {
    justify-content: flex-start;
    align-items: center;
    margin-top: 6%;
    display: flex
}

.ranking-list {
    width: 900px;
    height: 475px
}

.t-ranking {
    color: #8d8d8d;
    min-width: 150px
}

.t-ranking._4 {
    text-align: right;
    min-width: 220px
}

.t-ranking._3 {
    min-width: 150px
}

.t-ranking.sub {
    color: #fff
}

.t-ranking.sub.no1 {
    background-image: url('../images/6-Gold-medal_16-Gold medal.png');
    background-position: 90%;
    background-repeat: no-repeat;
    background-size: 10%
}

.t-ranking.sub.no3 {
    background-image: url('../images/6-bronze-medal_16-bronze medal.png');
    background-position: 90%;
    background-repeat: no-repeat;
    background-size: 10%
}

.t-ranking.sub.no2 {
    background-image: url('../images/6-silver-medal_16-silver medal.png');
    background-position: 90%;
    background-repeat: no-repeat;
    background-size: 10%
}

.t-ranking._2 {
    min-width: 320px
}

.rewards-box2 {
    background-image: url(../images/3-Rewards-box.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    min-width: 920px;
    height: 300px;
    padding-top: 20px;
    display: flex
}

.roi-btn {
    background-color: #909090;
    border-radius: 5vw;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 35px;
    margin-top: 5%;
    display: flex
}

.roi-btn.on {
    background-color: #ff6200
}

.icon-box-coin {
    width: 0;
    height: 0
}

.r-title-div {
    justify-content: flex-start;
    align-items: center;
    width: 900px;
    height: 45px;
    margin-top: 0;
    padding-left: 2%;
    display: flex
}

.rewards-txt2 {
    color: #000
}

.roi-wrap-box {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 3%;
    display: flex
}

.roi-wrap-box._2 {
    background-image: url(../images/5-ranking-grade.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 250px;
    margin-top: 0
}

.ranking-span2 {
    color: #000;
    margin-top: 5px;
    font-size: 22px;
    display: flex
}

.ranking-title-txt {
    color: #000;
    cursor: default;
    margin: 0 0 3%;
    font-size: 46px;
    display: block
}

.rewards-div3 {
    flex-flow: column;
    height: 70%;
    padding-top: 0;
    padding-left: 27%;
    padding-right: 1%;
    display: flex
}

.ranking-wrap-box3 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 70%;
    height: 55px;
    margin-top: 42px;
    display: flex
}

.ranking-div {
    background-color: #2f00ff;
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    margin-bottom: 8px;
    padding-left: 2%;
    padding-right: 2%;
    display: flex
}

.ranking-div._4,.ranking-div._10,.ranking-div._7,.ranking-div._9,.ranking-div._8,.ranking-div._6 {
    background-color: #a9b7d3
}

.ranking-div._2 {
    background-color: #3e63f8
}

.ranking-div._3 {
    background-color: #739fff
}

.ranking-div._5 {
    background-color: #a9b7d3
}

.ranking-btn {
    color: #00000059;
    background-color: #3898ec00;
    border-bottom: 2px solid #47474740;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    height: 100%;
    font-size: 18px;
    font-weight: 500;
    display: flex
}

.ranking-btn._2 {
    color: #00000059;
    width: 35%;
    min-width: auto
}

.ranking-btn.on {
    color: #5686ff;
    border-bottom: 2px solid #5686ff;
    width: 25%;
    min-width: auto
}

.ranking-btn._3 {
    color: #00000059;
    width: 40%;
    min-width: auto
}

.ranking-block3 {
    justify-content: center;
    align-items: center;
    height: 400px;
    display: flex
}

.ranking-txt3 {
    color: #000;
    margin: 0;
    font-size: 22px;
    line-height: 25px
}

.ranking-txt2 {
    color: #000;
    margin-top: 15%
}

.trad-rewards-txt {
    color: var(--main-co);
    letter-spacing: 2px;
    margin: 0;
    font-family: Open Sans,sans-serif;
    font-size: 50px;
    line-height: 50px
}

.rankings-title {
    color: #ecf1ff
}

.ranking-block4 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 700px;
    padding-top: 100px;
    display: flex
}

.paging-btn-ranking-box {
    justify-content: center;
    align-items: center;
    margin-top: 1%;
    margin-bottom: 1%;
    display: flex
}

.global-pat-img-2 {
    background-image: url(../images/igniris-logo.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 200px;
    height: 55px;
    margin-bottom: 2%
}

.igniris-txt-r {
    color: #000;
    margin: 0
}

.ranking-block2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding: 5% 5% 10%;
    display: flex
}

.d-txt-b {
    color: #e8efff;
    font-size: 13px
}

.text-span-76 {
    color: var(--main-co);
    font-size: 12px
}

.countdown-block {
    color: var(--white);
    background-image: url(../images/main---countdown-box.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    justify-content: space-between;
    align-items: center;
    width: 350px;
    height: 80px;
    display: flex
}

.ranking-box {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    display: flex
}

.ranking-blocks {
    flex-flow: column;
    margin-right: 0;
    display: flex
}

.rewards-list {
    padding-top: 2.7%
}

.bg-gl {
    background-image: url(../images/main-img-1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 550px;
    height: 700px;
    position: absolute;
    top: -5%;
    right: -2%
}

.rewards-btn {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 200px;
    height: 40px;
    margin-left: 2%;
    padding: 0;
    font-weight: 500;
    display: flex
}

.submit-button-4 {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    font-weight: 500;
    transition: background-color .2s;
    display: inline-flex
}

.submit-button-4:hover {
    color: #1da2b4;
    background-color: #fff;
    border: 1px solid #00b4c9
}

.c_icon2 {
    width: 30px;
    height: 30px;
    margin-left: 14px;
    margin-right: 14px
}

.c_icon2.off {
    display: none
}

.kyc-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    display: flex
}

.button-83 {
    color: #fff;
    text-align: center;
    background-color: #1da2b4;
    border: 1px solid #00b4c9;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 120px;
    min-height: 40px;
    padding: 5px 20px;
    font-size: 15px;
    transition: background-color .2s;
    display: flex
}

.button-83:hover {
    color: #1da2b4;
    background-color: #fff;
    border: 1px solid #00b4c9
}

.image-118 {
    margin-left: 0;
    margin-right: auto;
    position: absolute;
    top: -35px;
    left: -100px
}

.p2p_c_warn-2 {
    background-color: var(--white);
    border: 1px solid #00000026;
    border-radius: 4px;
    width: 100%;
    padding: 20px;
    font-size: 14px;
    line-height: 20px
}

.logout_btn-2 {
    color: #000;
    text-align: center;
    background-color: #79797982;
    border-radius: 4px;
    width: 140px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px
}

.fileblock {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex
}

.authbtn_area {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 180px;
    height: 141px;
    margin-right: 10px;
    display: flex
}

.kyc_icon {
    background-image: url(../images/img.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 126px;
    height: 146px;
    margin-bottom: 14px
}

.c_btn {
    color: #000;
    background-color: #e6e6e6;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    height: 40px;
    margin-left: auto;
    font-size: 14px;
    line-height: 18px;
    display: flex
}

.div-block-163 {
    height: 320px;
    position: relative;
    overflow: hidden
}

.colortxt-2 {
    color: #00b4c9;
    font-weight: 500
}

.fileselect_block {
    align-items: center;
    height: 40px;
    margin-bottom: 10px;
    display: flex;
    position: relative
}

.custermer_listblock {
    opacity: 1;
    background-color: #f3f3f3;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 850px;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex
}

.c_icon {
    filter: invert(51%);
    width: 34px;
    height: 34px;
    margin-right: 20px
}

.c_section {
    justify-content: flex-start;
    align-items: center;
    width: 300px;
    margin-left: auto;
    display: flex
}

.c_box {
    align-items: center;
    height: 44px;
    margin-top: 14px;
    margin-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 20px;
    display: flex
}

.auth_filetxt {
    align-items: center;
    height: 40px;
    margin-right: auto;
    padding: 5px 8px;
    font-size: 13px;
    display: flex
}

.custermer_titlewarp {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    display: flex
}

.checkbox-11 {
    margin-top: 0;
    margin-right: 5px
}

.fileselect1-2 {
    border-bottom: 1px solid #00000026;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-right: 40px;
    font-size: 15px;
    display: flex;
    position: relative
}

.bold-txt {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 800
}

.file_uploadbox {
    flex-direction: column;
    width: 80%;
    margin-left: 18px;
    display: flex
}

.file_uploadbox.kyc {
    width: 70%
}

.sertification_block {
    flex-direction: column;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex
}

.text-block-115 {
    color: #f34840;
    text-align: left;
    font-size: 18px;
    line-height: 24px
}

.c_complete {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 800px;
    min-height: 40vh;
    font-size: 24px;
    line-height: 32px;
    display: flex
}

.kyc-contents {
    background-color: #f7f7f7;
    border-radius: 5px;
    flex-flow: column;
    width: 800px;
    height: 100%;
    padding: 20px;
    display: flex
}

.upload-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex
}

.upload-input {
    border: 1px solid #ececec;
    border-radius: 4px;
    min-height: 45px;
    margin-bottom: 0
}

.kyc-btn {
    background-color: var(--main-co);
    color: var(--black);
    text-align: center;
    white-space: nowrap;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    font-weight: 600;
    display: flex
}

.withdrawal-btn {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 40px;
    transition: all .2s;
    display: flex
}

.withdrawal-btn:hover {
    background-color: var(--main-co-hover)
}

.withdrawal-btn.click {
    background-color: var(--main-co-hover);
    background-image: url('../images/check_icon-2_1check_icon (2).png');
    background-position: 95% 90%;
    background-repeat: no-repeat;
    background-size: 10px 10px
}

.wiithdrawal-wrap-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex
}

.input-withdrawal-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex
}

.withdrawal-input {
    border: 1px solid var(--line);
    color: var(--black);
    border-radius: 4px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    max-width: 450px;
    min-height: 40px;
    margin-bottom: 0;
    line-height: 125%
}

.withdrawal-input.darkmode {
    background-color: var(--darkmode-input);
    color: var(--white);
    border-style: none
}

.max-btn {
    background-color: var(--bg-none);
    color: var(--main-co)
}

.withdrawal-input-box {
    border: 1px none var(--line);
    color: var(--black);
    border-radius: 4px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    max-width: 450px;
    min-height: 40px;
    margin-bottom: 0;
    line-height: 125%
}

.submit-withdrawal {
    background-color: var(--main-co);
    color: var(--black);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    max-width: 150px;
    display: flex
}

.section-le {
    background-image: url(../images/back.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: auto;
    height: 120vh;
    padding-top: 64px;
    padding-bottom: 300px;
    display: flex;
    position: relative
}

.global-pat-img2 {
    background-image: url(../images/logo.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100px;
    height: 80px
}

.gp-mega-img {
    background-image: url(../images/main-title_1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1280px;
    height: 350px
}

.gp-event-txt {
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 2px #0003;
    font-size: 16px
}

.text-span-87 {
    color: var(--main-co);
    font-size: 24px;
    font-weight: 800;
    line-height: 24px
}

.join-now-btn {
    color: #000;
    background-color: #fff;
    border-radius: 5vw;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
    margin-top: 50px;
    margin-bottom: 0;
    font-weight: 800;
    display: flex;
    box-shadow: 0 2px 5px #0003
}

.be-txt-tiitle {
    background-color: var(--main-co);
    border-radius: 5vw;
    margin-top: 0;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 800
}

.be-txt-tiitle._3 {
    background-color: var(--main-co);
    color: #fff;
    justify-content: center;
    align-items: center;
    min-width: 200px;
    margin-top: 0;
    font-weight: 400;
    display: flex
}

.be-txt-tiitle._2 {
    background-color: var(--main-co);
    color: #fff;
    justify-content: center;
    align-items: center;
    min-width: 200px;
    margin-top: 0;
    display: flex
}

.befi-icon {
    background-image: url(../images/bene-badge.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 150px;
    height: 150px;
    position: absolute;
    inset: -25% auto auto -5%
}

.bn-txt {
    color: #000c;
    font-size: 13px;
    line-height: 18px
}

.get30btn {
    background-color: var(--main-co);
    color: var(--black-hover);
    border: 1px solid #3546fb;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 40px;
    margin-top: 50px;
    font-family: Notosanskr,Arial,sans-serif;
    font-weight: 500;
    display: flex
}

.section-le2 {
    background-color: #1800f3;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: auto;
    height: 100vh;
    display: flex;
    position: relative
}

.section-le2._2 {
    height: 90vh
}

.be-title-txt {
    margin: 3% 0 5%;
    font-size: 25px;
    line-height: 30px
}

.benefits-icon {
    background-image: url('../images/icon-1_1icon 1.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80%;
    width: 50px;
    height: 50px
}

.benefits-icon._3 {
    background-image: url('../images/icon-3_1icon 3.png')
}

.benefits-icon._2 {
    background-image: url('../images/icon-2_1icon 2.png')
}

.img-box-be {
    background-image: url(../images/cartoon1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1080px;
    height: 375px;
    margin-top: 25px
}

.img-box-be._2 {
    background-image: url(../images/cartoon2.png)
}

.img-box-be._3 {
    background-image: url(../images/cartoon3.png);
    width: 1080px;
    height: 400px
}

.txt-img-be {
    background-image: url(../images/title_1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 1080px;
    height: 150px;
    margin-top: 35px
}

.txt-img-be._2 {
    background-image: url(../images/title_2.png);
    width: 1080px
}

.txt-img-be._3 {
    background-image: url(../images/title.png)
}

.txt-img-be._4 {
    background-image: url(../images/main-title.png);
    margin-top: 0;
    margin-bottom: 50px
}

.benefits-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 33.3%;
    height: 100%;
    padding-left: 50px;
    padding-right: 50px;
    display: flex
}

.benefits-blcok {
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    width: 1280px;
    height: 275px;
    padding: 50px;
    display: flex;
    position: absolute;
    inset: -33% auto auto;
    box-shadow: 0 2px 5px #0003
}

.section-le3 {
    color: #202020;
    background-color: #202020;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 0;
    display: flex
}

.section-le4 {
    color: #2a2228;
    background-color: #2b1f22;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 65vh;
    display: flex
}

.text-block-142 {
    color: #fff;
    margin-left: 10px
}

.rally-box {
    justify-content: flex-start;
    align-items: center;
    width: 556.5px;
    max-width: none;
    display: flex
}

.rally-box._2 {
    width: 556.5px;
    margin-top: 15px
}

.section-le5 {
    background-color: #000;
    padding: 5% 10% 10%
}

.eventrule-img {
    border-bottom: 1px solid #fff3;
    margin-bottom: 5%;
    padding-bottom: 5%
}

.eventrule-img3 {
    margin-top: 5%
}

.form-block-30 {
    width: 100%;
    margin-bottom: 0
}

.profile-setting-btn {
    cursor: pointer;
    width: 92px;
    min-width: 92px;
    margin-top: 5px;
    margin-bottom: 1px
}

.popup-follow-b {
    background-color: #fff;
    border-radius: 5px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 450px;
    padding: 20px 30px 30px;
    display: flex
}

.popup_follow {
    background-color: #00000026;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: none
}

.profile-setting-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.profile-setting {
    color: #000;
    justify-content: center;
    align-items: center;
    margin-top: 7%;
    font-size: 16px;
    font-weight: 700;
    display: flex
}

.profile-setting.sub {
    margin-top: 1%;
    font-size: 15px;
    font-weight: 400
}

.bold-text-8 {
    color: #000000b3;
    font-weight: 400
}

.bold-text-8._2 {
    font-size: 14px
}

.trader-txt {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px
}

.pop_btn-2 {
    justify-content: space-between;
    width: 100%;
    height: 44px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.myinfo-txt {
    background-color: #fff;
    border: 1px solid #00000026;
    border-radius: 4px;
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 15px;
    line-height: 45px
}

.myinfo-txt.nochange {
    color: #000;
    align-items: center;
    width: 80%;
    height: 40px;
    display: flex
}

.myinfo-txt.nochange.nobtn {
    border-style: none;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0
}

.myinfo-txt.nochange.nobtn.darkmode {
    background-color: var(--darkmode-input);
    color: var(--white)
}

.bold-text-7 {
    margin-left: 5px
}

.text-span-72,.text-span-71 {
    margin-left: 5px;
    font-size: 13px;
    text-decoration: line-through
}

.display_setting {
    background-color: #dfdfdf;
    border-radius: 30px;
    width: 50px;
    height: 25px;
    display: flex;
    position: relative
}

.display_setting.mobile {
    margin-left: auto;
    display: flex;
    position: absolute;
    right: 15px
}

.display_setting.mobile.normal-dis {
    position: static
}

.display_setting.mobile.my-page {
    top: 15px;
    right: 24px
}

.display_sun_warp {
    cursor: pointer;
    border: 1px #000;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    display: flex
}

.display_sun_warp.off {
    background-color: #1772f8;
    display: flex
}

.w24 {
    width: 24px;
    height: 24px
}

.trade-coinlist-box {
    flex-flow: column;
    align-items: stretch;
    max-height: 350px;
    display: flex;
    overflow: auto
}

.mobile-trade-wrap {
    display: none
}

.funding_ratetxt {
    color: #fff
}

.max-btn-ads {
    cursor: pointer;
    background-color: #f5f5f5;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    padding: 2px 5px 3px;
    display: flex
}

.flex-box-spot {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex
}

.asset-btn {
    color: #a6a6af;
    white-space: nowrap;
    background-color: #3898ec00;
    border: 1px solid #ddd;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 45px;
    font-size: 12px;
    display: flex
}

.asset-btn.darkmode {
    background-color: var(--darkmode-input);
    border-style: none
}

.tpsl-order-top {
    justify-content: space-between;
    align-items: center;
    line-height: 125%;
    display: flex
}

.flex-left-box {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: #000;
    cursor: pointer;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    display: flex
}

.flex-left-box.darkmode {
    background-color: var(--darkmode-input);
    color: var(--white)
}

.flex-left-box.between-asset {
    justify-content: space-between;
    align-items: center;
    min-height: 25px
}

.order-info-txt-14s {
    color: #777;
    font-size: 14px;
    display: flex
}

.order-info-txt-14s.big-txt {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--black);
    justify-content: flex-start;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    line-height: 125%
}

.order-info-txt-14s.big-txt.darkmode {
    background-color: var(--darkmod);
    color: var(--white)
}

.sync-btn {
    cursor: pointer;
    min-width: 16px;
    min-height: 16px
}

.limit-order {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: stretch;
    display: flex
}

.limit-order.none {
    display: none
}

.limit-order.perpetual {
    display: flex
}

.market-order {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: stretch;
    display: none
}

.market-order.flex {
    display: flex
}

.market-order.perpetual {
    display: none
}

.tpsl-order {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: stretch;
    display: none
}

.tpsl-order.perpetual {
    display: none
}

.input-box-wrapper {
    border-radius: 4px;
    width: 100%;
    height: 45px;
    margin-right: 5px;
    display: flex;
    overflow: hidden
}

.input-box-wrapper.spot {
    border-radius: 6px;
    margin-right: 3px
}

.price-change-btn {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 20%;
    font-size: 10px;
    display: none
}

.price-exchange-img {
    filter: invert();
    width: 10px;
    height: 10px
}

.market-price-btn {
    color: #000;
    background-color: #f5f5f5;
    border-radius: 4px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex
}

.oco-order {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: stretch;
    display: none
}

.flex-spot-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: stretch;
    display: flex
}

.flex-leverage-box {
    background-color: #f8f8f8;
    border-radius: 5px;
    flex-flow: column;
    align-items: stretch;
    width: 100%;
    height: 60px;
    padding: 10px;
    display: flex
}

.flex-leverage-box.darkmode {
    background-color: var(--darkmode-input)
}

.leverage-input-box {
    color: #000;
    background-color: #fff0;
    border: 1px #000;
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    line-height: 125%
}

.leverage-pop-txt {
    color: #8f8e92;
    font-size: 12px;
    line-height: 125%
}

.form-leverage-block {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    display: flex
}

.mainco-txt {
    color: var(--main-co)
}

.apply-box {
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    font-size: 14px;
    font-weight: 700;
    line-height: 125%;
    display: flex
}

.circle-btn-box {
    background-color: #f1f1f1;
    border: 1px solid #b9b9ba;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    width: 40px;
    height: 20px;
    padding: 2px 3px;
    display: flex
}

.circle-btn {
    background-color: #1e1e1e;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    padding: 0
}

.use-bonus {
    color: var(--black);
    border: 1px solid #b9b9ba;
    border-radius: 15px;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 125%;
    display: flex
}

.use-bonus.darkmode {
    background-color: var(--darkmode-input);
    color: var(--white);
    border-style: none
}

.use-bonus.mo {
    display: none
}

.info-img {
    width: 16px;
    height: 16px;
    margin-left: auto
}

.asset-mode {
    justify-content: space-between;
    align-items: center;
    line-height: 125%;
    display: flex
}

.asset-mode.mo {
    display: none
}

.asset-mode-block {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--black);
    cursor: pointer;
    display: flex
}

.asset-mode-block.darkmode {
    color: var(--white)
}

.check-flex-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.flex-box-ls {
    grid-column-gap: 0;
    grid-row-gap: 0;
    flex-flow: column;
    line-height: 125%;
    display: flex
}

.flex-box-ls.right {
    text-align: right
}

.flex-box-ls.right.mo {
    display: none
}

.asset-box-drop {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.flex-block-4 {
    flex-flow: row
}

.flex-box-left {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%
}

.top-txt {
    display: none
}

.flex-txt-box {
    align-items: stretch
}

.mo-input-box,.chart-btn {
    display: none
}

.mainco-txt-2 {
    color: #febe40
}

.quantitybar_block-3 {
    align-items: center;
    width: 100%;
    height: 20px;
    display: flex
}

.confirm-4 {
    color: #fff;
    background-color: #febe40;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    display: flex
}

.form-block-43 {
    flex-flow: column;
    width: 100%;
    margin-bottom: 0;
    display: flex
}

.quantitybar-3 {
    cursor: pointer;
    background-color: #eee;
    border-radius: 100px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    height: 3px;
    display: flex;
    position: relative
}

.image-129 {
    opacity: .3;
    filter: invert();
    width: 25px;
    height: 25px
}

.quantitybar_percentcircle-3 {
    z-index: 1;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #febe40;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    transition: background-color .2s;
    display: flex;
    position: absolute;
    right: -12px
}

.cancle-3 {
    color: #8f8e92;
    background-color: #3898ec00;
    border: 1px solid #eee;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    display: flex
}

.quantitybar_percentbar-3 {
    z-index: 1;
    background-color: #febe40;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 50%;
    max-width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

.pop_btn-3 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.marginmodpop {
    background-color: #00000059;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: none
}

.marginmodpop-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: #000;
    background-color: #fff;
    border-radius: 15px;
    flex-flow: column;
    width: 540px;
    padding: 25px;
    display: flex;
    position: relative
}

.marginmodpop-box.darkmode {
    background-color: var(--darkmod);
    color: var(--white)
}

.flex-box-down {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex
}

.margin-mod-list {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    cursor: pointer;
    background-color: #f8f8f8;
    border-radius: 5px;
    flex-flow: column;
    padding: 16px;
    display: flex
}

.margin-mod-list.on {
    border: 2px solid var(--main-co);
    padding: 14px;
    box-shadow: 0 0 10px #febe400d
}

.margin-mod-list.darkmode {
    background-color: var(--darkmode-input)
}

.positionmodpop {
    background-color: #00000059;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: none
}

.positionmod-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: #000;
    background-color: #fff;
    border-radius: 15px;
    flex-flow: column;
    width: 540px;
    padding: 25px;
    display: flex;
    position: relative
}

.usebonuspop {
    background-color: #00000059;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: none
}

.usebonuspop-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: #000;
    background-color: #fff;
    border-radius: 15px;
    flex-flow: column;
    width: 540px;
    padding: 25px;
    display: flex;
    position: relative
}

.usebonuspop-box.darkmode {
    background-color: var(--darkmod);
    color: var(--white)
}

.transferpop {
    background-color: #00000059;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: none
}

.transferpop-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: #000;
    background-color: #fff;
    border-radius: 15px;
    flex-flow: column;
    width: 540px;
    padding: 25px;
    display: flex;
    position: relative
}

.transferpop-box.darkmode {
    background-color: var(--darkmod);
    color: var(--white)
}

.transfer-block {
    white-space: nowrap;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    flex-flow: column;
    width: 100%;
    padding: 9px 10px;
    display: flex
}

.transfer-block.img-down {
    background-image: url(../images/down_1.svg);
    background-position: 98%;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative
}

.transfer-block.darkmode {
    background-color: var(--darkmode-input);
    border-style: none
}

.trans-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex
}

.transfer-form-block {
    margin-bottom: 0
}

.transfer-small-txt {
    color: #c4c4c4;
    font-size: 10px;
    line-height: 125%
}

.transfer-txt {
    font-size: 16px;
    font-weight: 700;
    line-height: 125%
}

.transfer-input {
    color: #000;
    border: 1px #000;
    margin-bottom: 0;
    padding: 0;
    font-size: 16px;
    line-height: 125%
}

.transfer-input.darkmode {
    background-color: var(--darkmode-input);
    color: var(--white)
}

.text-span-95 {
    color: #c4c4c4
}

.small-txt-transfer {
    font-size: 10px;
    line-height: 125%
}

.tpsl-box {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    align-items: stretch
}

.input-flex-box,.order-flex-box {
    display: none
}

.avail {
    justify-content: space-between;
    align-items: center;
    line-height: 125%;
    display: flex
}

.avail.mo {
    display: none
}

.button-96 {
    background-color: var(--main-co);
    color: var(--black)
}

.search-btn-2 {
    background-color: var(--main-co);
    color: #000;
    border-radius: 5px;
    height: 100%
}

.select-all {
    border: 1px solid var(--main-co-hover);
    color: var(--main-co);
    background-color: #f3f3f300;
    border-radius: 5px;
    max-width: 15%;
    height: 100%;
    line-height: 125%
}

.gage-bar-call {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-flow: column;
    margin-top: 5px;
    margin-left: 1px;
    margin-right: 1px;
    display: flex
}

.gage-box {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    border-radius: 5px;
    flex-flow: row;
    display: flex;
    overflow: hidden
}

.long-gage {
    background-color: var(--green);
    width: 50%;
    height: 5px
}

.short-gage {
    background-color: var(--red);
    width: 50%;
    height: 5px
}

.inter-small {
    font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
    font-size: 12px;
    line-height: 125%
}

.flex-between {
    flex-flow: row;
    justify-content: space-between;
    align-items: center
}

.flex-box-btn-wrapper {
    justify-content: space-between;
    align-items: center;
    display: none
}

.drop-link-btn {
    background-color: #f5f5f5;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    height: 40px;
    padding-left: 6px;
    padding-right: 6px;
    font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
    display: flex
}

.chart-btn-div {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    cursor: pointer;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 100%;
    display: flex
}

.redstick {
    background-color: var(--red);
    border-radius: 2px;
    width: 9px;
    height: 80%
}

.greenstick {
    background-color: var(--green);
    border-radius: 2px;
    width: 9px;
    height: 80%
}

.text-span-96 {
    color: var(--main-co)
}

.image-130 {
    max-width: 32px
}

.flex-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start
}

.exchange-icon {
    margin-top: auto;
    margin-bottom: auto
}

.bar-cirlcle {
    background-color: #eee;
    border-radius: 100%;
    width: 10px;
    height: 10px
}

.bar-cirlcle.on {
    background-color: var(--main-co)
}

.mo-dropdown,.lang-link {
    display: none
}

.lang-img {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: none
}

.lang-img.whitemod {
    filter: invert()
}

.trade-top-copy {
    background-color: var(--white);
    color: var(--black);
    justify-content: flex-start;
    align-items: center;
    min-width: 1200px;
    height: 60px;
    padding: 0 25px;
    display: none;
    position: relative
}

.trade-top-copy.darkmode {
    background-color: var(--darkmod)
}

.trade_coinsub-mo {
    z-index: 0;
    color: #333;
    background-color: #fff;
    border-radius: 5px;
    width: 440px;
    padding-bottom: 5px;
    font-weight: 700;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    overflow: auto;
    box-shadow: 0 0 3px 3px #00000026
}

.trade_coinsub-mo.darkmode {
    background-color: var(--darkmod);
    color: var(--white);
    display: none
}

.bit-wrap-mo {
    background-image: url(../images/down_off.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding-right: 15px
}

.bit-txt-mo {
    font-size: 20px;
    font-weight: 400;
    line-height: 125%
}

.trade-chart,.trade-order {
    display: none
}

.order-top-mo {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    white-space: nowrap;
    border-bottom: 1px #333;
    justify-content: space-between;
    align-items: center;
    height: 45px;
    padding-left: .875rem;
    padding-right: .875rem;
    display: flex
}

.order-top-btn-mo {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    cursor: pointer;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 30px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 125%;
    display: flex
}

.order-top-btn-mo.w30 {
    width: 100%;
    font-size: 12px;
    line-height: 125%
}

.order-top-btn-mo.darkmode {
    border: 1px solid var(--line)
}

.order-tap-box-mo {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    border-bottom: 1px solid var(--line);
    justify-content: flex-start;
    align-items: center;
    height: 35px;
    min-height: 35px;
    padding-left: .875rem;
    padding-right: .875rem;
    display: flex
}

.order-tap-box-mo.darkmode {
    background-color: var(--darkmod)
}

.info-img-mo {
    width: 16px;
    height: 16px;
    margin-left: auto
}

.order-tap-mo {
    color: #7a7a7a;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    font-size: 14px;
    line-height: 125%;
    display: flex
}

.order-tap-mo.on {
    border-bottom: 2px solid var(--black);
    color: var(--black)
}

.order-tap-mo.on.darkmode {
    background-color: var(--darkmod);
    color: var(--white)
}

.order-top-btn-mo-copy {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    cursor: pointer;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 30px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 125%;
    display: flex
}

.order-top-btn-mo-copy.w30 {
    width: 100%;
    font-size: 12px;
    line-height: 125%
}

.order-top-btn-mo-copy.darkmode {
    border: 1px solid var(--line)
}

.order-top-btn-mo-copy-copy {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    cursor: pointer;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 30px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 125%;
    display: flex
}

.order-top-btn-mo-copy-copy.w30 {
    width: 100%;
    font-size: 12px;
    line-height: 125%
}

.order-top-btn-mo-copy-copy.darkmode {
    border: 1px solid var(--line)
}

.order-btn-box-mo {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    height: 40px;
    display: flex
}

.order-btn-box-mo.spot-box {
    height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.order-btn-2-copy {
    background-color: var(--green);
    color: var(--white);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 50%;
    font-size: 12px;
    font-weight: 400;
    transition: all .2s;
    display: flex
}

.order-btn-2-copy.short-btn {
    background-color: var(--red);
    color: #fff;
    transition: all .2s
}

.call-price-box-copy {
    cursor: pointer;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    height: 22px;
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex;
    position: relative
}

.call-middle-copy {
    justify-content: flex-start;
    align-items: center;
    height: 32px;
    min-height: 32px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex
}

.call-middle-txt-copy {
    color: var(--black);
    font-size: 20px;
    font-weight: 700
}

.call-middle-txt-copy.right-txt {
    margin-left: auto;
    font-size: 16px
}

.call-middle-txt-copy.right-txt.darkmode {
    background-color: var(--darkmod)
}

.call-middle-txt-copy.green {
    color: #25c295
}

.call-middle-txt-copy.whitemod {
    color: var(--white)
}

.call-middle-txt-copy.darkmode {
    background-color: var(--darkmod)
}

.gage-bar-call-copy {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-flow: column;
    margin-top: 5px;
    margin-left: 1px;
    margin-right: 1px;
    display: flex
}

.check-box-spot-copy {
    color: var(--black);
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    display: flex
}

.call-price-box-copy {
    cursor: pointer;
    cursor: pointer;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    height: 22px;
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex;
    position: relative
}

.call-price-box-mo {
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    height: 22px;
    padding-left: .75rem;
    padding-right: .75rem;
    display: flex;
    position: relative
}

.futures-info-box-copy {
    background-color: #000;
    border-radius: 8px;
    width: 100%;
    min-height: 350px;
    max-height: 50vh;
    margin-top: 10px
}

.futures-info-box-copy.spot-box {
    background-color: var(--white)
}

.futures-info-box-copy.futures {
    background-color: var(--white);
    max-height: 55vh;
    margin-top: 3px
}

.futures-info-box-copy.futures.darkmode {
    background-color: var(--darkmod);
    color: var(--white);
    max-height: 55vh
}

.futures-info-box-copy.futures.spot-mg {
    margin-top: 3px
}

.futures-info-box-copy.spot-info {
    background-color: var(--white)
}

.futures-info-box-copy.spot-info.darkmode {
    background-color: var(--darkmod)
}

.margin-mod-box {
    display: none
}

.quantitybar_block-copy {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 20px;
    display: flex
}

.tpsl_poptxt-copy {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    display: flex
}

.div-block-179 {
    display: none
}

.leverage_warp-copy {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex
}

.leverage_warp-copy.popup-mg {
    align-items: stretch
}

.clearing-form {
    display: none
}

.quantitybar_block-copy-copy {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 20px;
    display: flex
}

.tpsl-form {
    display: none
}

.ordertypepop {
    background-color: #00000059;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: none
}

@media screen and (min-width: 1920px) {
    .qr-code-div {
        background-image:url(../images/bixbitx-QR.png);
        width: 148px;
        height: 148px
    }

    .qr-code-hover {
        top: 100%;
        right: 5%
    }

    .qr-code-frame:hover {
        background-color: #00b4c900
    }

    .qr-code {
        filter: invert()
    }

    .topbtn_drop {
        display: none
    }

    .topbtn {
        line-height: 14px
    }

    .mob_sidebtn {
        display: none
    }

    .main_box3 {
        padding-left: 0;
        padding-right: 0
    }

    .bottom {
        flex-wrap: nowrap
    }

    .popup {
        color: #000
    }

    .p2pwrap {
        min-height: 450px
    }

    .deposit_pop,.xrppop,.de_noticepop,.disabled_pop {
        display: none
    }

    .ad-input {
        height: 100%
    }

    .p2p-wrap {
        box-shadow: none;
        color: #000;
        background-color: #fff;
        padding: 45px
    }

    .p2p-wrap.mg,.p2p-wrap.p2p,.p2p-wrap.user {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .copy-trader {
        color: #838383
    }

    .order-info-txt.big-txt {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        justify-content: flex-start;
        align-items: center
    }

    .order-txt-box.line-top {
        border-top: 1px solid var(--line)
    }

    .link-2 {
        margin-left: 0
    }

    .order-info-span-2.link {
        color: #777;
        margin-left: 0;
        margin-right: auto;
        display: flex
    }

    .checkbox-15 {
        margin-top: 0
    }

    .check-box-spot {
        justify-content: flex-start;
        align-items: center;
        display: flex
    }

    .spot-label {
        margin-bottom: 0;
        margin-left: 6px
    }

    .tpsl_pop {
        background-color: #00000026;
        display: none
    }

    .modepop {
        display: none
    }

    .enter-input {
        color: #000
    }

    .modal_logo {
        margin-top: 0
    }

    .tpsl-pop-box {
        color: #000;
        box-shadow: 0 2px 5px #0003
    }

    .mob_leveragepop {
        display: none
    }

    .tpsl_btn.right {
        border-right-color: #00b4c9
    }

    .settle-complete__box {
        display: flex
    }

    .clearing_pop,.mob_asidepop,.settle-complete {
        display: none
    }

    .image-98 {
        margin-top: 60px
    }

    .tradingpop {
        color: #000;
        display: none
    }

    .tradingpop.quick {
        display: none
    }

    .tradepop {
        color: #000;
        display: none
    }

    .utillitypop {
        display: none
    }

    .tpsl_popinput {
        color: #000;
        border-color: #00000026
    }

    .mob_sidebtn-2 {
        display: none
    }

    .empty_star,.empty_star.on {
        display: block
    }

    .empty_star.off {
        display: none
    }

    .coin-top {
        padding-left: 10px
    }

    .star {
        display: block
    }

    .star.off {
        display: none
    }

    .star.on {
        display: block
    }

    .button-95,.unverified-btn {
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 50%;
        display: flex
    }

    .copyt_list {
        justify-content: flex-start
    }

    .ranking-wrap-box {
        min-height: auto
    }

    .prize-pool-div {
        padding-left: 0
    }

    .ranking-wrap-box2 {
        margin-top: 2%;
        padding-top: 0;
        padding-left: 0
    }

    .ranking-block5 {
        background-image: none;
        min-width: auto
    }

    .time-txt {
        color: #000
    }

    .r-btn {
        background-color: #5686ff;
        font-weight: 500
    }

    .r-btn._2 {
        color: #5686ff;
        border-color: #5686ff;
        font-weight: 500
    }

    .rewards-div2 {
        padding-bottom: 5px
    }

    .ranking-block3 {
        min-width: auto
    }

    .ranking-block4 {
        background-image: none;
        min-width: auto
    }

    .global-pat-img-2 {
        height: 50px;
        margin-bottom: 2%
    }

    .countdown-block {
        background-image: url(../images/1-count-down-box.png)
    }

    .bg-gl {
        position: absolute
    }

    .gp-mega-img {
        background-size: 100%;
        height: 350px
    }

    .order-info-txt-14s.big-txt {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        justify-content: flex-start;
        align-items: center
    }

    .check-box-spot-copy {
        justify-content: flex-start;
        align-items: center;
        display: flex
    }
}

@media screen and (max-width: 991px) {
    .top_menubtnlist {
        background-color:var(--black);
        flex-flow: column;
        justify-content: flex-start;
        align-items: stretch;
        width: 85%;
        margin-left: 0;
        padding-left: 12px;
        padding-right: 12px;
        overflow: auto;
        transform: translate(100%)
    }

    .login-flex-box.mo {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        height: auto;
        margin-bottom: 6px;
        display: flex
    }

    .top-wrap-btn.mo {
        color: #fff
    }

    .lang-txt {
        justify-content: flex-start;
        align-items: center;
        min-height: 50px;
        display: none
    }

    .registbtn.mo {
        width: 100%;
        height: 40px
    }

    .topblock {
        background-color: var(--black);
        min-width: auto;
        padding-left: 15px;
        padding-right: 15px
    }

    .topblock.darkmod {
        min-width: auto;
        padding-left: 25px;
        padding-right: 25px
    }

    .loginbtn {
        display: none
    }

    .loginbtn.mo {
        background-color: #414141;
        width: 100%;
        height: 40px;
        display: flex
    }

    .topmenubtn {
        grid-column-gap: 0;
        grid-row-gap: 0;
        background-image: none;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        height: auto
    }

    .qr-code-frame {
        display: none
    }

    .top-btn-wrap {
        width: 100%
    }

    .top_leftblock {
        grid-column-gap: 6px;
        grid-row-gap: 6px;
        display: flex
    }

    .lang-box {
        display: none
    }

    .lang-box.mo {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        background-image: url(../images/down.svg);
        background-position: 100% 20px;
        background-repeat: no-repeat;
        background-size: auto;
        flex-flow: column;
        align-items: stretch;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        display: flex
    }

    .lang-box.whitemod {
        display: flex
    }

    .topbtn_drop {
        grid-column-gap: 0;
        grid-row-gap: 0;
        background-color: var(--bg-none);
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        display: none;
        position: static
    }

    .topbtn_drop.lang {
        background-color: var(--black);
        align-items: stretch;
        width: 220%;
        position: absolute
    }

    .topbtn_drop.lang.mo {
        display: flex;
        position: absolute
    }

    .mob_sidebtn {
        display: none
    }

    .main-head-txt {
        font-size: 32px
    }

    .phone-img {
        display: none
    }

    .main-head-txt2 {
        font-size: 32px
    }

    .main_banner_block,.frame {
        min-width: auto
    }

    .rolling {
        width: 100%;
        overflow: hidden
    }

    .card-box {
        flex-flow: row;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 50px;
        padding-left: 12px;
        padding-right: 12px
    }

    .co-info-box {
        height: 200px
    }

    .coin-info-wrap {
        margin-top: 12px
    }

    .currency-bx,.ca-txt {
        min-width: 125px
    }

    .main_box3 {
        justify-content: center;
        margin-bottom: 24px;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 12px;
        line-height: 12px
    }

    .update-area {
        flex-flow: column
    }

    .update-subf {
        border-right-style: none;
        border-bottom-color: var(--line);
        flex-flow: column;
        width: 100%;
        margin-right: 0;
        padding-bottom: 5px;
        padding-right: 25px;
        display: flex
    }

    .update-suba {
        width: 100%;
        overflow: auto
    }

    .footer {
        flex-flow: row;
        min-width: auto
    }

    .footerlist_warp {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }

    .bottom {
        min-width: auto
    }

    .start-hover-menu {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .perfect-hover-box {
        padding-left: 12px;
        padding-right: 12px
    }

    .half {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .half.member {
        display: none
    }

    .earn-money-wrap {
        padding-left: 12px;
        padding-right: 12px
    }

    .member-box {
        height: auto
    }

    .member-wrap {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        padding: 0 12px
    }

    .member-wrap-max {
        max-width: none;
        height: 100%
    }

    .pop_exist.mo-none {
        display: none
    }

    .frame-max {
        padding-left: 12px;
        padding-right: 12px
    }

    .p2p_mbtn:hover {
        border-right-style: none;
        border-right-color: #0000
    }

    .p2p-container {
        padding-bottom: 24px
    }

    .p2p-top-btn-box {
        flex-flow: wrap;
        height: auto;
        min-height: 60px
    }

    .method_txt {
        padding: 4px 12px
    }

    .asset_tablelist.p2p {
        width: auto
    }

    .table_warp {
        margin-left: 0
    }

    .table_warp.p2p {
        overflow: auto
    }

    .list_block1.p2p {
        min-width: 200px
    }

    .listtext1.right.p2p,.list_block2 {
        min-width: 100px
    }

    .list_txtwarp.p2p {
        min-width: 200px
    }

    .list_block3.p2p {
        min-width: 150px
    }

    .partner-item,.partner-item._2 {
        max-width: none
    }

    .d-flex-st._2 {
        padding-left: 0
    }

    .d-flex-st.line {
        border-right-style: none
    }

    .payment-content {
        width: auto
    }

    .d-flex-div {
        max-width: none
    }

    .flex-block {
        flex-flow: column;
        align-items: stretch
    }

    .wallet-contents {
        flex-flow: column
    }

    .wallet-menu {
        white-space: nowrap;
        border-right-style: none;
        flex-flow: wrap;
        width: 100%;
        overflow: visible;
        box-shadow: 0 2px 5px #0003
    }

    .wallet-link {
        width: 48%
    }

    .wallet-container {
        padding-bottom: 24px
    }

    .property-table {
        flex-flow: column
    }

    .table-container {
        width: 100%;
        min-width: auto;
        overflow: auto
    }

    .wallet-top-wrap {
        flex-flow: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }

    .wallet-select {
        width: 100%
    }

    .exchange-box {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        width: 100%
    }

    .assetbox3 {
        width: auto
    }

    .trading-history-top {
        height: auto;
        padding-bottom: 35px
    }

    .right-arrow {
        right: 0
    }

    .left-arrow {
        left: 0
    }

    .slide-banner-box {
        background-size: 150%
    }

    .e_user {
        width: 90%;
        min-width: auto
    }

    .e_itembox {
        min-width: 300px
    }

    .event_block1 {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        flex-wrap: wrap;
        width: 100%;
        overflow: auto
    }

    .event_sc {
        min-width: 768px;
        padding-left: 40px;
        padding-right: 40px
    }

    .service-container {
        flex-flow: column
    }

    .service-left {
        flex-flow: column;
        min-width: auto;
        max-width: none
    }

    .service-menu-wrap {
        flex-flow: row;
        overflow: auto
    }

    .my-info-wrap {
        flex-flow: column
    }

    .post-ads {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: column;
        padding-bottom: 0
    }

    .postads-right {
        width: 100%;
        padding-top: 0
    }

    .ad-post-flex {
        margin-left: 0
    }

    .post-flex-box {
        flex-flow: wrap
    }

    .certification-div {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .user-profile {
        min-width: 55px
    }

    .user-cneter-box {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        margin-right: 0
    }

    .certification-wrap.nocheck {
        margin-right: 0
    }

    .p2p-wrap.user {
        grid-column-gap: 24px;
        grid-row-gap: 24px
    }

    .copy-trade-top {
        height: auto;
        padding-bottom: 35px
    }

    .copy-trader:hover {
        border-right-style: none;
        border-right-color: #0000
    }

    .follow-list {
        width: 100%
    }

    .follow-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: row;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto
    }

    .follow-list-box {
        width: 100%
    }

    .resultarea {
        width: 100%;
        margin-left: 0
    }

    .chatting {
        width: 100%;
        position: static
    }

    .file-btn {
        width: 25px;
        min-width: 25px
    }

    .flex-chat-box {
        width: 100%
    }

    .logo-link {
        min-width: 80px;
        display: none
    }

    .logo-link.w--current,.logo-link.mobile-flex {
        display: flex
    }

    .more-box {
        z-index: 16;
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        background-color: #161616;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: 100%;
        padding: 2vw;
        display: flex;
        position: relative
    }

    .trade-btn {
        color: #000;
        background-color: #fff;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        width: 70%;
        height: 50px;
        font-weight: 700;
        display: flex
    }

    .more-txt {
        color: #777
    }

    .more-btn-box {
        grid-column-gap: 1.5vw;
        grid-row-gap: 1.5vw;
        flex-flow: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex
    }

    .more-btn-box.custom-mg {
        margin-bottom: 2vw
    }

    .bg-modal {
        z-index: 15;
        background-color: #00000059;
        flex-flow: column;
        justify-content: flex-end;
        align-items: stretch;
        position: fixed;
        inset: 0;
        overflow: auto
    }

    .close-btn {
        background-color: #3898ec00;
        background-image: url(../images/close_1.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 45%;
        width: 5vw;
        height: 5vw;
        padding: 0
    }

    .close-btn.more-close {
        position: absolute;
        top: 2vw;
        right: 3vw
    }

    .mobile-menu-btn {
        color: #777;
        text-align: center;
        background-color: #3898ec00;
        background-image: url(../images/more_on.svg);
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: 3vw 3vw;
        justify-content: center;
        align-items: flex-end;
        width: 7vw;
        height: 7vw;
        padding: 1vw 0;
        font-size: 12px;
        line-height: 14px;
        display: flex
    }

    .mobile-menu-btn.my-page {
        background-image: url(../images/mypage_on.svg);
        background-size: 3vw 3vw
    }

    .mobile-menu-btn.wallet {
        background-image: url(../images/assets_on.svg)
    }

    .mobile-menu-wrap {
        z-index: 9;
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        background-color: var(--white);
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 70px;
        display: flex;
        position: fixed;
        inset: auto 0 0
    }

    .more-btn {
        color: #fff;
        background-color: #272727;
        background-image: url(../images/Follow.svg);
        background-position: 50% 35%;
        background-repeat: no-repeat;
        background-size: auto;
        border-radius: 1vw;
        justify-content: center;
        align-items: flex-end;
        height: 10vw;
        padding: 0 3vw 1vw;
        display: flex
    }

    .more-btn.property {
        background-image: url(../images/Property.svg)
    }

    .more-btn.withdrawal {
        background-image: url(../images/Withdrawal.svg)
    }

    .more-btn.deposit {
        background-image: url(../images/Deposit.svg);
        flex-flow: row;
        justify-content: center;
        align-items: flex-end
    }

    .more-btn.futures-exchange {
        background-image: url(../images/Futures_Exchange.svg)
    }

    .more-btn.funding-history {
        background-image: url(../images/Funding_History.svg)
    }

    .more-btn.exchange {
        background-image: url(../images/Exchange.svg)
    }

    .more-btn.follow {
        background-image: url(../images/Follow.svg)
    }

    .more-btn.history {
        background-image: url(../images/History.svg)
    }

    .more-btn.trade-history {
        background-image: url(../images/Trade_History.svg)
    }

    .more-btn.futures {
        background-image: url(../images/Futures_Exchange.svg)
    }

    .more-btn.spot.w--current {
        background-image: url(../images/Spot_icon.svg)
    }

    .more-btn.withdrawal-list {
        background-image: url(../images/Withdrawal_List.svg)
    }

    .more-btn.my-copy-trade {
        background-image: url(../images/My_Copytrade.svg);
        width: auto
    }

    .trade-menu {
        flex-flow: column;
        width: 100%;
        position: relative
    }

    .bit-mobile-btn-box {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        justify-content: flex-start;
        align-items: center;
        margin-left: auto;
        display: flex
    }

    .order-btn.bbo {
        color: #fff;
        border-radius: 8px
    }

    .order_txt1 {
        display: flex
    }

    .futures-right {
        flex-flow: column;
        max-width: 45vw;
        min-height: auto;
        position: relative;
        right: -51vw
    }

    .futures-right.spot {
        max-width: 99vw;
        right: 0
    }

    .bg-color-stick-box {
        height: 90%;
        display: flex
    }

    .bg-color-stick-box.mobile-flex {
        justify-content: flex-start;
        align-items: center;
        display: flex
    }

    .futures-info-box {
        flex-flow: column;
        width: 95.7vw;
        min-height: auto;
        margin-top: 10px;
        display: flex;
        position: relative;
        bottom: 0;
        left: -50.8vw
    }

    .futures-info-box.spot-box {
        position: relative;
        top: 475px;
        left: auto
    }

    .futures-info-box.futures {
        min-height: 55dvh;
        position: relative
    }

    .futures-info-box.futures.darkmode {
        min-height: 55dvh;
        max-height: 55dvh;
        margin-top: 5vw
    }

    .futures-info-box.futures.spot-mg.darkmode {
        min-height: 55vh;
        margin-top: 5vw
    }

    .futures-info-box.spot-info {
        width: 100%;
        position: relative;
        top: 496px;
        left: auto
    }

    .futures-left {
        flex-flow: column;
        min-width: 50vw;
        max-width: 50vw;
        min-height: 500px;
        max-height: 40vh;
        display: flex;
        position: relative;
        left: -46vw
    }

    .futures-left.spot-left {
        width: 100%;
        max-width: none;
        min-height: auto;
        max-height: none;
        padding-top: 12px;
        padding-bottom: 12px;
        position: absolute;
        bottom: -150px;
        left: auto
    }

    .futures-left.spot-left.darkmode {
        background-color: var(--darkmod)
    }

    .price-volatility-txt {
        justify-content: flex-end;
        align-items: center
    }

    .price-volatility-txt.mobile-txt {
        text-align: right;
        justify-content: flex-end;
        align-items: center;
        width: 45%
    }

    .price-volatility-txt.green.mobile-txt {
        justify-content: flex-end;
        align-items: center
    }

    .price-volatility-txt.white.mobile-txt {
        justify-content: space-between;
        align-items: flex-start
    }

    .price-volatility-txt.red.mobile-txt,.price-volatility-txt.dar {
        justify-content: flex-end;
        align-items: center
    }

    .price-volatility-txt.mobile-price {
        color: var(--black);
        font-size: 14px
    }

    .price-volatility-txt.mobile-price.darkmode {
        color: var(--white)
    }

    .perpetual-content {
        background-color: var(--white);
        min-width: auto;
        display: flex
    }

    .perpetual-content.darkmode {
        background-color: var(--darkmod)
    }

    .mobile-back-btn {
        background-color: #3898ec00;
        background-image: url(../images/arrow_back.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 45%;
        border-radius: 100%;
        width: 5vw;
        height: 5vw;
        padding: 0;
        display: flex
    }

    .trade-wrap {
        flex-flow: row;
        min-width: auto;
        display: none;
        position: relative
    }

    .trade-wrap.futures {
        display: flex
    }

    .trade-wrap.futures.darkmode {
        background-color: var(--darkmod)
    }

    .trade-wrap.spot {
        flex-flow: column;
        display: flex
    }

    .flex-block-3 {
        flex-flow: row;
        display: flex
    }

    .order-form {
        height: 100%
    }

    .input-box-order.spot {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        flex-flow: row;
        position: relative
    }

    .input-box-order.spot.darkmode {
        border-radius: 4px
    }

    .input-box-order.spot.mo {
        justify-content: center;
        align-items: flex-start
    }

    .input-box-order.spot.none {
        display: none
    }

    .input-box-order.darkmode {
        border: 1px none var(--line)
    }

    .input-box-order.small {
        border-radius: 0
    }

    .input-box-order.small.darkmode {
        border-style: none
    }

    .input-box-order.small.none {
        display: none
    }

    .notice-txt-trade {
        white-space: nowrap;
        width: 90%;
        max-width: 90%;
        margin-left: 1vw;
        margin-right: 1vw;
        overflow: hidden
    }

    .bit-mobile-top-btn {
        background-color: #3898ec00;
        background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 60%;
        width: 5vw;
        height: 5vw;
        padding: 0
    }

    .bit-mobile-top-btn.notice {
        background-image: url(../images/notification.svg)
    }

    .bit-mobile-top-btn.star {
        background-image: url(../images/star.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 60%
    }

    .bit-mobile-top-btn.share {
        background-image: url(../images/share.svg)
    }

    .bit-mobile-top-btn.book {
        background-image: url(../images/booklet.svg)
    }

    .form-block-2 {
        height: 100%
    }

    .price-bit-txt {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        display: flex
    }

    .bit-dropdown-box {
        z-index: 2;
        cursor: auto;
        background-image: none;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        padding-right: 0
    }

    .deal-info-txt {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 2vw
    }

    .call-buy.mobile-wh {
        width: 50%;
        height: auto
    }

    .futures-info-list-top {
        min-height: 35px
    }

    .bit-txt-box {
        margin-left: 0
    }

    .mobile-trade-tap {
        width: 100%;
        height: 6vw;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .position-txt.long {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .call-sell.mobile-wh {
        flex-flow: column;
        width: 50%;
        height: auto;
        display: flex
    }

    .start-txt {
        min-height: 45vh
    }

    .order-btn-box {
        flex-flow: column;
        height: auto
    }

    .order-btn-box.spot-box {
        display: flex
    }

    .order-info-txt.feelevel {
        display: none
    }

    .call-price-box.mobile-height {
        justify-content: space-between;
        align-items: center;
        height: 30px
    }

    .deal-info-wrap {
        flex-flow: wrap;
        padding-top: 2vw
    }

    .iso-txt {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .futures-list-box {
        overflow: auto
    }

    .call-top-txt.w20.size-txt.green.mobile-txt,.call-top-txt.w20.size-txt.red.mobile-txt {
        font-size: 14px
    }

    .call-top-txt.w40.size-txt.black {
        justify-content: flex-end;
        align-items: flex-start;
        display: flex
    }

    .call-top-txt.w40.size-txt.black.mobile-txt {
        font-size: 14px
    }

    .trade-top {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: row;
        order: -1;
        width: 100%;
        min-width: auto;
        height: auto;
        margin-top: 0;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .futures-list-txt {
        line-height: 125%
    }

    .order-input-txt {
        white-space: nowrap;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .order-input-txt.spot-txt {
        margin-top: 3px;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 11px;
        line-height: 16px;
        display: flex;
        position: absolute
    }

    .order-input-txt.mobile-none {
        display: none
    }

    .leverage-txt {
        color: #777;
        border: 1px solid #4c4e4d;
        border-radius: 3px;
        margin-left: 2vw;
        padding-left: 3px;
        padding-right: 3px;
        font-weight: 700;
        display: flex
    }

    .deal-btn {
        height: 6vw;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .position-block.short {
        color: var(--white)
    }

    .order-txt-box,.order-txt-box.mobile-none {
        display: none
    }

    .order-txt-box.line-top {
        grid-column-gap: .15rem;
        grid-row-gap: .15rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: none
    }

    .order-txt-box.total {
        display: flex
    }

    .bit-info-box {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: auto
    }

    .order-tap-box {
        grid-column-gap: 0;
        grid-row-gap: 0;
        cursor: pointer;
        background-color: #f5f5f5;
        border-bottom-style: none;
        border-radius: 5px;
        justify-content: flex-start;
        align-items: center;
        min-height: 40px;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 2vw;
        padding-right: 2vw;
        position: relative
    }

    .order-tap-box.darkmode {
        border: 1px none var(--line);
        background-color: var(--darkmode-input);
        background-image: none;
        border-radius: 4px;
        position: relative;
        overflow: visible
    }

    .call-top-txt-box {
        margin-bottom: .3rem
    }

    .trade-fisrt-mobile {
        flex-flow: column;
        margin-left: 1.5vw;
        margin-right: 1.5vw;
        display: flex
    }

    .trade-fisrt-mobile.spot {
        order: -1;
        display: none
    }

    .position-txt-span {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .futures-list {
        height: auto;
        line-height: 125%
    }

    .futures-top-wrap-box.mobile-txt {
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    .futures-top-wrap-box.flex-right-mo {
        justify-content: center;
        align-items: flex-end;
        display: flex
    }

    .mobile-txt-box-div {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 40%;
        height: 100%;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .red-txt.mobile-txt {
        font-size: 2vw;
        line-height: 4vw
    }

    .futures-info-tap-box {
        border-top: 1px solid var(--line);
        min-height: 45px;
        position: relative
    }

    .futures-info-tap-box.whitemod {
        border-top-style: none
    }

    .position-info-txt {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .mobile-trade-btn {
        color: #777;
        background-color: #3898ec00;
        justify-content: center;
        align-items: center;
        height: 100%;
        font-size: 13px;
        line-height: 16px;
        display: flex
    }

    .mobile-trade-btn.on {
        color: #fff;
        border-bottom: 1px solid #fff;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .spot-tap {
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 33.3%;
        display: flex
    }

    .spot-tap.on {
        display: flex
    }

    .chart {
        min-width: 95.7vw;
        max-width: none;
        height: 100%;
        min-height: 500px;
        display: none;
        position: relative;
        left: -50.8vw
    }

    .chart.chart-mobile {
        min-width: 95.1vw;
        min-height: 60vw;
        margin-bottom: 10px;
        display: none;
        left: 0
    }

    .notice-block {
        color: #777;
        justify-content: flex-start;
        align-items: center;
        height: 5vw;
        padding: 0;
        display: flex
    }

    .sltp-btn {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        line-height: 3vw
    }

    .call-chart-area {
        flex-flow: column
    }

    .call-box {
        min-width: 45vw;
        max-width: 45vw
    }

    .call-box.mobile-flex {
        flex-flow: column;
        width: 100%;
        min-width: auto;
        max-width: none;
        display: none
    }

    .call-box.mobile-flex.spot {
        display: flex
    }

    .call-box.spot {
        width: 100%;
        max-width: none
    }

    .bit-info-box2 {
        grid-column-gap: .2rem;
        grid-row-gap: .2rem;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex
    }

    .futures-wrap-block {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 50%;
        margin-left: auto
    }

    .futures-wrap-block.spot {
        grid-column-gap: 6px;
        grid-row-gap: 6px;
        width: 100%
    }

    .image-3 {
        display: none
    }

    .futures-colornine {
        white-space: nowrap;
        font-size: 12px
    }

    .futures-colornine.mobile-txt {
        white-space: nowrap;
        width: 60%
    }

    .deal-wrap-box {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        width: 33%;
        height: auto
    }

    .deal-wrap-box.line-sltp {
        border-left-style: none;
        width: 100%;
        margin-top: 1vw;
        padding-left: 0
    }

    .position-info-box {
        display: none
    }

    .deal-info-box {
        height: auto;
        min-height: auto;
        padding: 1vw
    }

    .input-wrap-box.gap-w.none {
        display: none
    }

    .order-tap {
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 33.3%;
        display: none
    }

    .order-tap.on {
        grid-column-gap: 2px;
        grid-row-gap: 2px;
        border-bottom-style: none;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        display: flex
    }

    .order-tap.on.darkmode {
        background-color: #0000
    }

    .input-wrap-2 {
        display: none
    }

    .futures-tap {
        justify-content: center;
        align-items: center;
        width: 100%
    }

    .futures-tap.on {
        width: 100%
    }

    .futures-list-wrap {
        min-height: 50vw;
        max-height: 50vw;
        overflow: visible
    }

    .order-input {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .order-input.spot-input {
        width: 100%;
        padding-top: 20px;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .order-input.spot-input.center {
        text-align: center
    }

    .bit-wrap {
        cursor: pointer;
        background-image: url(../images/down_off.svg);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: auto;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        padding-right: 15px
    }

    .btc-rice-txt {
        font-size: 24px;
        font-weight: 700;
        line-height: 24px
    }

    .futures-info-list.order-list {
        display: none
    }

    .futures-info-list.recent-list {
        display: flex
    }

    .futures-info-list.trigger-list {
        display: none
    }

    .spot-flex-box {
        margin-top: 0;
        padding-top: 0
    }

    .menu-wrap {
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        display: flex
    }

    .search-btn-mobile {
        cursor: pointer;
        background-image: url(../images/search_1.svg);
        display: flex
    }

    .hamberger-menu {
        cursor: pointer;
        background-image: url(../images/menu.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: auto;
        width: 35px;
        height: 35px;
        padding: 0;
        display: flex
    }

    .order-top {
        grid-column-gap: 2px;
        grid-row-gap: 2px;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px
    }

    .order-top-btn {
        justify-content: center;
        align-items: center;
        width: auto
    }

    .order-top-btn.w30 {
        width: 30%
    }

    .order-top-btn.darkmode {
        width: 100%;
        padding-left: 6px;
        padding-right: 6px
    }

    .order-btn-2 {
        width: 100%;
        height: 6vw;
        padding: 0;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .spot-label.darkmode {
        background-color: var(--darkmod)
    }

    .price-volatility-txt-2.funding.mobile-txt {
        justify-content: space-between;
        align-items: flex-start
    }

    .futures-colornine-2.mobile-txt {
        white-space: nowrap;
        width: 60%
    }

    .trade-top-info,.mobile-mini-chart,.btnlist {
        display: none
    }

    .btnlist.footer {
        background-color: #0a1569;
        flex-direction: row;
        width: 100%;
        height: 100%;
        min-height: auto;
        margin-left: 0;
        padding: 0;
        display: flex
    }

    .mobile {
        display: none
    }

    .white_topbtn {
        color: #fff;
        min-width: 19%;
        height: 100px
    }

    .white_topbtn.click {
        height: 100px
    }

    .mob_leveragepop {
        justify-content: center;
        align-items: flex-end
    }

    .mob_asidepop_block {
        display: flex
    }

    .leverage_block.mob.black {
        width: 100%
    }

    .top-menu-wrap {
        z-index: 999;
        background-color: #00000059;
        flex-flow: row;
        justify-content: flex-end;
        align-items: center;
        display: none;
        position: fixed;
        inset: 0
    }

    .mo-btn-flex {
        background-image: url(../images/down.svg);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: auto;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        min-height: 50px;
        max-height: 50px
    }

    .mo-btn-flex.on {
        background-image: url(../images/arrow_on.svg)
    }

    .mo-btn-flex.no {
        background-image: none
    }

    .close-menu {
        margin-top: 16px;
        margin-bottom: 16px;
        margin-left: auto;
        display: block
    }

    .influ-box {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .influ-box.member {
        display: none
    }

    .influ-wrap-max {
        box-shadow: none;
        width: 100%;
        min-width: auto;
        height: 100%;
        padding: 0
    }

    .influe-wrap {
        flex-flow: column;
        justify-content: center;
        align-items: stretch;
        margin-left: 0;
        margin-right: 0;
        padding: 0 12px
    }

    .influ-cotents {
        height: auto
    }

    .trade_coinsub {
        z-index: 5
    }

    .copyt_box {
        align-items: stretch;
        padding-left: 12px;
        padding-right: 12px
    }

    .copyt_block4 {
        width: 100%
    }

    .copyt_user {
        width: auto
    }

    .copyt_title {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .copyt_title-2 {
        margin-left: 0;
        margin-right: 0
    }

    .trade-wrap-box {
        width: 30%
    }

    .copyt_block3 {
        margin-left: 0;
        margin-right: 0
    }

    .copyt_block2 {
        margin: 0
    }

    .copyt_listbox.none {
        margin-left: 50px
    }

    .ranking-wrap-box2 {
        padding-top: 2%
    }

    .section-le {
        justify-content: center;
        align-items: center;
        padding-top: 45px
    }

    .global-pat-img2 {
        width: 13vw;
        height: 8vw
    }

    .gp-mega-img {
        width: 100%;
        height: 30vw
    }

    .gp-event-txt {
        font-size: 2.5vw
    }

    .text-span-87 {
        font-size: 3.5vw;
        line-height: 5vw
    }

    .join-now-btn {
        width: 25vw;
        height: 7vw
    }

    .be-txt-tiitle {
        padding: 1vw 2vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .be-txt-tiitle._3,.be-txt-tiitle._2 {
        min-width: 29vw
    }

    .befi-icon {
        display: none
    }

    .bn-txt {
        font-size: 2vw;
        line-height: 2vw
    }

    .get30btn {
        border-radius: 1vw;
        width: 20vw;
        height: 7vw;
        margin-top: 5vw
    }

    .section-le2 {
        justify-content: center;
        align-items: center;
        height: 95vh;
        padding-left: 3%;
        padding-right: 3%
    }

    .section-le2._2 {
        height: 75vh
    }

    .be-title-txt {
        font-size: 3vw;
        line-height: 3vw
    }

    .benefits-icon {
        width: 5vw;
        height: 5vw
    }

    .img-box-be {
        width: 100%;
        height: 37vw
    }

    .img-box-be._3 {
        width: 100%;
        height: 35vw;
        margin-top: 5vw
    }

    .txt-img-be {
        background-size: 100%;
        width: 100%;
        height: 20vw;
        margin-top: 3vw
    }

    .txt-img-be._2 {
        width: 100%
    }

    .txt-img-be._4 {
        background-size: 75%
    }

    .benefits-wrap {
        justify-content: flex-start;
        align-items: center;
        padding: 2%
    }

    .benefits-blcok {
        width: 100%;
        height: 35vw;
        padding: 2%
    }

    .section-le3,.section-le4 {
        padding-left: 3%;
        padding-right: 3%
    }

    .text-block-142 {
        font-size: 2vw
    }

    .rally-box,.rally-box._2 {
        width: 90%
    }

    .display_setting.mobile {
        margin-left: 0;
        position: relative;
        right: auto
    }

    .display_setting.mobile.my-page {
        position: absolute
    }

    .flex-box-spot {
        display: none
    }

    .asset-btn {
        padding: 0
    }

    .tpsl-order-top {
        display: none
    }

    .order-info-txt-14s {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .limit-order {
        height: 100%
    }

    .limit-order.perpetual,.market-order {
        display: none
    }

    .tpsl-order.perpetual {
        display: flex
    }

    .input-box-wrapper.spot {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        flex-flow: row;
        position: relative
    }

    .apply-box {
        width: 100%
    }

    .use-bonus {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        padding-left: 2vw;
        padding-right: 2vw;
        font-size: 12px
    }

    .info-img {
        position: absolute;
        left: 80px
    }

    .asset-mode {
        display: none
    }

    .asset-mode.mo {
        display: flex
    }

    .flex-box-left {
        width: 100%
    }

    .flex-txt-box {
        display: none
    }

    .mo-input-box {
        border-radius: 6px;
        flex-flow: column;
        display: flex
    }

    .mo-input-box.darkmode {
        background-color: var(--darkmode-input);
        border: 1px #fff;
        overflow: hidden
    }

    .marginmodpop {
        justify-content: center;
        align-items: flex-end
    }

    .marginmodpop-box {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        justify-content: flex-start;
        align-items: center;
        width: 100%
    }

    .positionmodpop {
        flex-flow: column;
        justify-content: flex-end;
        align-items: center;
        display: none;
        position: relative
    }

    .positionmod-box {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        width: 100%
    }

    .usebonuspop {
        justify-content: center;
        align-items: flex-end;
        display: none
    }

    .usebonuspop-box {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        width: 100%
    }

    .transferpop,.tpsl-box {
        display: none
    }

    .text-block-143 {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .input-flex-box {
        display: none
    }

    .gage-bar-call {
        margin-left: 0;
        margin-right: 0
    }

    .btn-price {
        justify-content: center;
        align-items: center;
        height: 100%;
        padding-left: 2vw;
        padding-right: 2vw;
        display: flex
    }

    .mo-dropdown {
        z-index: 2;
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        background-color: #f5f5f5;
        border-radius: 1vw;
        flex-flow: column;
        width: 100%;
        padding: 2vw;
        display: none;
        position: absolute;
        top: 43px;
        left: 0
    }

    .mo-dropdown.darkmode {
        border: 1px solid var(--line);
        background-color: var(--darkmod)
    }

    .lang-link {
        display: flex
    }

    .dropdown {
        justify-content: center;
        align-items: center;
        height: 100%
    }

    .dropdown-list-2 {
        background-color: #000;
        display: block
    }

    .dropdown-toggle {
        justify-content: center;
        align-items: center;
        height: 100%;
        margin-bottom: 5px;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 20px;
        display: flex
    }

    .dropdown-toggle.w--open {
        margin-top: 0;
        padding-bottom: 0
    }

    .lang-img {
        display: block
    }

    .trade-top-copy {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: row;
        order: -1;
        width: 100%;
        min-width: auto;
        height: auto;
        margin-top: 0;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .trade_coinsub-mo {
        z-index: 5
    }

    .bit-wrap-mo {
        cursor: pointer;
        background-image: url(../images/down_off.svg);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: auto;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        padding-right: 15px
    }

    .order-top-mo {
        grid-column-gap: 2px;
        grid-row-gap: 2px;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px
    }

    .order-top-btn-mo {
        justify-content: center;
        align-items: center;
        width: auto
    }

    .order-top-btn-mo.w30 {
        width: 30%
    }

    .order-top-btn-mo.darkmode {
        width: 100%;
        padding-left: 6px;
        padding-right: 6px
    }

    .order-tap-box-mo {
        grid-column-gap: 0;
        grid-row-gap: 0;
        cursor: pointer;
        background-color: #f5f5f5;
        border-bottom-style: none;
        border-radius: 5px;
        justify-content: flex-start;
        align-items: center;
        min-height: 40px;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 2vw;
        padding-right: 2vw;
        position: relative
    }

    .order-tap-box-mo.darkmode {
        border: 1px solid var(--line);
        background-image: none;
        border-radius: 4px;
        position: relative;
        overflow: visible
    }

    .info-img-mo {
        position: absolute;
        left: 80px
    }

    .order-tap-mo {
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 33.3%;
        display: none
    }

    .order-tap-mo.on {
        grid-column-gap: 2px;
        grid-row-gap: 2px;
        border-bottom-style: none;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        display: flex
    }

    .order-tap-mo.on.darkmode {
        background-color: #0000
    }

    .order-top-btn-mo-copy {
        justify-content: center;
        align-items: center;
        width: auto
    }

    .order-top-btn-mo-copy.w30 {
        width: 30%
    }

    .order-top-btn-mo-copy.darkmode {
        width: 100%;
        padding-left: 6px;
        padding-right: 6px
    }

    .order-top-btn-mo-copy-copy {
        justify-content: center;
        align-items: center;
        width: auto
    }

    .order-top-btn-mo-copy-copy.w30 {
        width: 30%
    }

    .order-top-btn-mo-copy-copy.darkmode {
        width: 100%;
        padding-left: 6px;
        padding-right: 6px
    }

    .order-btn-box-mo {
        flex-flow: column;
        height: auto
    }

    .order-btn-box-mo.spot-box {
        display: flex
    }

    .order-btn-2-copy {
        width: 100%;
        height: 6vw;
        padding: 0;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .call-sell-copy.mobile-wh {
        flex-flow: column;
        width: 50%;
        height: auto;
        display: flex
    }

    .call-buy-copy.mobile-wh {
        width: 50%;
        height: auto
    }

    .gage-bar-call-copy {
        margin-left: 0;
        margin-right: 0
    }

    .call-price-box-copy.mobile-height,.call-price-box-mo.mobile-height {
        justify-content: space-between;
        align-items: center;
        height: 30px
    }

    .futures-info-box-copy {
        flex-flow: column;
        width: 95.7vw;
        min-height: auto;
        margin-top: 10px;
        display: flex;
        position: relative;
        bottom: 0;
        left: -50.8vw
    }

    .futures-info-box-copy.spot-box {
        position: relative;
        top: 475px;
        left: auto
    }

    .futures-info-box-copy.futures {
        min-height: 55dvh;
        position: relative
    }

    .futures-info-box-copy.futures.darkmode {
        min-height: 55dvh;
        max-height: 55dvh;
        margin-top: 5vw
    }

    .futures-info-box-copy.futures.spot-mg.darkmode {
        min-height: 55vh;
        margin-top: 5vw
    }

    .futures-info-box-copy.spot-info {
        width: 100%;
        position: relative;
        top: 496px;
        left: auto
    }

    .ordertypepop {
        flex-flow: column;
        justify-content: flex-end;
        align-items: center;
        display: none;
        position: relative
    }
}

@media screen and (max-width: 767px) {
    .top_menubtnlist {
        min-width:auto;
        margin-left: 1vw
    }

    .top {
        justify-content: flex-start;
        align-items: flex-start;
        width: auto;
        min-width: auto;
        max-width: 100vw;
        inset: 0 0 auto
    }

    .top.mo {
        background-color: var(--white);
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        height: auto;
        min-height: auto;
        padding: 12px;
        display: none
    }

    .top.mo.darkmode {
        background-color: var(--darkmod)
    }

    .registbtn {
        width: 80px;
        display: flex
    }

    .topblock {
        box-shadow: none;
        min-width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 12px;
        padding-right: 12px;
        display: flex
    }

    .topblock.mo {
        display: none
    }

    .qr-code-div {
        width: 150px;
        height: 150px
    }

    .qr-code-hover {
        padding-top: 4vw;
        top: 100%;
        right: 10vw
    }

    .loginbtn {
        font-size: 2.5vw;
        line-height: 3vw;
        display: none
    }

    .loginbtn.mo {
        font-size: 14px;
        line-height: 16px
    }

    .qr-code-frame {
        justify-content: center;
        align-items: center
    }

    .top_arrow {
        width: 2vw;
        display: block
    }

    .qr-code {
        margin-right: 0
    }

    .top_leftblock {
        min-width: auto;
        display: flex
    }

    .logoblock {
        display: flex
    }

    .lang-box {
        min-width: 10vw
    }

    .topbtn_drop.lang {
        grid-column-gap: 0;
        grid-row-gap: 0;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        width: 200%;
        display: none;
        position: absolute
    }

    .topbtn {
        font-size: 2.8vw;
        line-height: 3vw
    }

    .mob_sidebtn {
        filter: invert(36%) sepia(42%) saturate(3232%) hue-rotate() brightness(88%) contrast(101%);
        background-image: url(../images/menu_square_white.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 45%;
        justify-content: center;
        align-items: center;
        width: 10vw;
        height: 100%;
        margin-right: 1vw;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .root {
        padding-bottom: 70px
    }

    .root.darkmode {
        min-height: 100dvh
    }

    .banner-input {
        width: 200px;
        height: 40px
    }

    .phone-img {
        display: none
    }

    .m-s-txt {
        white-space: nowrap;
        font-size: 16px
    }

    .sign-up-btn {
        width: 120px;
        height: 40px;
        font-size: 14px
    }

    .main_banner_block {
        background-size: cover;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-width: auto;
        min-height: auto
    }

    .main-div {
        width: auto
    }

    .mi-sign-wrap {
        margin-top: 2%;
        font-size: 2.5vw
    }

    .mi-sign-wrap._2 {
        margin-top: 0
    }

    .rolling {
        justify-content: center;
        align-items: center;
        margin-bottom: 24px
    }

    .main-box-txt {
        margin-right: 2%;
        display: block
    }

    .main-box-txt.nonem {
        display: none
    }

    .card-head-price {
        font-size: 20px
    }

    .card-box {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: row;
        justify-content: flex-start;
        align-items: flex-start
    }

    .co-info-box {
        grid-column-gap: 6px;
        grid-row-gap: 6px;
        min-width: 200px;
        height: auto;
        min-height: auto
    }

    .img-co {
        width: 45px;
        height: 45px
    }

    .coin-img {
        min-width: 25px;
        min-height: 25px;
        margin-right: 1px
    }

    .coin-info-wrap {
        justify-content: flex-start;
        align-items: center
    }

    .currency-bx {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        justify-content: flex-start;
        align-items: center;
        width: 125px;
        height: auto
    }

    .ca-txt,.ca-txt._2 {
        width: 125px
    }

    .main_box3 {
        flex-flow: column;
        justify-content: flex-start;
        max-width: none;
        font-size: 1rem;
        line-height: 1.8rem;
        position: relative
    }

    .update-area {
        flex-flow: column
    }

    .cureency-name {
        line-height: 125%
    }

    .cate-txt-box {
        border-bottom: 1px solid var(--line)
    }

    .update-subf {
        flex-flow: column;
        width: 100%;
        margin-right: 0;
        display: flex
    }

    .update-suba {
        width: 100%
    }

    .list {
        border-bottom: 1px solid var(--line)
    }

    .market-up-btn {
        text-align: center;
        font-size: 14px;
        line-height: 125%
    }

    .up-txt-2._2 {
        white-space: nowrap
    }

    .btn-box-mi {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .sub-txt {
        padding-left: 12px;
        padding-right: 12px
    }

    .coin-img2 {
        background-size: 100%
    }

    .footer {
        flex-direction: column;
        width: 100%;
        min-width: auto;
        height: auto;
        margin-top: 0;
        padding-left: 12px;
        padding-right: 12px;
        display: flex
    }

    .footerlist_warp {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-items: center;
        width: 100%;
        min-width: auto;
        display: grid
    }

    .bottom {
        width: 100%;
        min-width: auto;
        margin-top: 0;
        display: none;
        position: relative;
        top: 0
    }

    .footerlist_title {
        text-align: left;
        margin-bottom: 0;
        display: flex
    }

    .footerlist {
        text-align: left;
        justify-content: flex-start;
        display: flex
    }

    .f_wrap {
        flex-direction: column
    }

    .footer_block {
        flex-direction: column;
        min-width: 100%
    }

    .footerlist_block {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        min-width: 30vw;
        margin-left: 1vw
    }

    .start-new-wrap {
        flex-flow: column
    }

    .start-hover-menu {
        flex-flow: column;
        width: 100%;
        min-width: auto
    }

    .app-install-wrap {
        flex-flow: column
    }

    .download-btn {
        margin-left: auto
    }

    .member-wrap {
        padding-top: 24px;
        padding-left: 12px;
        padding-right: 12px
    }

    .regist_btnwarp {
        margin-top: 0;
        margin-bottom: 0
    }

    .input-field {
        width: 855%;
        padding: 0 3vw
    }

    .input-password-find {
        height: 100%;
        padding: 0 3vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .member-title-big {
        font-size: 32px
    }

    .poptitle {
        margin-bottom: 2vw;
        font-size: 6vw;
        line-height: 7vw
    }

    .poptitle.small {
        font-size: 4vw;
        line-height: 5vw
    }

    .poptitle.mo-none {
        display: none
    }

    .field-label {
        margin-top: 2vw;
        margin-bottom: 2vw
    }

    .welcomepop {
        display: none
    }

    .pop_exist {
        width: 5vw;
        height: 5vw;
        top: 1vw;
        right: 1vw
    }

    .title6 {
        text-align: center;
        justify-content: center;
        font-size: 5vw;
        line-height: 7vw;
        display: flex
    }

    .close-img {
        width: 4vw;
        height: 4vw
    }

    .registpop_blcok {
        width: 95vw;
        padding: 4vw 6vw 5vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .l_p_input {
        height: 7vw;
        margin-bottom: 2vw;
        padding: 1vw 3vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .cancle,.confirm {
        font-size: 3.5vw;
        line-height: 4vw
    }

    .title5 {
        margin-top: 2vw;
        margin-bottom: 2vw;
        font-size: 3.5vw;
        line-height: 5vw
    }

    .password-find-box {
        height: 8vw
    }

    .popup-btn {
        border-radius: 1vw;
        margin-left: 2vw;
        padding: 1vw;
        font-size: 3vw;
        line-height: 2.8vw
    }

    .popup-input {
        height: 100%;
        padding: 1vw 3vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .popup {
        width: 100%;
        height: 100%
    }

    .pop_input {
        height: 8vw
    }

    .pop_btn {
        height: 8vw;
        margin-top: 3vw;
        margin-left: auto;
        margin-right: auto
    }

    .pop_btn.mo-none {
        display: none
    }

    .auth_count {
        margin-bottom: 1vw
    }

    .p2p-menu {
        height: auto;
        min-height: 65px
    }

    .p2p-menu-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: wrap
    }

    .p2p-menu-btn {
        min-height: 45px
    }

    .p2p_wrap {
        z-index: 1001;
        height: auto;
        position: relative
    }

    .ads-btn {
        z-index: 0;
        height: 8vw
    }

    .p2p-drop-down {
        height: 8vw;
        padding-left: 5vw;
        padding-right: 5vw;
        font-size: .9rem;
        line-height: 1rem
    }

    .dropdown-list {
        z-index: 10001
    }

    .p2p_mbtn {
        color: #333;
        background-color: #0000;
        border-radius: 0;
        justify-content: center;
        width: 50%;
        min-width: auto;
        height: 8vw;
        padding: 1vw;
        font-size: .9rem;
        line-height: 1rem
    }

    .p2p_mbtn:hover {
        box-shadow: none;
        color: #00b4c9;
        background-color: #0000;
        border-right-style: none;
        border-right-width: 1px;
        transform: none
    }

    .p2p_mbtn.w--current {
        padding-left: 5vw;
        padding-right: 5vw
    }

    .p2p-container {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .select-box {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .select-usdt {
        display: flex
    }

    .inse-box {
        min-width: 275px;
        display: flex
    }

    .p2p-select {
        width: 49%;
        margin-left: 0;
        margin-right: 0;
        padding: 1vw;
        display: flex
    }

    .list_profilecircle-2 {
        font-size: 3vw
    }

    .method_txt {
        border-left: 1px solid var(--main-co);
        background-color: #0000;
        border-radius: 4px;
        box-shadow: -1px 2px 5px #0003
    }

    .buysellbtn {
        text-align: center;
        padding: 0
    }

    .buysellbtn.buy {
        font-size: 14px
    }

    .buysellbtn.sell {
        border-radius: 1vw
    }

    .list_profile_name {
        line-height: 125%
    }

    .asset_tablelist {
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: auto;
        min-height: 60px
    }

    .asset_tablelist.p2p {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        width: auto;
        height: auto;
        padding: 3vw
    }

    .asset_tablelist.p2p:hover {
        background-color: #0000
    }

    .p2p_tabletop {
        z-index: 0;
        border-radius: 0;
        position: sticky;
        top: 0
    }

    .p2p_tabletop.p2p {
        display: none
    }

    .table_warp {
        background-color: #fafbfc;
        width: 100%;
        margin-top: 3vw;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: auto
    }

    .list_block1 {
        width: 55vw
    }

    .list_block1.p2p {
        justify-content: flex-start;
        align-items: center;
        padding-left: 2px;
        padding-right: 2px
    }

    .listtext1 {
        text-align: center;
        width: 11%;
        margin: 0;
        padding-left: 1vw;
        padding-right: 1vw
    }

    .listtext1.right.p2p {
        justify-content: flex-start;
        align-items: center
    }

    .list_block2 {
        width: 17%
    }

    .list_block2.p2p {
        margin-right: 0
    }

    .p2pwrap {
        margin-bottom: 2vw
    }

    .list_txtwarp {
        font-size: 3vw
    }

    .list_txtwarp.p2p {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        justify-content: center;
        align-items: flex-start
    }

    .list_warp_title {
        margin-right: .5vw
    }

    .list_block3 {
        width: 55vw
    }

    .list_block3.p2p {
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-top: 1vw;
        margin-bottom: 1vw
    }

    .no_data {
        background-image: none;
        width: 100%;
        height: 65vh;
        min-height: auto
    }

    .asset_table {
        width: 280%
    }

    .asset_table.p2p {
        width: auto
    }

    .list_profilewarp {
        margin-left: 1vw
    }

    .listpage_warp {
        height: 7vw;
        margin-top: 4vw
    }

    .paging-btn {
        background-color: #0000;
        justify-content: center;
        align-items: center;
        padding: 0;
        display: flex
    }

    .confrim-btn {
        width: 40vw
    }

    .partner-item {
        width: 100%;
        padding: 3vw
    }

    .partner-item._2 {
        width: 100%;
        padding: 14px
    }

    .d-flex {
        height: 10vw
    }

    .d-flex.d {
        width: auto
    }

    .d-flex-st {
        width: 100%;
        margin-right: 0
    }

    .second-txt {
        width: 10vw;
        height: 5vw
    }

    .advcash-sub {
        width: 90%
    }

    .payment-content {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: column;
        width: 100%;
        height: auto
    }

    .kyc {
        width: 10vw;
        height: 4vw;
        font-size: 1.8vw;
        line-height: 2vw
    }

    .top-div-crypto {
        width: 18vw
    }

    .top-div-crypto._2 {
        width: 35vw
    }

    .justify-content-between {
        width: 100%;
        height: 5vw
    }

    .payment-detail {
        width: 100%;
        height: 40vw
    }

    .d-flex-div {
        flex-flow: column
    }

    .d-flex-div._2 {
        flex-flow: row
    }

    .crypto-txt2 {
        font-size: 3vw;
        line-height: 3vw
    }

    .vo-et-img,.vo-et-img._3 {
        width: 5vw;
        height: 5vw
    }

    .text-receive {
        font-size: 2.2vw;
        line-height: 2.5vw
    }

    .boxcrypto {
        flex-flow: row;
        height: 10vw
    }

    .boxcrypto.red {
        width: 100%
    }

    .spend-txt {
        margin-bottom: 2vw;
        font-size: 2vw;
        line-height: 3vw
    }

    .wallet-line {
        width: 5vw;
        height: 5vw;
        margin: 7vw 3vw 0 -5vw
    }

    .input-txt {
        font-size: 2.2vw;
        line-height: 2.5vw
    }

    .crpyto-img {
        width: 5vw;
        min-width: 5vw;
        height: 5vw;
        min-height: 5vw
    }

    .crypto-txt {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .limit-txt {
        margin-top: 1vw
    }

    .wallet-container {
        padding-bottom: 24px;
        padding-left: 12px;
        padding-right: 12px
    }

    .property-info {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: column;
        padding-bottom: 24px
    }

    .property-info-wrap {
        grid-column-gap: 6px;
        grid-row-gap: 6px;
        width: 100%
    }

    .request_btn {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        width: auto;
        margin-right: 3vw;
        padding-left: 1vw;
        padding-right: 1vw
    }

    .re_tolltip {
        width: 5vw;
        height: 5vw
    }

    .tooltip_box {
        width: 45vw;
        padding: 2vw
    }

    .wallet-table-list-box {
        white-space: nowrap;
        overflow: auto
    }

    .table-wrap.coin-box {
        min-width: 160px
    }

    .table-container,.withdrawal-table {
        width: 100%;
        min-width: auto
    }

    .wallet-select {
        width: 100%
    }

    .asset_listbox {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: column
    }

    .exchange-title {
        width: auto;
        display: flex
    }

    .exchangeinfo {
        justify-content: center;
        width: 100%
    }

    .coin_selectwrap {
        width: 100%
    }

    .asset-select {
        border-radius: 1vw;
        width: 100%;
        font-size: 3vw;
        line-height: 3vw
    }

    .asset-txt {
        justify-content: flex-start;
        width: 100%
    }

    .exchangebtn {
        width: 8vw;
        height: 8vw;
        margin-left: 3vw;
        margin-right: 3vw;
        padding-top: 0
    }

    .exchangebtn_img {
        opacity: .4;
        width: auto;
        min-width: 32px;
        height: auto;
        min-height: 32px
    }

    .asset_quote {
        padding-left: 109px
    }

    .exchange-txt {
        width: auto;
        min-height: auto
    }

    .exchange-input {
        border-radius: 1vw;
        width: auto
    }

    .exchange-input.select {
        border-color: #00000026;
        border-radius: 1vw;
        width: 100%
    }

    .exchange_quote1 {
        margin-left: 0
    }

    .assetbox2 {
        flex-direction: row;
        height: auto;
        margin-bottom: 4vw
    }

    .title2 {
        align-items: center;
        margin-bottom: 1vw;
        font-size: 3vw;
        line-height: 4vw;
        display: flex
    }

    .asset_block2 {
        width: 100%
    }

    .assetbox3 {
        justify-content: flex-start;
        width: 100%
    }

    .deposit_pop {
        border-radius: 10px;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .d_n_txtbox {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        min-height: 40vw;
        font-size: 2.8vw;
        line-height: 4.8vw
    }

    .text-field-23 {
        height: 7vw;
        margin-left: auto;
        padding: 1vw 2vw
    }

    .p-tx-wrap {
        width: 95%;
        margin-bottom: 2vw;
        padding-left: 2vw
    }

    .xrppop {
        border-radius: 10px;
        padding-left: 4vw;
        padding-right: 4vw;
        display: none
    }

    .xrppop_box {
        border: 1px solid #ffffff1a;
        border-radius: 1vw;
        width: 90%;
        min-height: auto;
        padding: 4vw 4vw 5vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .depositpop_box {
        border: 1px solid #ffffff1a;
        border-radius: 1vw;
        width: 100%;
        min-height: auto;
        padding: 4vw 4vw 5vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .warn_icon {
        width: 15vw;
        height: 15vw
    }

    .pop-wrap-box {
        margin-top: 0
    }

    .depositaddress_txtbox {
        width: 58vw;
        height: 7vw;
        margin-left: 0;
        padding: 1vw 2vw;
        font-size: 2vw;
        line-height: 3vw
    }

    .image-38 {
        width: 4vw;
        height: 4vw
    }

    .copyicon {
        width: 5vw;
        height: 5vw
    }

    .asset_address {
        margin-bottom: 1vw;
        padding-left: 0
    }

    .cancle-2 {
        font-size: 3.5vw;
        line-height: 4vw
    }

    .d_network {
        width: 100%;
        padding-left: 2vw
    }

    .depositaddress {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        padding-top: 1vw;
        padding-bottom: 1vw
    }

    .confirm-2 {
        font-size: 3.5vw;
        line-height: 4vw
    }

    .de_noticepop {
        border-radius: 10px;
        padding-left: 4vw;
        padding-right: 4vw;
        display: none
    }

    .d_network_check {
        width: 14vw;
        height: 7vw;
        font-size: 2.5vw
    }

    .de_notice_box {
        border: 1px solid #ffffff1a;
        border-radius: 1vw;
        width: 100%;
        min-height: auto;
        padding: 4vw 4vw 5vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .title6-2 {
        text-align: center;
        justify-content: center;
        font-size: 5vw;
        line-height: 7vw;
        display: flex
    }

    .withrawlblock {
        border-color: #ffffff1a;
        border-radius: 1vw;
        width: 90vw;
        padding: 7vw 5vw 4vw
    }

    .disabled_pop {
        border-radius: 10px;
        padding-left: 4vw;
        padding-right: 4vw
    }

    .confirm-3 {
        font-size: 3.5vw;
        line-height: 4vw
    }

    .disabled_box {
        border: 1px solid #ffffff1a;
        border-radius: 1vw;
        width: 90%;
        min-height: auto;
        padding: 4vw 4vw 5vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .input-auth {
        height: 100%;
        padding: 1vw 3vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .form-block-14 {
        margin-top: 4vw;
        margin-bottom: 4vw
    }

    .pop_input-2 {
        height: 8vw
    }

    .depositbottom1,.depositbottom2 {
        font-size: 3.5vw;
        line-height: 4vw
    }

    .warn_xrp {
        margin-top: 2vw;
        margin-bottom: 2vw;
        font-size: 2.3vw
    }

    .trade-history-info-wrap {
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    .top-flex-box {
        grid-column-gap: 6px;
        grid-row-gap: 6px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .table-overflow {
        white-space: nowrap;
        overflow: auto
    }

    .event-banner {
        height: 350px
    }

    .e_user {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        flex-direction: column;
        width: 90%;
        min-width: auto;
        padding: 4vw 5vw
    }

    .e_userinfo1 {
        grid-column-gap: 4vw;
        grid-row-gap: 4vw
    }

    .e_user_imgbox {
        width: 8vw;
        height: 8vw
    }

    .e_info_txt1 {
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        font-size: 3vw
    }

    .e_userinfo2 {
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        width: 100%;
        min-width: auto
    }

    .e_info_txt2 {
        grid-column-gap: 4vw;
        grid-row-gap: 4vw;
        font-size: 3vw
    }

    .e_btn {
        min-width: 20vw;
        padding: 2vw 3vw;
        font-size: 4vw
    }

    .mail_hoverbox {
        height: 50vw;
        margin-bottom: 4vw;
        padding: 4vw
    }

    .mail_hoverbox:hover {
        font-size: 4vw
    }

    .e_item_usdt {
        min-width: 30vw;
        height: 12vw;
        margin-bottom: 4vw;
        padding: 2vw;
        font-size: 4vw;
        line-height: 6vw
    }

    .event_head {
        padding-left: 2vw;
        font-size: 6vw;
        line-height: 6vw
    }

    .e_itembox {
        width: 60vw;
        min-width: auto;
        height: 50vw
    }

    .event_block1 {
        grid-column-gap: 10vw;
        grid-row-gap: 10vw;
        flex-direction: column;
        min-height: auto;
        padding-top: 10vw;
        padding-bottom: 10vw
    }

    .event_sc {
        min-width: auto;
        padding-top: 24px;
        padding-left: 12px;
        padding-right: 12px
    }

    .e_item_front {
        height: 30vw;
        padding-top: 10vw
    }

    .cs-container {
        padding-top: 24px;
        padding-bottom: 0
    }

    .cs-card-box {
        flex-flow: column
    }

    .cs-notice {
        margin-top: 0
    }

    .cs-faq {
        margin-top: 0;
        padding-bottom: 24px
    }

    .cs-faq-list {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .service-top-title {
        font-size: 24px
    }

    .contact-submit {
        width: 100%
    }

    .my-info-wrap {
        box-shadow: none
    }

    .p2p-title-box {
        width: 100%;
        margin-top: 3vw;
        margin-bottom: 3vw;
        padding-right: 1vw
    }

    .p2p-title-2 {
        margin-left: 0;
        padding-left: 3vw;
        padding-right: 3vw;
        font-size: 5vw;
        line-height: 6vw
    }

    .fee {
        width: 100%;
        margin-left: 0
    }

    .ad-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .ad-select {
        width: auto
    }

    .ad-wrap3 {
        margin-top: 0
    }

    .left-title {
        padding-right: 3%
    }

    .ad-wrap2 {
        padding-left: 0;
        padding-right: 0
    }

    .ad-input-box {
        border-radius: 1vw
    }

    .ad-input {
        color: #000;
        height: 100%
    }

    .buylist_popsection1 {
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0;
        width: 100%;
        padding: 6vw 2vw 5vw 3vw;
        font-size: 2.7vw;
        line-height: 3.5vw
    }

    .pop-select {
        height: 8vw;
        margin-bottom: 1vw
    }

    .buylistpop_profile {
        margin-bottom: 2vw
    }

    .set_nickname_pop {
        display: none
    }

    .buylist_popinput {
        height: 7vw;
        margin-top: 2vw;
        margin-bottom: 3vw
    }

    .div-block-106 {
        width: 95%;
        margin-bottom: 2vw;
        padding-left: 2vw
    }

    .nickname-txt {
        margin-top: 5vw
    }

    .form-block-41 {
        margin-bottom: 3vw
    }

    .input-wrap {
        margin-top: 3vw
    }

    .text-field-27 {
        height: 100%;
        margin-bottom: 0;
        padding: 1vw 28vw 1vw 2vw;
        font-size: 2.3vw
    }

    .pop-gray-txt {
        margin-top: 2%;
        margin-bottom: 0;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .set-nickname-box {
        border: 1px solid #ffffff1a;
        border-radius: 1vw;
        width: 90%;
        min-height: auto;
        padding: 4vw 4vw 5vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .warning-icon.gray {
        width: 3vw;
        min-width: 3vw;
        height: 3vw;
        min-height: 3vw
    }

    .add-now-box {
        border: 1px solid #ffffff1a;
        border-radius: 1vw;
        width: 90%;
        min-height: auto;
        padding: 4vw 4vw 5vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .input-addnow {
        height: 8vw
    }

    .buylist_popsection2 {
        justify-content: center;
        align-items: stretch;
        width: 100%;
        padding: 4vw 3vw 6vw 2vw;
        font-size: 2.7vw
    }

    .input {
        height: 8vw;
        margin-left: auto;
        padding: 1vw 2vw;
        font-size: 2.5vw
    }

    .buylist_popbox {
        flex-direction: column;
        width: 90%;
        height: auto;
        font-size: 3vw;
        line-height: 4vw
    }

    .mg-txt-pop {
        margin-bottom: 1vw
    }

    .d_network_check-2 {
        width: 14vw;
        height: 7vw;
        font-size: 2.5vw
    }

    .all-buy {
        text-align: center;
        width: 30%;
        margin-right: 11vw;
        padding: 1vw 2vw;
        font-size: 2.5vw;
        line-height: 3vw;
        bottom: 5%
    }

    .add_now_pop {
        display: none
    }

    .pm-txt-box {
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
        padding-top: 3%;
        padding-bottom: 3%
    }

    .txt-g {
        font-weight: 700
    }

    .txt-g.small {
        font-size: 2.5vw
    }

    .pm-txt {
        white-space: normal;
        word-break: break-all;
        flex-flow: row
    }

    .payment-method-list {
        margin-bottom: 2vw
    }

    .pm-flex-box {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        margin-right: 0;
        line-height: 125%
    }

    .payment-method-btn {
        display: flex
    }

    .advertisement {
        width: 100%
    }

    .advertisement.adtbp {
        width: 100%;
        position: static
    }

    .post-check-box {
        justify-content: flex-start;
        align-items: center;
        margin-top: 1vw;
        margin-bottom: 1vw;
        padding-left: 0;
        display: flex
    }

    .checkbox-13 {
        width: 3vw;
        height: 3vw;
        margin-top: 0;
        margin-left: 0;
        margin-right: 1vw
    }

    .post-ads-check {
        margin-bottom: 0
    }

    .post-top {
        font-size: 18px
    }

    .status-img {
        width: 8vw;
        height: 8vw
    }

    .ads-container {
        padding-bottom: 24px
    }

    .post-flex-box {
        flex-flow: wrap
    }

    .certification-div {
        margin-top: 1vw
    }

    .pm-txt-box-2 {
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
        padding-top: 3%;
        padding-bottom: 3%
    }

    .payment-method-title-2 {
        font-size: 2.7vw;
        line-height: 3vw
    }

    .user-profile {
        font-size: 3vw
    }

    .user-profile-wrap {
        margin-left: 1vw
    }

    .pm-txt-2 {
        white-space: normal;
        word-break: break-all;
        flex-flow: row
    }

    .user-cneter-box {
        margin-right: 5%
    }

    .user-box {
        width: 55vw;
        font-size: 3vw
    }

    .user-box.p2p {
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 13vw
    }

    .pm-flex-box-2 {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        width: 25vw;
        margin-right: 0
    }

    .pm-title-txt {
        font-size: 4vw;
        line-height: 4vw
    }

    .certification-wrap {
        justify-content: flex-start;
        align-items: center;
        margin-right: 3vw
    }

    .certification-wrap.nocheck {
        margin-right: 3vw;
        line-height: 125%
    }

    .p2pbox {
        flex-direction: column;
        width: 100%;
        height: 100%;
        min-height: auto;
        margin-bottom: 0;
        padding: 7vw 0;
        display: flex
    }

    .p2pbox.user-center {
        padding-top: 1vw
    }

    .check-icon {
        width: 3vw;
        height: 3vw
    }

    .payment-method-top-2 {
        height: 8vw
    }

    .p2p-wrap {
        max-width: none;
        padding: 4vw 2vw 1vw;
        overflow: hidden
    }

    .p2p-wrap.mg {
        flex-flow: row;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        padding-bottom: 4vw
    }

    .p2p-wrap.p2p {
        width: 100%;
        padding: 0
    }

    .p2p-wrap.user {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .addnow-btn {
        white-space: nowrap
    }

    .copy-trade-tap {
        flex-flow: wrap
    }

    .copy-trade-menu {
        height: auto
    }

    .copy-trade-tap-btn {
        min-height: 45px
    }

    .copy-trade-info-wrap {
        width: 100%
    }

    .copy-trader {
        background-color: #0000;
        border-radius: 0;
        justify-content: center;
        width: 50%;
        min-width: auto;
        height: 8vw;
        padding: 1vw;
        font-size: .9rem;
        line-height: 1rem
    }

    .copy-trader:hover {
        box-shadow: none;
        color: #00b4c9;
        background-color: #0000;
        border-right-style: none;
        border-right-width: 1px;
        transform: none
    }

    .copy-trader.w--current {
        padding-left: 5vw;
        padding-right: 5vw
    }

    .follow-detail-txt {
        font-size: 2vw;
        line-height: 2.5vw;
        display: none
    }

    .follow-sub-txt {
        text-align: left;
        font-size: 2vw;
        line-height: 2.5vw;
        display: none
    }

    .follow-detail {
        min-height: 20vw
    }

    .follow-info-txt {
        margin-top: 3vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .user-name {
        font-size: 3vw;
        line-height: 3vw
    }

    .follow-list {
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        padding: 2vw 3vw
    }

    .follow-link-txt {
        text-align: center;
        font-size: 2vw;
        line-height: 2.5vw
    }

    .follow-number {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .follow-wrap {
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        height: auto
    }

    .user-profile-2 {
        width: 10vw;
        height: 10vw
    }

    .follow-btn {
        border-radius: 1vw;
        width: 20vw;
        padding: 0;
        font-size: 3vw;
        line-height: 3vw
    }

    .follow-detail-top {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        height: 6vw
    }

    .result_txtbox {
        margin-top: 1vw;
        margin-bottom: 1vw
    }

    .resultarea {
        justify-content: flex-start;
        align-items: stretch;
        width: 100%
    }

    .result_box {
        margin-bottom: 2vw;
        padding: 3vw 4vw
    }

    .tpsl_cancle-2 {
        width: 22vw;
        height: 8vw;
        margin-top: 5vw;
        font-size: 3vw
    }

    .image-121 {
        width: 5vw;
        height: 5vw;
        margin-top: 1vw
    }

    .chattong_area._1,.chattong_area._2 {
        margin-bottom: 2vw
    }

    .text-input-chat {
        height: 9vw;
        margin-bottom: 0;
        padding: 1vw 2vw;
        font-size: 3vw
    }

    .file-btn {
        height: 9vw;
        margin-left: 3px;
        padding: 1vw 2vw;
        font-size: 2.7vw
    }

    .chatting_time {
        margin-left: 2vw;
        margin-right: 2vw;
        font-size: 2vw
    }

    .chattingbox-2 {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .chattingbox-2._2 {
        margin-left: 2vw;
        margin-right: 2vw;
        padding: 2vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .send-chat {
        font-size: 2.7vw
    }

    .logo-link {
        min-width: 20vw;
        height: 4vw;
        margin-right: 0
    }

    .logo-link.w--current {
        min-width: 20vw;
        height: 3.5vw;
        margin-right: 0;
        display: flex
    }

    .more-box {
        grid-column-gap: 1.5vw;
        grid-row-gap: 1.5vw;
        padding: 3vw
    }

    .trade-btn {
        font-size: 3vw;
        line-height: 4vw
    }

    .more-txt {
        margin-top: 1vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .more-btn-box.custom-mg {
        margin-bottom: 0
    }

    .bg-modal {
        display: none
    }

    .close-btn.more-close {
        top: 3vw
    }

    .mobile-menu-btn {
        width: 10vw;
        height: 10vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .mobile-menu-btn.my-page {
        font-size: 2.2vw
    }

    .mobile-menu-wrap {
        background-color: var(--white);
        box-shadow: 2px 0 6px #0003
    }

    .more-btn {
        background-size: 5vw 5vw;
        height: 13vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .order_txt1 {
        height: 3dvh;
        line-height: 3vw
    }

    .order_txt1.darkmode {
        height: 3vw;
        display: flex
    }

    .order_txt1.perpetual {
        order: -1;
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    .futures-right {
        max-width: 45vw;
        right: -52vw;
        overflow: visible
    }

    .futures-right.spot {
        min-height: auto
    }

    .futures-info-box {
        width: 96vw;
        margin-top: 0;
        left: -49vw
    }

    .futures-info-box.futures {
        margin-top: 7vw
    }

    .futures-info-box.futures.darkmode {
        margin-top: 3vw
    }

    .futures-info-box.futures.spot-mg {
        left: -51vw
    }

    .futures-left {
        min-width: 50vw;
        max-width: 50vw;
        left: -45vw
    }

    .futures-left.spot-exchange {
        grid-column-gap: 1dvh;
        grid-row-gap: 1dvh;
        min-height: 80vh;
        max-height: 40vh
    }

    .futures-left.spot-left {
        bottom: -228px
    }

    .price-volatility-txt {
        justify-content: flex-end;
        align-items: center;
        line-height: 125%
    }

    .price-volatility-txt.mobile-txt {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .perpetual-content {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .perpetual-content.darkmode {
        background-color: var(--darkmod)
    }

    .perpetual-content.noscroll {
        width: 100%;
        position: fixed;
        overflow: hidden
    }

    .trade-wrap {
        margin-left: 0;
        margin-right: 0
    }

    .trade-wrap.futures {
        padding-bottom: 0;
        display: flex
    }

    .trade-wrap.futures.darkmode {
        background-color: var(--darkmod);
        margin-top: 5px
    }

    .trade-wrap.futures.mo-none {
        display: none
    }

    .order-form {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        padding-top: 0
    }

    .bit-txt {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .input-box-order {
        height: 6dvh
    }

    .input-box-order.spot {
        justify-content: flex-start;
        align-items: flex-start
    }

    .input-box-order.spot.mo {
        justify-content: center;
        align-items: flex-start
    }

    .input-box-order.spot.flex {
        height: 6dvh
    }

    .quantitybar_box {
        width: 10vw;
        height: 5vw;
        font-size: 2.5vw;
        bottom: 5vw
    }

    .quantitybar_box.mo-none {
        display: none
    }

    .form-block-2 {
        height: 76%
    }

    .price-bit-txt {
        margin-top: 1vw;
        margin-left: 0
    }

    .price-bit-txt.green {
        display: none
    }

    .price-bit-txt.green.monone {
        border-radius: 5px;
        height: 20px;
        padding-left: 9px;
        padding-right: 9px;
        font-size: 12px;
        display: flex
    }

    .price-bit-txt.mo-txt-price {
        display: none
    }

    .price-bit-txt.mo-txt-price.monone {
        color: #00c186;
        text-align: center;
        background-color: #00c18633;
        border-radius: 5px;
        height: 20px;
        margin-top: 0;
        padding-left: 9px;
        padding-right: 9px;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 12px;
        display: flex
    }

    .price-bit-txt.mo-txt-price.monone.red {
        color: var(--red);
        background-color: #ff576133
    }

    .price-bit-txt.mo-txt-price.monone-copy {
        color: var(--black);
        text-align: center;
        border-radius: 5px;
        justify-content: center;
        align-items: flex-start;
        margin-top: 0;
        padding: 1vw 1.5vw;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 2.3vw;
        font-weight: 600;
        line-height: 2.5vw;
        display: flex
    }

    .price-bit-txt.mo-txt-price.monone-copy.red {
        color: var(--red);
        background-color: #ff576133
    }

    .bit-dropdown-box {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        background-image: none;
        width: auto
    }

    .tap-spto {
        cursor: pointer;
        background-size: 2vw;
        padding-left: 12px;
        display: flex
    }

    .ordertxt {
        align-items: center
    }

    .ordertxt.left {
        line-height: 125%
    }

    .order-btn-box {
        grid-column-gap: 1dvh;
        grid-row-gap: 1dvh
    }

    .order-btn-box.spot-box.none {
        display: none
    }

    .order-info-txt {
        flex-flow: row;
        line-height: 125%
    }

    .order-info-txt.small {
        font-size: 2vw
    }

    .call-price-box {
        justify-content: space-between;
        align-items: center;
        height: 3.6dvh
    }

    .quantitybar_block {
        padding-right: 1vw
    }

    .buy-btn {
        height: 6dvh;
        margin-top: auto
    }

    .order-btn-wrap.spot-box {
        border-radius: 4px
    }

    .call-top {
        display: none
    }

    .call-top-txt.w20 {
        justify-content: flex-start;
        align-items: center;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 2vw;
        line-height: 3vw;
        display: flex
    }

    .call-top-txt.w40 {
        justify-content: flex-end;
        align-items: center;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 2vw;
        line-height: 3vw;
        display: flex
    }

    .call-top-txt.w40.size-txt.black.none,.call-top-txt.w40.none {
        display: none
    }

    .trade-top {
        padding-left: 12px;
        padding-right: 12px;
        display: flex
    }

    .trade-top.close-img-mo-none,.trade-top.mo-none {
        display: none
    }

    .futures-list-txt {
        min-width: 20%;
        line-height: 125%
    }

    .futures-list-txt.sub {
        word-break: break-all;
        min-width: 20%
    }

    .order-input-txt.spot-txt {
        color: var(--88co);
        top: 0
    }

    .leverage-txt {
        margin-left: 1vw;
        padding-left: 1vw;
        padding-right: 1vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .deal-btn {
        width: 32%
    }

    .position-block {
        font-size: 2.5vw
    }

    .position-block.gray {
        color: #000;
        background-color: #f5f5f5;
        margin-left: 1%;
        padding-left: 2%;
        padding-right: 2%
    }

    .order-txt-box {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        display: none
    }

    .order-txt-box.mobile-none,.order-txt-box.line-top {
        display: none
    }

    .order-txt-box.total {
        height: 6dvh;
        display: flex
    }

    .bit-info-box {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-top: 0
    }

    .order-tap-box {
        cursor: pointer;
        background-color: #f5f5f5;
        background-image: none;
        height: 6dvh;
        min-height: 6dvh;
        padding-left: 12px;
        display: flex
    }

    .trade-fisrt-mobile {
        display: none
    }

    .bar-box {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw
    }

    .position-txt-span {
        margin-left: 0
    }

    .futures-list {
        height: auto
    }

    .spot-btn.sell,.spot-btn.buy {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-weight: 600
    }

    .call-middle-txt.right-txt,.call-middle-txt.green {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .red-txt.mobile-txt {
        font-size: 3vw
    }

    .futures-info-tap-box {
        border-top-style: none;
        border-bottom-style: none;
        width: auto
    }

    .position-info-txt {
        flex-flow: column
    }

    .mobile-trade-btn {
        font-size: 3vw;
        line-height: 4vw
    }

    .notice-block {
        font-size: 2vw;
        line-height: 3vw
    }

    .futures-info-tap.on {
        border-bottom-width: 3px
    }

    .futures-info-tap.on.darkmode {
        border-bottom-color: var(--line)
    }

    .call-chart-area {
        max-width: 45vw;
        min-height: 80dvh;
        position: relative;
        right: -2vw
    }

    .call-chart-area.spot {
        max-width: none;
        right: auto
    }

    .call-box {
        min-width: 45vw;
        max-width: 45vw;
        position: relative
    }

    .bit-info-box2 {
        display: none
    }

    .futures-wrap-block {
        width: 60%
    }

    .image-3 {
        display: none
    }

    .futures-colornine {
        white-space: nowrap
    }

    .futures-colornine.mobile-txt {
        line-height: 3vw
    }

    .futures-colornine.mo {
        border-bottom: 1px dashed #000;
        padding-bottom: 2px
    }

    .deal-wrap-box {
        flex-flow: column
    }

    .position-info-box {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-top: 1vw;
        display: flex
    }

    .input-wrap-box.gap-w,.input-wrap-box.gap-w.mo-flex {
        display: flex
    }

    .order-tap {
        display: none
    }

    .order-tap.on {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .quantitybar_percentcircle {
        margin-right: 5px
    }

    .futures-tap {
        font-size: 13px
    }

    .order-input.spot-input {
        color: var(--black);
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .order-input.spot-input.center {
        color: var(--black);
        text-align: center
    }

    .btc-rice-txt {
        font-size: 6vw;
        line-height: 6.5vw
    }

    .futures-info-list.order-list,.futures-info-list.recent-list,.futures-info-list.open-order {
        display: none
    }

    .checkbox-3 {
        margin-top: 0;
        margin-left: -4vw
    }

    .checkbox-field {
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
        padding-left: 4vw
    }

    ._25img {
        width: 4vw;
        height: 4vw
    }

    .mainpopbtn {
        border-radius: 1vw;
        width: 40vw;
        height: 7vw;
        margin-left: auto;
        margin-right: auto;
        font-size: 3vw;
        line-height: 4vw
    }

    .warp2 {
        flex-direction: column;
        align-items: center;
        width: auto;
        height: 7vw;
        position: relative
    }

    .form-block-15 {
        margin-left: 4vw;
        font-size: 2vw;
        position: absolute;
        inset: auto 0 -100% auto
    }

    .checkbox-label-2 {
        margin-left: 1vw
    }

    .main_popfeild {
        height: 90vw;
        margin-top: 2vw;
        margin-bottom: 4vw
    }

    .mainpop_block {
        border-color: #ffffff1a;
        flex-direction: column;
        width: 90%;
        height: 120vw;
        padding: 5vw 4vw 4vw;
        display: flex
    }

    .search-btn-mobile {
        width: 25px;
        height: 25px
    }

    .order-top {
        height: 5dvh;
        margin-bottom: 1dvh;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .order-top-btn {
        background-color: #f5f5f5;
        justify-content: space-between;
        align-items: center;
        width: 33.3%;
        height: 3.5dvh;
        padding: 0 2vw;
        font-size: 3vw
    }

    .order-top-btn.darkmode {
        background-color: #f5f5f500
    }

    .order-btn-2 {
        height: 6dvh;
        font-size: 3vw;
        line-height: 4vw
    }

    .spot-label,.price-volatility-2.mg.funding.white {
        font-size: 2.5vw
    }

    .futures-colornine-2.mobile-txt {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .main_bottombtn {
        z-index: 998;
        height: 10vw;
        display: flex;
        position: fixed;
        inset: auto 0 0
    }

    .mobile-mini-chart {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        display: none;
        position: fixed;
        inset: auto 0 0
    }

    .dropdown-mc {
        color: #fff;
        font-size: 2.6vw;
        font-weight: 500;
        line-height: 5vw
    }

    .dropdown-mc.whitemod {
        color: #000;
        font-weight: 500;
        display: flex
    }

    .btnlist {
        margin-left: auto;
        margin-right: auto;
        display: none
    }

    .btnlist.footer {
        z-index: 3;
        color: #fff;
        background-color: #fff;
        flex-direction: row;
        height: 100%;
        min-height: auto;
        margin-top: 0;
        padding: 0;
        display: flex
    }

    .mobile {
        display: flex
    }

    .time-m-div {
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        padding: 0;
        display: none
    }

    .mc-btn {
        color: #000;
        background-color: #f5f5f5;
        border-radius: 5vw;
        justify-content: center;
        align-items: center;
        height: 5vw;
        margin-right: 2vw;
        padding: 0 2vw;
        display: flex
    }

    .white_topbtn {
        color: #333;
        text-align: center;
        min-width: 20vw;
        height: 100%;
        padding-left: 2vw;
        padding-right: 2vw;
        font-size: 2.5vw
    }

    .white_topbtn.click {
        color: #1da2b4;
        height: 100%
    }

    .mobile-minichart {
        background-color: #fff;
        width: 100%;
        height: 55vw;
        margin-top: 0;
        display: none
    }

    .mobile-minichart.darkmode {
        background-color: var(--black)
    }

    .minichart-btn {
        background-color: #f5f5f5;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 10vw;
        margin-left: 0;
        margin-right: 0;
        padding: 0 14px;
        display: flex
    }

    .minichart-btn.whitemode {
        border-top: 1px solid #ffffffbf;
        padding-left: 12vw
    }

    .minichart-btn.darkmode {
        background-color: var(--darkmod);
        color: var(--white);
        border-top: 1px solid #eeeeee80
    }

    .m-arrow-btn {
        filter: invert();
        background-image: url(../images/more_icon3.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: auto;
        width: 5vw;
        height: 5vw;
        margin-left: auto;
        padding: 0
    }

    .m-arrow-btn.on {
        background-image: url(../images/arrow_up_white.svg);
        background-size: 80%
    }

    .m-arrow-btn.on.darkmode {
        background-color: var(--darkmod);
        filter: none
    }

    .title3 {
        margin-bottom: 1vw;
        font-size: 4vw;
        line-height: 5vw
    }

    .text-block-12 {
        font-size: 2.2vw;
        line-height: 5vw
    }

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

    .tradingpop_block.mo-none {
        display: none
    }

    .check_box {
        border: 1px solid #a1a1a1;
        border-radius: 3px;
        justify-content: center;
        align-items: center;
        width: 3.5vw;
        min-width: 3.5vw;
        height: 3.5vw;
        min-height: 3.5vw;
        margin-right: 2vw;
        padding: 0;
        display: flex
    }

    .tpsl_pop {
        background-color: #0000004d;
        justify-content: center;
        align-items: flex-end
    }

    .drop-img {
        opacity: .5;
        filter: invert();
        width: 4vw;
        height: 3vw;
        transform: rotate(180deg)
    }

    .order-txt {
        align-items: center;
        font-size: 2.7vw
    }

    .tpsl_btnblock {
        height: 6vw;
        margin-bottom: 2vw
    }

    .modepop {
        justify-content: center;
        align-items: flex-end;
        padding-left: 0;
        padding-right: 0
    }

    .popximg {
        width: 4vw;
        height: 4vw
    }

    .tpsl_poptitle {
        margin-bottom: 1vw;
        font-size: 4vw;
        line-height: 5vw
    }

    .div-block-153 {
        padding-top: 4vw;
        padding-bottom: 4vw
    }

    .closebtn {
        width: 6vw
    }

    .text-field-13-copy {
        height: 7vw;
        margin-bottom: 2vw;
        padding: 0 0 0 3vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .enter-input {
        color: #000;
        border-color: #00000026;
        height: 8vw;
        padding: 0 0 0 3vw;
        font-size: 4vw;
        line-height: 4vw
    }

    .asidelist {
        background-color: #0000;
        border-bottom: 1px solid #00000026;
        justify-content: flex-start;
        align-items: center;
        height: 10vw;
        padding-bottom: 0;
        padding-left: 5vw;
        padding-right: 0;
        font-size: 3vw;
        line-height: 3vw;
        display: flex
    }

    .asidelist.additionalbtn {
        background-color: #f3f3f3;
        border-bottom: 1px solid #00000026;
        justify-content: space-between;
        padding-right: 4vw;
        position: relative
    }

    .div-block-155 {
        align-items: center;
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding-left: 4vw
    }

    .text-block-11 {
        font-size: 3vw;
        line-height: 4vw
    }

    .trade_p_btnblock {
        height: 8vw;
        margin-top: 3vw;
        margin-bottom: 2vw
    }

    .aside_profile {
        color: #333;
        background-color: #f3f3f3;
        border-top: 1px solid #00000026;
        border-bottom: 1px solid #00000026;
        justify-content: space-between;
        align-items: center;
        height: 10vw;
        padding-left: 5vw;
        padding-right: 5vw;
        font-weight: 500;
        display: flex
    }

    .tradepop_block {
        flex-direction: column;
        margin-bottom: 1vw;
        font-size: 4vw;
        line-height: 4vw;
        display: flex
    }

    .tpsl_poptxt {
        margin-bottom: 2vw;
        font-size: 4vw;
        line-height: 5vw
    }

    .quantitybar_block-2 {
        height: 8vw;
        margin-top: 7vw;
        margin-bottom: 1vw;
        padding-right: 1vw
    }

    .modal_logo {
        flex-direction: column;
        margin-top: 5vw;
        display: flex
    }

    .checkicon {
        filter: none
    }

    .tpsl-pop-box {
        background-color: #fff;
        border-radius: 15px 15px 0 0;
        width: 100%;
        padding: 5vw 6vw
    }

    .tpsl-pop-box.darkmode {
        background-color: var(--darkmod)
    }

    .close-link.mo-none {
        display: none
    }

    .mob_leveragepop {
        justify-content: center;
        align-items: flex-end
    }

    .position-box-wrap {
        border-bottom-color: #00000026
    }

    .ordertxt4.mo-none {
        display: none
    }

    .modepop_box {
        border-radius: 20px 20px 0 0;
        width: 100%;
        padding: 6vw 6vw 5vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .tpsl_btn {
        padding-left: 1vw;
        padding-right: 1vw;
        font-size: 2.5vw;
        line-height: 4vw
    }

    .long.big {
        font-size: 10vw;
        font-weight: 700;
        line-height: 10vw
    }

    .modepop_btnarea {
        height: 8vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        display: none
    }

    .labtn-n {
        height: 8vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .settle-complete__box {
        background-color: #fff;
        width: 85vw;
        height: 100vw
    }

    .mob_asidepop_block {
        background-color: #fff;
        flex-direction: column;
        width: 65%;
        height: 100%;
        margin-bottom: 10vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
        display: flex
    }

    .pop_btn2 {
        letter-spacing: .5vw;
        height: 8vw;
        margin-top: 2vw;
        font-weight: 700
    }

    .lacanbtn-n {
        height: 8vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .asidewarp {
        align-items: center;
        display: flex
    }

    .clearing_pop {
        border-radius: 1vw;
        width: 100%;
        padding: 3vw 5vw 4vw
    }

    .clearing_pop.mo {
        border-radius: 15px 15px 0 0;
        display: flex
    }

    .tpsl_price {
        color: #333;
        height: 8vw;
        margin-bottom: 0;
        padding: 0 0 0 2vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .tradelistbox2 {
        margin-top: 1vw;
        margin-bottom: 1vw;
        margin-left: 0
    }

    .reset-btn {
        height: 8vw;
        font-size: 3vw
    }

    .close-img-mo-none {
        width: 4vw;
        height: 4vw
    }

    .wr {
        margin-left: 1vw
    }

    .asideblock {
        height: 145vw;
        margin-top: 3vw;
        overflow: auto
    }

    .aasidedrop {
        flex-direction: column;
        display: none
    }

    .link-block-5 {
        margin-left: 2vw
    }

    .modepop_btn {
        letter-spacing: .5vw
    }

    .labtnbox-n {
        margin-top: 3vw
    }

    .mob_asidepop {
        z-index: 4;
        background-color: #0000004d;
        width: 100%;
        height: 100%;
        display: flex;
        position: fixed;
        inset: 0;
        overflow: visible
    }

    .text-block-99 {
        margin-top: 10vw;
        padding-left: 4vw;
        font-size: 4.5vw;
        line-height: 4.5vw
    }

    .text-block-9 {
        font-size: 3.5vw;
        line-height: 4vw
    }

    .order_warn {
        border-radius: 1vw;
        width: 100%;
        min-height: 13vw;
        padding: 2vw 4vw
    }

    .quantitybar_circle {
        width: 2vw;
        height: 2vw
    }

    .settle-complete {
        z-index: 3000;
        background-color: #00000080;
        display: none
    }

    .leverage_block {
        width: 50%;
        min-width: auto;
        height: auto;
        padding: 3vw;
        display: none
    }

    .leverage_block.mob {
        background-color: #fff;
        border-radius: 1vw;
        width: 100%;
        padding: 5vw 4vw 4vw;
        display: flex
    }

    .s_txt-3 {
        align-items: center
    }

    .s_txt-3._2 {
        color: #333;
        font-size: 3vw;
        line-height: 4vw
    }

    .quantitybar-2 {
        height: 1vw
    }

    .assetlist {
        width: auto;
        min-width: 40vw;
        height: 4vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
        font-size: 2.7vw;
        line-height: 5vw
    }

    .tradepop_warp {
        margin-top: .5vw;
        margin-bottom: .5vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .order_success {
        font-size: 3vw;
        line-height: 3vw
    }

    .quantitybar_box-2 {
        width: 12vw;
        height: 6vw;
        font-size: 3.5vw;
        bottom: 5vw
    }

    .profilename {
        color: #333;
        margin-right: 1vw
    }

    .order-txt-block {
        height: 4vw;
        margin-bottom: 2vw;
        line-height: 3vw
    }

    .referral_code_txt {
        font-size: 7vw;
        line-height: 8vw
    }

    .div-block-151 {
        margin-top: 1vw;
        margin-bottom: 1vw;
        font-size: 3.2vw;
        line-height: 4vw
    }

    .image-98 {
        width: 25vw;
        margin-top: 0;
        margin-left: 4vw;
        display: flex
    }

    .form-position {
        margin-top: 2vw;
        margin-bottom: 2vw
    }

    .pop_warn {
        width: 100%;
        margin-top: 3vw;
        padding: 3vw;
        font-size: 3vw;
        line-height: 4vw;
        display: none
    }

    .order_fail {
        font-size: 4vw;
        line-height: 4vw
    }

    .quikpoptxt {
        height: 30vw;
        padding-left: 10vw;
        padding-right: 10vw;
        font-size: 4vw;
        line-height: 5vw
    }

    .tradingpop {
        border-radius: 1vw;
        width: 95%;
        padding: 4vw 5vw
    }

    .leverage_warp {
        height: auto;
        margin-top: 1vw;
        margin-bottom: 1vw
    }

    .leverage_warp.popup-mg.mo-none {
        display: none
    }

    .tpsl_poptxt2 {
        font-size: 3.5vw;
        line-height: 5vw
    }

    .trade_inputbox2 {
        background-color: #f3f3f3
    }

    .my-img {
        filter: invert(43%);
        width: 5vw;
        height: 5vw
    }

    .form-block-7 {
        margin-top: 1vw;
        margin-bottom: 1vw
    }

    .tradepop {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-left: 4vw;
        padding-right: 4vw
    }

    .tradepop.no-padding {
        justify-content: center;
        align-items: flex-end;
        padding-left: 0;
        padding-right: 0;
        display: none
    }

    .utillitypop {
        padding-left: 4vw;
        padding-right: 4vw
    }

    .quantitybar_percentcircle-2 {
        width: 4vw;
        height: 4vw;
        right: -2.5vw
    }

    .tpsl_popinput {
        color: #333;
        height: 7vw;
        margin-bottom: 0;
        padding: 0 0 0 2vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .checkbox-2 {
        align-items: center;
        margin-top: 2vw;
        margin-bottom: 1vw;
        display: none
    }

    .image-97 {
        width: 15vw;
        margin-right: 2vw
    }

    .div-block-156 {
        justify-content: center;
        align-items: center
    }

    .div-block-152 {
        align-items: center;
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding-left: 4vw
    }

    .image-100 {
        width: 6vw;
        height: 6vw;
        margin-left: 2vw
    }

    .image-100._1 {
        width: 6vw;
        height: 6vw
    }

    .text-block-8 {
        margin-bottom: 1vw;
        font-size: 4vw;
        line-height: 4vw
    }

    .enter-btn {
        height: 8vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .tpslpop_inputarea {
        margin-bottom: 2vw;
        font-size: 2.5vw;
        line-height: 4vw
    }

    .s_txt {
        align-items: center;
        width: 21%;
        padding-left: 1vw;
        padding-right: 1vw;
        font-size: 2.5vw;
        line-height: 4vw
    }

    .pop_scroll.mo-none {
        display: none
    }

    .ordertxt3 {
        text-align: right;
        font-size: 2.7vw;
        display: flex
    }

    .h-2 {
        margin-top: 1vw;
        margin-bottom: 1vw;
        font-size: 3.5vw;
        line-height: 4vw
    }

    .pop_yieldtxt {
        width: 60vw;
        height: 30vw;
        margin-top: 4vw;
        padding: 2vw 2vw 2vw 4vw;
        font-size: 15vw;
        line-height: 1.2
    }

    .pop_yieldtxt.up {
        width: 100%;
        height: 25vw;
        margin-top: 2vw;
        padding-left: 4vw;
        font-size: 15vw;
        line-height: 1.2
    }

    .mo-btn-flex.no {
        background-image: none
    }

    .half-width50 {
        width: auto
    }

    .legal_box {
        height: 100vw;
        margin-bottom: 3vw;
        padding: 2vw
    }

    .legal_title {
        margin-bottom: 3vw;
        font-size: 7vw;
        line-height: 8vw
    }

    .legal_btn {
        padding: 1vw 3vw;
        font-size: 2.8vw;
        line-height: 5vw;
        bottom: 6vw;
        right: 4vw
    }

    .legal_subtitle {
        margin-bottom: 3vw;
        font-size: 7vw;
        line-height: 8vw
    }

    .image-123 {
        width: 4vw;
        height: 4vw
    }

    .legal_pop {
        padding-left: 4vw;
        padding-right: 4vw;
        font-size: 2.5vw;
        line-height: 4vw
    }

    .checkbox-field-4 {
        width: 50%;
        font-size: 2.8vw
    }

    .legal_block {
        width: 100%;
        padding: 7vw 5vw 5vw
    }

    .my-info-img {
        width: 25px;
        height: 25px
    }

    .text-field-17,.text-field-17-copy {
        height: 8vw;
        margin-bottom: 2vw;
        padding: 1vw 3vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .influ_login_block {
        height: 80vw;
        margin-bottom: 4vw
    }

    .influ_login {
        justify-content: flex-start;
        width: 100%;
        padding-top: 15vw;
        padding-left: 4vw;
        padding-right: 4vw
    }

    .image-50 {
        width: 20vw;
        height: 17vw;
        margin-bottom: 4vw
    }

    .influe-btn {
        margin-bottom: 2vw;
        margin-left: 3vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .influ_logintop {
        min-height: 7vh
    }

    .influ_loginwarp {
        margin-bottom: 4vw
    }

    .influ_title3 {
        margin-bottom: 2vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .influ_title2 {
        margin-bottom: 2vw;
        font-size: 7vw;
        line-height: 7vw
    }

    .influ-wrap-max {
        width: 100%;
        min-width: auto
    }

    .influe-wrap {
        padding-left: 24px;
        padding-right: 24px
    }

    .influ-search {
        width: 17vw;
        height: 7vw;
        padding-right: 4vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .influ_tabletop {
        height: 10vw
    }

    .global-pat-img {
        height: 19vw
    }

    .influ_logo {
        height: 20vw;
        margin-top: 8vw;
        margin-bottom: 8vw
    }

    .influ_mainblock1 {
        border-radius: 0;
        min-width: 250vw;
        height: 33vw;
        margin-bottom: 5vw;
        padding: 4vw
    }

    .influ_exsit {
        justify-content: center;
        align-items: center;
        width: 5vw;
        height: 5vw;
        display: flex;
        position: absolute;
        inset: 2% 5% auto auto
    }

    .my-link {
        padding-left: 4vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .influ_block2 {
        z-index: 5;
        background-color: #111722;
        flex-direction: column;
        width: 60%;
        min-width: auto;
        padding-top: 4vw;
        display: none;
        position: fixed;
        inset: 0
    }

    .influ_sidebtndeco {
        display: none
    }

    .text-field-16 {
        height: 7vw;
        padding: 1vw 3vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .influ_pagigng {
        height: 6vw;
        margin-top: 4vw;
        padding-left: 1vw;
        padding-right: 1vw
    }

    .button-27 {
        width: 6vw;
        height: 6vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .influ_mainblock2 {
        border-radius: 0;
        min-width: 250vw;
        min-height: 120vw;
        margin-top: 5vw;
        padding: 5vw 3vw
    }

    .influ_title1 {
        margin-bottom: 2vw;
        font-size: 6vw;
        line-height: 6vw
    }

    .invert {
        width: 3vw;
        height: 3vw;
        margin-left: 3vw
    }

    .invert.autow {
        width: auto;
        height: auto;
        margin-left: 0
    }

    .influ-txt {
        font-size: 3vw;
        line-height: 4vw
    }

    .influ_linkbox {
        height: 12vw;
        margin-bottom: 2vw
    }

    .link_boxwarp {
        border-radius: 1vw;
        width: 30vw;
        height: 9vw
    }

    .main-co-btn {
        border-radius: 1vw;
        width: 30vw;
        height: 9vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .button-23 {
        width: 20vw;
        height: 8vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .mob_sidebtn-2 {
        filter: invert(36%) sepia(47%) saturate(3533%) hue-rotate(143deg) brightness(88%) contrast(101%);
        justify-content: center;
        align-items: center;
        width: 10vw;
        height: 100%;
        margin-right: 1vw;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .influ_searchbtnwarp {
        border-radius: 4vw;
        width: 17vw;
        min-width: 17vw;
        height: 7vw;
        min-height: 7vw
    }

    .influ_top {
        justify-content: flex-start;
        align-items: center;
        height: 11vw;
        padding-right: 4vw
    }

    .influ_date_warp {
        margin-right: 4vw
    }

    .influ_tablelist {
        padding: 1vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .mobbackdark {
        z-index: 1;
        background-color: #0000004d;
        display: none;
        position: fixed;
        inset: 0
    }

    .influ_sidebtnbox {
        height: 12vw
    }

    .for-block-influ {
        height: 14vw
    }

    .image-44 {
        filter: invert(43%);
        width: 5vw;
        height: 5vw
    }

    .influ_tablelcontent {
        height: 10vw
    }

    .image-49 {
        width: 3vw;
        left: 4vw
    }

    .influ_block1 {
        width: 100%;
        min-width: auto;
        min-height: 95vh
    }

    .influ_mainblock {
        border-radius: 0;
        width: 100%;
        min-width: auto;
        padding: 6vw 0;
        overflow: auto
    }

    .influ_tabletop-2 {
        height: 10vw
    }

    .image-47 {
        height: 19vw
    }

    .influ_logo-2 {
        height: 20vw;
        margin-top: 8vw;
        margin-bottom: 8vw
    }

    .link-3 {
        padding-left: 4vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .influ_sidebtndeco-2 {
        display: none
    }

    .text-field-28 {
        height: 7vw;
        padding: 1vw 3vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .arrow-btn {
        width: 6vw;
        height: 6vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .image-124 {
        width: 3vw;
        height: 3vw;
        margin-left: 3vw
    }

    .text-block-18 {
        font-size: 3vw;
        line-height: 4vw
    }

    .button-25 {
        border-radius: 1vw;
        width: 30vw;
        height: 9vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .influ-select {
        border-radius: 1vw;
        height: 7vw;
        padding: 1vw 5vw 1vw 3vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .influ-btn {
        width: 20vw;
        height: 8vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .influ-input-form {
        height: 14vw
    }

    .text7 {
        text-align: center;
        margin-left: 0;
        font-size: 2.5vw;
        line-height: 4vw
    }

    .image-125 {
        width: 3vw;
        left: 4vw
    }

    .influ_mainblock3 {
        border-radius: 0;
        min-width: 250vw;
        height: 11vw;
        padding-left: 4vw
    }

    .influ_tabletop-3 {
        height: 10vw
    }

    .image-126 {
        height: 19vw
    }

    .influ_logo-3 {
        height: 20vw;
        margin-top: 8vw;
        margin-bottom: 8vw
    }

    .link-4 {
        padding-left: 4vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .influ-input {
        height: 7vw;
        padding: 1vw 3vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .button-30 {
        width: 6vw;
        height: 6vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .image-127 {
        width: 3vw;
        height: 3vw;
        margin-left: 3vw
    }

    .text-block-102 {
        font-size: 3vw;
        line-height: 4vw
    }

    .button-31 {
        border-radius: 1vw;
        width: 30vw;
        height: 9vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .button-32 {
        width: 20vw;
        height: 8vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .influ-form-block {
        height: 14vw
    }

    .image-128 {
        width: 3vw;
        left: 4vw
    }

    .influ-top-box {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        margin-left: auto
    }

    .short.big {
        font-size: 10vw;
        font-weight: 700;
        line-height: 10vw
    }

    .runtimequote-txt {
        width: auto;
        min-width: 19vw;
        margin-right: 3vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .runtimequote-txt.up {
        margin-right: 1vw
    }

    .empty_star {
        width: 4vw
    }

    .trade_coinsub {
        z-index: 5;
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
        width: 92vw;
        padding: 2vw 1vw;
        display: none;
        top: 11vw;
        left: 1vw;
        right: 1vw
    }

    .trade_coiningo_warp {
        box-shadow: none;
        border-radius: 0;
        flex-direction: column;
        width: 100%;
        display: flex
    }

    .trade_coinsublist {
        width: 99%;
        height: 10vw;
        min-height: 10vw;
        padding-left: 3vw;
        padding-right: 3vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .coinsub_info {
        width: 49vw;
        margin-left: 2vw
    }

    .coin-top {
        height: 7vw;
        min-height: 7vw;
        margin-left: 1vw;
        margin-right: 1vw;
        padding-left: 6vw;
        font-size: 2.5vw;
        line-height: 4vw
    }

    .coinsub_toptxt {
        width: 15vw;
        margin-left: 4vw;
        margin-right: 7vw
    }

    .coinsub_toptxt.coin {
        width: 14vw;
        margin-left: 0
    }

    .fav_star_tab {
        width: 4vw;
        margin-left: 3vw;
        margin-right: 3vw;
        padding-top: 2vw;
        padding-bottom: 2vw
    }

    .coin-img-drop {
        width: 5vw;
        height: 5vw;
        margin-left: 2vw;
        margin-right: 2vw
    }

    .coinsub_tab {
        margin-top: 0
    }

    .coinsub_infotxt {
        width: auto;
        min-width: 20vw
    }

    .text-block-15 {
        width: 9vw;
        margin-left: 0;
        margin-right: auto;
        font-size: 3vw;
        line-height: 3vw
    }

    .star {
        width: 4vw
    }

    .tab {
        width: 8vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
        font-size: 2.8vw
    }

    .tab.on {
        justify-content: center;
        align-items: center;
        height: 100%;
        padding-top: 0;
        padding-bottom: 0;
        display: flex
    }

    .trade-history-list {
        height: 7vw;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .button-95 {
        height: 100%;
        padding: 0
    }

    .unverified-btn {
        height: 100%;
        padding-top: 0;
        padding-bottom: 0
    }

    .check-my-uid {
        width: 2.5vw;
        height: 2.5vw;
        margin-right: 1vw
    }

    .identity-txt {
        font-size: 2vw
    }

    .info_tooltip {
        align-items: center;
        width: 60vw;
        padding: 2vw;
        bottom: 5vw;
        left: 0
    }

    .text-block-40 {
        line-height: 3vw
    }

    .copyt_box {
        border-radius: 0;
        width: 100%;
        height: 100%;
        min-height: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .text-block-107 {
        line-height: 3vw
    }

    .checkbox-label-6 {
        font-size: 2.5vw
    }

    .text-field-35 {
        width: 100%;
        height: 8vw;
        margin-top: 1vw;
        margin-bottom: 2vw;
        padding: 1vw 2vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .copyoption_coinsub {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: column;
        display: flex
    }

    .copyoption_coinsub.on {
        display: block
    }

    .follow0img {
        width: 18vw;
        height: 18vw;
        margin-right: 4vw
    }

    .follow0img._2 {
        margin-right: 0
    }

    .follow-setting-btn {
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 8vw;
        margin-right: 0;
        padding: 1vw;
        font-size: 2.3vw;
        line-height: 3vw;
        display: flex
    }

    .follow-setting-btn.click {
        text-align: center
    }

    .follow-txt-setting {
        width: auto;
        margin-right: 0;
        padding: 1vw;
        font-size: 3vw;
        display: flex
    }

    .follow-txt-setting.le {
        margin-right: auto
    }

    .copy_btnwarp2 {
        justify-content: space-between;
        width: 100%;
        margin-top: 2vw;
        margin-bottom: 1vw;
        display: flex
    }

    .copyt_block4 {
        width: 98%;
        min-height: 75vw;
        padding: 5vw 2vw
    }

    .copyt_followwarp2 {
        flex-direction: column;
        height: auto
    }

    .follow-btn-s {
        width: 100%;
        height: 8vw;
        margin-right: 0;
        line-height: 3vw
    }

    .checkbox-label-13 {
        margin-bottom: 0;
        font-size: 2.5vw
    }

    .apply-btn {
        width: 35vw;
        height: 8vw
    }

    .copyt_warp2 {
        margin-right: 2vw
    }

    .div-block-160 {
        align-items: center;
        width: 41vw;
        height: 10vw;
        padding: 2vw;
        top: 4vw;
        left: 0;
        right: 0
    }

    .copyt_followwarp {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: auto;
        height: auto;
        margin-top: 2vw;
        display: flex;
        position: relative
    }

    .copyttitle {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 20vw;
        margin-left: 0;
        margin-right: 0
    }

    .followname {
        margin-top: 4vw;
        font-size: 6vw;
        line-height: 7vw
    }

    .checkbox-field-6 {
        justify-content: space-between;
        align-items: center;
        width: 15vw;
        margin-bottom: 1vw;
        margin-left: 1vw;
        margin-right: 1vw;
        padding-left: 4vw;
        display: flex
    }

    .my_tooltip_circle-2 {
        width: 4vw;
        height: 4vw;
        margin-left: 0
    }

    .copyt_user {
        flex-direction: column;
        width: 98%;
        height: auto;
        padding: 5vw 4vw
    }

    .checkbox-10 {
        margin-top: 0;
        margin-left: -4vw;
        margin-right: 1vw
    }

    .copy_title_wrap {
        width: 100%;
        display: flex
    }

    .copyt_title {
        border-radius: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 4vw;
        box-shadow: 0 2px 5px #0003
    }

    .copyt_radio {
        width: 100%;
        height: 8vw;
        margin-top: 2vw;
        margin-bottom: 2vw
    }

    .follow-input {
        width: 100%;
        height: 8vw;
        margin-top: 1vw;
        margin-right: auto;
        padding: 1vw 3vw 1vw 2vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .title7 {
        margin-bottom: 2vw;
        padding-left: 0;
        font-size: 5.5vw;
        line-height: 8vw
    }

    .tooltip-circle {
        width: 4vw;
        height: 4vw;
        margin-left: 0
    }

    .title8 {
        text-align: center;
        justify-content: flex-start;
        font-size: 5vw;
        line-height: 7vw;
        display: flex
    }

    .copywarp3 {
        height: 8vw;
        margin-bottom: 2vw
    }

    .copyt_email {
        width: 100%
    }

    .copyt_followoption {
        width: 100%;
        height: auto;
        padding-top: 0;
        padding-bottom: 0
    }

    .followertxt-2 {
        margin-right: 1vw
    }

    .text-block-113 {
        margin-top: 0;
        font-size: 2.8vw
    }

    .follow-btn-info {
        width: 18vw;
        height: 8vw;
        padding: 1vw 2vw
    }

    .warp3 {
        flex-direction: column;
        width: 85%;
        display: flex
    }

    .text-block-111 {
        max-width: 100%;
        min-height: 15vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        font-size: 3vw
    }

    .profile-img {
        width: 16vw;
        height: 16vw;
        margin-right: 2vw
    }

    .copyt_title-2 {
        border-radius: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 auto 4vw;
        padding: 4vw;
        box-shadow: 0 2px 5px #0003
    }

    .trade-btn-info {
        text-align: center;
        width: 100%;
        height: 9vw;
        margin-left: 2vw;
        padding: 1vw;
        font-size: 3vw
    }

    .trade-btn-info.click {
        width: 100%
    }

    .futureicon_listbox {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        grid-template-rows: 10vw 10vw;
        grid-template-columns: 35vw 35vw;
        justify-content: center;
        align-items: center;
        margin-left: 2vw;
        margin-right: 2vw;
        padding: 0
    }

    .futureicon_listbox._1 {
        grid-column-gap: 6vw;
        grid-row-gap: 3vw
    }

    .futureicon_listbox._1.off {
        flex-flow: wrap;
        max-height: 22vw
    }

    .futureicon_listbox._2 {
        grid-row-gap: 2vw;
        grid-template-rows: 10vw 10vw 10vw;
        grid-template-columns: 48% 48%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 3vw;
        padding-bottom: 3vw
    }

    .select_futureicon-2 {
        width: 35vw;
        height: 8vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
        font-size: 3vw
    }

    .futureicon-2 {
        width: 30vw;
        height: 8vw;
        margin-top: 1vw;
        margin-bottom: 1vw
    }

    .copy_info {
        font-size: 3.5vw;
        line-height: 4vw
    }

    .futureicon_block {
        justify-content: space-between;
        align-items: center;
        max-height: none;
        margin-bottom: 0
    }

    .trade-wrap-box {
        border-radius: 0;
        flex-direction: column;
        width: auto;
        min-width: auto;
        margin-left: 0;
        margin-right: 0;
        display: flex
    }

    .text-block-112 {
        font-size: 3vw;
        line-height: 4vw
    }

    .copyt_top2-2 {
        width: 28vw;
        height: 9vw;
        margin-left: 1vw
    }

    .title1 {
        font-size: 3vw;
        line-height: 4vw
    }

    .copyt_block3 {
        flex-direction: column;
        width: auto;
        min-width: auto;
        height: auto;
        margin-bottom: 5vw;
        padding-bottom: 3vw;
        padding-left: 0;
        padding-right: 0
    }

    .copyt_topwarp {
        border-bottom-style: solid;
        border-bottom-width: .5vw;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        justify-items: center;
        width: 100%;
        height: 10vw;
        margin-bottom: 0;
        padding-top: 1vw;
        padding-left: 0;
        display: flex
    }

    .check {
        width: 3vw;
        height: 2.5vw;
        margin-left: 2vw
    }

    .copy_mydata {
        border-radius: 0;
        width: auto;
        min-width: auto;
        height: 45vw;
        margin-left: 0;
        margin-right: 0
    }

    .follow-grid-box {
        grid-template-rows: 12vw 12vw;
        grid-template-columns: 28vw 28vw 28vw;
        justify-items: center;
        width: 100%;
        height: auto;
        min-height: 30vw;
        margin-left: auto;
        margin-right: auto;
        padding-left: 4vw;
        padding-right: 4vw
    }

    .follow-list-btn {
        text-align: center;
        width: 35vw;
        height: 9vw;
        margin-left: 2vw;
        padding: 1vw;
        font-size: 3vw
    }

    .follow-list-btn.click {
        width: 35vw
    }

    .button-82 {
        background-color: #0000;
        justify-content: center;
        align-items: center;
        width: 8vw;
        height: 8vw;
        padding: 0;
        font-size: 3vw;
        line-height: 4vw;
        display: flex
    }

    .listtext1-2 {
        text-align: center;
        width: 11%;
        padding-left: 1vw;
        padding-right: 1vw;
        font-size: 3vw
    }

    .text7-2 {
        color: #1da2b4;
        text-align: center;
        margin-left: 0;
        font-size: 2.5vw;
        line-height: 4vw
    }

    .listtext3-3 {
        text-align: center;
        justify-content: center;
        width: 25%;
        margin: 0;
        padding-left: .5vw;
        padding-right: .5vw;
        font-size: 3vw
    }

    .copyt_block2 {
        width: 100%;
        min-width: auto;
        max-width: none;
        margin-top: 0;
        padding-top: 4vw;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .listpage_warp-2 {
        height: 7vw;
        margin-top: 4vw
    }

    .copyt_listbox.none {
        height: 80vw;
        margin-left: 0;
        display: none
    }

    .copyt_list {
        background-color: #fff;
        width: 270%;
        height: 11vw;
        padding-left: 4vw;
        padding-right: 4vw
    }

    .copyt_tabletop {
        border-top-left-radius: 1vw;
        border-top-right-radius: 1vw;
        width: 270%;
        height: 10vw;
        margin-right: 0;
        padding: 0;
        font-size: 2.8vw;
        line-height: 3vw
    }

    .copyt_top2 {
        width: 28vw;
        height: 9vw;
        margin-left: 1vw
    }

    .futureicon {
        width: 30vw;
        height: 8vw;
        margin-top: 1vw;
        margin-bottom: 1vw
    }

    .copy_n_pop_warp {
        height: 85vw;
        margin-top: 2vw;
        margin-bottom: 1vw
    }

    .checkbox-9 {
        margin-left: -4vw;
        margin-right: 1vw
    }

    .copy_n_popbox {
        border-color: #ffffff1a;
        flex-direction: column;
        width: 90%;
        height: auto;
        padding: 6vw 5vw 4vw;
        font-size: 3vw;
        line-height: 4vw;
        display: flex
    }

    .privacy_check {
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding-left: 4vw
    }

    .image-107 {
        width: 4vw;
        height: 4vw
    }

    .mainpopbtn-3 {
        border-radius: 1vw;
        width: 40vw;
        height: 7vw;
        margin-left: auto;
        margin-right: auto;
        font-size: 3vw;
        line-height: 4vw
    }

    .ranking-wrap-box {
        background-position: 50% 100%;
        align-items: stretch;
        width: 100%;
        height: 40vw;
        min-height: auto;
        margin-left: 5vw;
        padding-left: 4vw
    }

    .ranking-txt-box {
        height: 11vw;
        padding-top: 0;
        padding-bottom: 0
    }

    .roi-ranking-div {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-width: auto;
        height: 50vh
    }

    .div-block-166 {
        width: 15vw;
        height: 15vw
    }

    .roi-ranking-box {
        justify-content: center;
        align-items: center;
        width: 100%
    }

    .prize-pool-div {
        width: 87%;
        height: 5vw
    }

    .txt-box-ranking {
        margin-top: 12vw
    }

    .ranking-background-2 {
        width: 95%;
        min-width: auto;
        max-width: none
    }

    .roi-ranking-profile {
        width: 30vw;
        height: 40vw;
        margin: 0
    }

    .roi-ranking-profile._2 {
        margin: 0
    }

    .ranking-span {
        margin-top: 1vw;
        font-size: 2vw;
        line-height: 2vw;
        display: flex
    }

    .ranking-t-1 {
        height: 20vw;
        padding-top: 3vw;
        padding-left: 9vw
    }

    .ranking-t-1._3 {
        width: 25%;
        padding-left: 7vw
    }

    .ranking-t-1._4 {
        padding-left: 6vw
    }

    .ranking-t-1._2 {
        width: 25%;
        padding-left: 8vw
    }

    .coin-icon1 {
        width: 10vw;
        height: 10vw;
        display: flex
    }

    .coin-icon1._3 {
        width: 10vw;
        height: 10vw
    }

    .coin-icon1._6 {
        width: 10vw;
        height: 10vw;
        right: 0
    }

    .coin-icon1._4 {
        width: 10vw;
        height: 10vw;
        right: -5%
    }

    .coin-icon1._7 {
        width: 10vw;
        height: 10vw;
        display: block
    }

    .coin-icon1._2 {
        width: 7vw;
        height: 7vw;
        top: 5%
    }

    .coin-icon1.none {
        display: none
    }

    .ranking-wrap-box2 {
        width: 100%;
        min-width: auto;
        height: 33vw;
        padding-top: 0
    }

    .ranking-block5 {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        width: 100%;
        min-width: auto;
        height: auto;
        padding-top: 5vw
    }

    .rewards-title {
        padding-top: 1.5vw;
        font-size: 2vw;
        font-weight: 400;
        line-height: 2vw
    }

    .rewards {
        height: 3vw;
        margin-top: 1vw
    }

    .time-txt {
        width: auto;
        margin-left: 1.5vw;
        font-size: 4vw;
        line-height: 4vw;
        position: static;
        left: 0
    }

    .time-txt._3 {
        position: static;
        left: 0
    }

    .time-txt._2 {
        margin-left: 2vw;
        position: static;
        left: 0
    }

    .time-txt._4 {
        width: auto;
        margin-right: 1.5vw;
        position: static;
        left: 0
    }

    .r-btn {
        height: 7vw;
        font-size: 3vw
    }

    .txt-ranking-box {
        height: 5vw
    }

    .rewards-box {
        min-width: auto
    }

    .roi-user {
        margin-top: 2vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .roi-user._2 {
        margin-top: 1vw;
        font-size: 2.7vw;
        line-height: 2.7vw
    }

    .rewards-div2 {
        height: 9vw;
        margin-top: 3.5vw;
        padding-bottom: .5vw
    }

    .ranking-txt-blcok {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: 100%;
        line-height: 0;
        display: flex
    }

    .ranking-background {
        background-image: url(../images/0-background.png),url(../images/InjectiveBadge.svg),url(../images/0-background-BTC.png);
        background-position: 50% 0,0 32%,50%;
        background-repeat: repeat,no-repeat,no-repeat;
        background-size: auto 100%,100%,auto 100%;
        min-height: 100vh;
        padding-bottom: 3%
    }

    .rewards-txt {
        font-size: 2vw
    }

    .rewards-btn2 {
        font-size: 3vw
    }

    .div-block-167 {
        width: 11vw;
        height: 11vw;
        top: -2vw;
        right: -2vw
    }

    .rewards-div {
        margin-top: 4vw
    }

    .ranking-list {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex
    }

    .t-ranking {
        min-width: 20vw;
        font-size: 13px
    }

    .t-ranking._4 {
        min-width: 30vw
    }

    .t-ranking._3 {
        min-width: 20vw
    }

    .t-ranking.sub._2,.t-ranking.sub._3 {
        font-size: 13px
    }

    .t-ranking.sub._4 {
        min-width: 30vw
    }

    .t-ranking._2 {
        min-width: 20vw
    }

    .rewards-box2 {
        width: 100%;
        min-width: auto;
        height: 32vw;
        padding-top: 0
    }

    .roi-btn {
        width: 50%;
        height: 5vw;
        font-size: 2vw
    }

    .icon-box-coin {
        display: flex
    }

    .r-title-div {
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-left: 3%
    }

    .rewards-txt2 {
        font-size: 2vw
    }

    .roi-wrap-box {
        justify-content: space-around;
        align-items: flex-end;
        width: 100%;
        margin-top: 1vw
    }

    .roi-wrap-box._2 {
        height: 20vw
    }

    .ranking-span2 {
        margin-top: 1vw;
        font-size: 2.5vw;
        line-height: 2.5vw
    }

    .ranking-title-txt {
        font-size: 5vw
    }

    .ranking-wrap-box3 {
        width: 100%
    }

    .ranking-div {
        border-radius: 1vw;
        width: 100%;
        height: 10vw;
        padding-left: 4%;
        font-size: 13px
    }

    .ranking-btn {
        font-size: 3vw
    }

    .ranking-btn._2 {
        width: 25%;
        min-width: auto
    }

    .ranking-btn.on {
        width: 25%;
        min-width: auto;
        font-size: 3vw;
        line-height: 3vw
    }

    .ranking-btn._3 {
        width: 50%;
        min-width: auto
    }

    .ranking-block3 {
        min-width: auto;
        height: 50vh
    }

    .ranking-txt3,.ranking-txt2 {
        font-size: 3vw
    }

    .trad-rewards-txt {
        font-size: 6vw;
        line-height: 6vw
    }

    .rankings-title {
        font-size: 2vw
    }

    .ranking-block4 {
        justify-content: center;
        align-items: center;
        min-width: auto;
        height: 50vh;
        padding-top: 0
    }

    .global-pat-img-2 {
        display: none
    }

    .igniris-txt-r {
        font-size: 7vw;
        line-height: 7vw
    }

    .ranking-block2 {
        background-image: url(../images/BraveBadge.svg),url(../images/main-img-1.png);
        background-position: 70% 0,100% 0;
        background-repeat: no-repeat,no-repeat;
        background-size: 25%,40vw 50vw;
        justify-content: center;
        align-items: center;
        min-width: auto;
        height: 100vh;
        padding: 0
    }

    .d-txt-b {
        font-size: 1.3vw
    }

    .text-span-76 {
        font-size: 1vw
    }

    .countdown-block {
        justify-content: space-between;
        width: 100%;
        height: 10vw;
        position: relative
    }

    .ranking-box {
        width: 100%
    }

    .rewards-list {
        padding-top: 2%
    }

    .bg-gl {
        width: 50vw;
        height: 55vw;
        display: none;
        top: -2%;
        right: -1%
    }

    .rewards-btn {
        border-radius: 3vw;
        width: 20vw;
        height: 6vw
    }

    .submit-button-4 {
        width: 35vw;
        height: 8vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .c_icon2 {
        width: 4vw;
        height: 4vw;
        margin-left: 2vw;
        margin-right: 2vw
    }

    .kyc-wrapper {
        grid-column-gap: 0;
        grid-row-gap: 0;
        align-items: flex-start
    }

    .button-83 {
        width: 19vw;
        height: 7vw;
        min-height: 7vw;
        padding: 1vw;
        font-size: 2.8vw;
        line-height: 3vw
    }

    .image-118 {
        top: 0;
        left: -10vw
    }

    .p2p_c_warn-2 {
        padding: 3vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .logout_btn-2 {
        width: 24vw;
        margin-top: 3vw;
        font-size: 3.2vw;
        line-height: 4vw
    }

    .fileblock {
        width: 100%;
        margin-top: 2vw;
        margin-bottom: 4vw
    }

    .authbtn_area {
        justify-content: space-around;
        width: 30vw;
        height: 27vw;
        margin-right: 0
    }

    .kyc_icon {
        margin-bottom: 3vw
    }

    .c_btn {
        min-width: 15vw;
        height: 7vw;
        margin-left: 2vw;
        padding: 1vw 2vw;
        font-size: 2.8vw;
        line-height: 3vw
    }

    .div-block-163 {
        width: 100%;
        height: 48vw
    }

    .fileselect_block {
        width: 100%;
        height: 7vw;
        margin-bottom: 2vw
    }

    .custermer_listblock {
        width: 100%;
        height: auto;
        min-height: 100vw;
        padding: 8vw 0
    }

    .c_icon {
        width: 6vw;
        height: 6vw;
        margin-right: 4vw
    }

    .c_section {
        justify-content: flex-end;
        align-items: center;
        width: 45vw
    }

    .c_box {
        height: 8vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        padding-left: 0;
        padding-right: 0;
        font-size: 3vw;
        line-height: 4vw
    }

    .auth_filetxt {
        width: 20vw;
        height: 7vw;
        padding: 1vw;
        font-size: 2.5vw
    }

    .custermer_titlewarp {
        align-items: flex-end;
        width: 100%;
        padding-bottom: 4vw
    }

    .checkbox-11 {
        margin-left: -4vw;
        margin-right: 1vw
    }

    .fileselect1-2 {
        width: 90%;
        padding-left: 1vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .bold-txt {
        margin-bottom: 2vw;
        font-size: 4vw;
        line-height: 5vw
    }

    .file_uploadbox {
        width: 75%;
        margin-left: 2vw;
        padding-top: 1vw
    }

    .file_uploadbox.kyc {
        width: 55%
    }

    .text-block-115 {
        margin-top: 2vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .c_complete {
        width: 100%;
        font-size: 5vw;
        line-height: 6vw
    }

    .text-block-116 {
        word-break: keep-all;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .kyc-contents {
        border-radius: 0;
        width: 100%;
        margin-bottom: 0;
        margin-left: 0;
        font-size: 3vw
    }

    .kyc-btn {
        min-width: auto
    }

    .section-le {
        justify-content: flex-start;
        align-items: center;
        height: 100vh;
        padding-top: 35vw;
        padding-bottom: 0
    }

    .join-now-btn {
        font-size: 3vw;
        line-height: 3vw
    }

    .get30btn {
        padding: 0;
        font-size: 2.5vw
    }

    .section-le2 {
        padding-top: 15vw
    }

    .benefits-blcok {
        height: 35vw;
        position: absolute;
        top: -20%
    }

    .section-le4 {
        height: 55vh
    }

    .pop_btn-2 {
        height: 8vw;
        margin-top: 3vw;
        margin-left: auto;
        margin-right: auto
    }

    .myinfo-txt {
        margin-bottom: 2vw;
        padding-left: 3vw;
        font-size: 3vw;
        line-height: 8vw
    }

    .myinfo-txt.nochange {
        height: 8vw
    }

    .myinfo-txt.nochange.nobtn {
        height: 40px;
        font-size: 14px;
        line-height: 125%
    }

    .display_setting {
        display: flex
    }

    .display_setting.mobile {
        width: 10vw;
        min-width: 10vw;
        height: 5vw
    }

    .mobile-trade-wrap {
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-left: 1vw;
        display: flex
    }

    .text-box {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        display: none
    }

    .funding_ratetxt {
        text-align: left;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        font-size: 2.5vw;
        display: flex
    }

    .funding_ratetxt.whitemod {
        color: #000
    }

    .funding_ratetxt.small {
        color: var(--black);
        flex-flow: row;
        font-size: 2.2vw
    }

    .funding_ratetxt.small.up {
        color: var(--green)
    }

    .funding_ratetxt.small.down {
        color: var(--red)
    }

    .funding_ratetxt.darkmode {
        line-height: 125%
    }

    .m-chart-btn {
        background-image: url(../images/candlestick.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: auto;
        width: 4vw;
        height: 5vw;
        margin-left: auto;
        padding: 0
    }

    .m-chart-btn.darkmode {
        filter: invert();
        background-color: #16182400
    }

    .tpsl-order-top {
        display: none
    }

    .order-info-txt-14s {
        flex-flow: row;
        line-height: 125%
    }

    .limit-order.perpetual {
        display: none
    }

    .tpsl-order.perpetual {
        grid-column-gap: 1dvh;
        grid-row-gap: 1dvh;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: flex
    }

    .flex-leverage-box.mo-none,.apply-box.mo-none,.use-bonus {
        display: none
    }

    .use-bonus.mo {
        background-color: #f5f5f5;
        border-style: none;
        border-radius: 4px;
        height: 20px;
        display: flex
    }

    .use-bonus.mo.darkmode {
        border-style: solid;
        border-color: var(--line);
        background-color: #f5f5f500;
        height: auto
    }

    .asset-mode {
        display: none
    }

    .asset-mode.mo {
        order: 0;
        height: 3dvh;
        display: flex
    }

    .flex-box-ls {
        width: 100%;
        display: none
    }

    .flex-box-ls.right,.flex-box-ls.right.mo {
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    .top-txt {
        background-color: #f5f5f5;
        border-radius: 16px;
        padding: 7px 11px;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        display: flex
    }

    .top-txt.darkmode {
        color: var(--white);
        background-color: #f5f5f514
    }

    .chart-btn {
        cursor: pointer;
        width: 16px;
        margin-left: auto;
        display: block
    }

    .chart-btn.darkmode {
        filter: invert();
        background-color: #16182400
    }

    .quantitybar_block-3 {
        padding-right: 1vw
    }

    .confirm-4 {
        font-size: 3.5vw;
        line-height: 4vw
    }

    .image-129 {
        width: 4vw;
        height: 4vw
    }

    .cancle-3 {
        font-size: 3.5vw;
        line-height: 4vw
    }

    .pop_btn-3 {
        height: 8vw;
        margin-top: 3vw;
        margin-left: auto;
        margin-right: auto
    }

    .positionmodpop {
        display: none
    }

    .positionmod-box.darkmode {
        background-color: var(--darkmod);
        color: var(--white)
    }

    .mobile-menu {
        background-color: #fff;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 8dvh;
        padding: 0;
        display: flex;
        position: fixed;
        inset: auto 0 0
    }

    .mobile-menu.darkmode {
        background-color: var(--darkmod);
        color: var(--white)
    }

    .tpsl-box {
        grid-column-gap: 1dvh;
        grid-row-gap: 1dvh;
        display: flex
    }

    .mobile-menu-btn-wrap {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex
    }

    .mobile-menu-btn-wrap.home {
        padding-top: 24px
    }

    .mobile-menu-btn-wrap.home.on {
        color: #febe40
    }

    .mobile-menu-btn-wrap.market {
        background-image: url(../images/market.svg)
    }

    .mobile-menu-btn-wrap.market.on {
        background-image: url(../images/market2.svg)
    }

    .mobile-menu-btn-wrap.market.darkmode {
        color: #888
    }

    .mobile-menu-btn-wrap.market.darkmode.on {
        color: #febe40
    }

    .mobile-menu-btn-wrap.spot {
        background-image: url(../images/spot.svg)
    }

    .mobile-menu-btn-wrap.spot.on {
        background-image: url(../images/Spot2.svg)
    }

    .mobile-menu-btn-wrap.futures {
        background-image: url(../images/futures.svg)
    }

    .mobile-menu-btn-wrap.futures.on {
        background-image: url(../images/Futures2.svg)
    }

    .mobile-menu-btn-wrap.assets {
        background-image: url(../images/assets.svg)
    }

    .mobile-menu-btn-wrap.assets.on {
        background-image: url(../images/Assets2.svg)
    }

    .mobile-menu-btn-wrap.darkmode {
        color: #888
    }

    .mobile-menu-btn-wrap.on {
        color: var(--main-co)
    }

    .input-flex-box {
        grid-column-gap: 2px;
        grid-row-gap: 2px;
        flex-flow: row;
        display: flex
    }

    .btn-bbo {
        color: #000;
        background-color: #f5f5f5;
        border-radius: 4px;
        justify-content: center;
        align-items: center;
        height: 100%;
        min-height: 45px;
        padding: 0 11px;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        display: flex
    }

    .btn-bbo.darkmode {
        border: 1px solid var(--white);
        color: var(--white);
        background-color: #f5f5f500
    }

    .ordermax {
        color: var(--88co)
    }

    .order-flex-box {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        align-items: stretch;
        display: flex
    }

    .avail {
        order: 4;
        display: none
    }

    .avail.mo {
        order: 0;
        width: 100%;
        height: 3dvh;
        display: flex
    }

    .mo-menu-icon {
        background-image: url(../images/home.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: auto;
        width: 17px;
        height: 17px;
        padding: 0
    }

    .mo-menu-icon.home.on {
        background-color: #febe4026;
        background-image: url(../images/home2.svg);
        border-radius: 13px;
        width: 50%;
        height: 24px
    }

    .mo-menu-icon.market {
        background-image: url(../images/market.svg)
    }

    .mo-menu-icon.market.on {
        background-image: url(../images/market2.svg)
    }

    .mo-menu-icon.on {
        background-color: #febe4026;
        border-radius: 13px;
        width: 50%;
        height: 24px
    }

    .mo-menu-icon.spot {
        background-image: url(../images/spot.svg)
    }

    .mo-menu-icon.spot.on {
        background-image: url(../images/Spot2.svg)
    }

    .mo-menu-icon.futures {
        background-image: url(../images/futures.svg)
    }

    .mo-menu-icon.futures.on {
        background-image: url(../images/Futures2.svg)
    }

    .mo-menu-icon.assets {
        background-image: url(../images/assets.svg)
    }

    .mo-menu-icon.assets.on {
        background-image: url(../images/Assets2.svg)
    }

    .select-all {
        max-width: 30%
    }

    .gage-bar-call {
        margin-top: 1vw;
        display: flex
    }

    .long-gage {
        height: 2vw
    }

    .long-gage._1vw {
        height: 1vw
    }

    .short-gage {
        height: 2vw
    }

    .short-gage._1vw {
        height: 1vw
    }

    .flex-box-perpetual-a {
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    .none {
        display: none
    }

    .flex-box-btn-wrapper {
        height: 7vw;
        margin-top: 2vw;
        display: flex
    }

    .drop-link-btn {
        height: 100%
    }

    .drop-link-btn.darkmode {
        border: 1px solid var(--white);
        background-color: #f5f5f500
    }

    .redstick,.greenstick {
        width: 1.5vw;
        height: 60%
    }

    .div-block-168 {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .btn-price {
        text-align: center;
        background-color: #3898ec00;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: 0 2vw;
        display: flex
    }

    .btn-price.darkmode {
        filter: invert()
    }

    .minus-img {
        width: 24px
    }

    .no-data-block {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        color: #000;
        text-align: center;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 5vw;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        display: flex
    }

    .no-data-block.darkmode {
        color: var(--white)
    }

    .half-txt {
        color: #33333380
    }

    .half-txt.darkmode {
        color: #c5c5c580
    }

    .flex-box-nodata {
        grid-column-gap: 10%;
        grid-row-gap: 10%;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 2vw;
        display: flex
    }

    .asset-block {
        background-color: #f5f5f5;
        border-radius: 100%;
        justify-content: center;
        align-items: center;
        width: 46px;
        height: 46px;
        display: flex
    }

    .flex-center {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        justify-content: flex-start;
        align-items: center
    }

    .mo-dropdown {
        z-index: 1
    }

    .mo-dropdown.darkmode {
        background-color: var(--darkmode-input);
        color: var(--white);
        border-style: none
    }

    .lang-img {
        width: 23px;
        height: 23px
    }

    .trade-top-mo {
        display: flex
    }

    .trade-top-copy {
        padding-left: 12px;
        padding-right: 12px;
        display: flex
    }

    .trade_coinsub-mo {
        z-index: 5;
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
        width: 92vw;
        padding: 2vw 1vw;
        display: none;
        top: 7vw;
        left: 1vw;
        right: 1vw
    }

    .bit-wrap-mo {
        background-image: url(../images/white_arrow_0.png);
        background-size: 2vw
    }

    .bit-wrap-mo.darkmode {
        background-image: url(../images/dark_arrow_0.png);
        background-size: 2vw
    }

    .bit-txt-mo {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 4vw;
        font-weight: 700;
        line-height: 4vw
    }

    .trade-chart {
        flex-flow: column;
        height: 85vh;
        padding-bottom: 0;
        padding-right: 0;
        display: none
    }

    .trade-order {
        flex-flow: column;
        display: flex
    }

    .trade-order-top {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        align-items: stretch;
        height: 75vh;
        padding: 1% 12px;
        display: flex
    }

    .trade-order-box {
        width: 60%;
        height: 100%;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .trade-hoga-box {
        color: var(--88co);
        width: 39%;
        height: 100%;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .order-top-mo {
        height: 8%;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .order-top-btn-mo {
        background-color: #f5f5f5;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        width: 33.3%;
        height: 100%;
        padding: 0 1vw 0 2vw;
        font-size: 2.7vw;
        line-height: 3vw
    }

    .order-top-btn-mo.darkmode {
        background-color: var(--darkmode-input);
        border-style: none
    }

    .mo-arrow {
        width: 1.5vw
    }

    .order-tap-box-mo {
        cursor: pointer;
        background-color: #f5f5f5;
        height: 9%;
        min-height: auto;
        margin-top: 2%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 2vw;
        font-size: 3vw;
        line-height: 3vw;
        display: flex
    }

    .order-tap-box-mo.darkmode {
        border: 1px none var(--line);
        background-color: var(--darkmode-input)
    }

    .info-img-mo {
        width: 2.5vw;
        height: 2.5vw;
        left: 10vw
    }

    .info-img-mo.mk {
        left: 13vw
    }

    .info-img-mo.sm {
        left: 20vw
    }

    .order-tap-mo {
        font-size: 3vw;
        line-height: 3vw;
        display: none
    }

    .order-tap-mo.on {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .trade-order-form {
        color: var(--black);
        height: 100%;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 3vw;
        line-height: 3vw
    }

    .div-block-169 {
        border-radius: 5px;
        justify-content: space-between;
        align-items: stretch;
        height: 9%;
        margin-top: 2%;
        display: flex;
        overflow: hidden
    }

    .div-block-169.off {
        display: none
    }

    .div-block-169._1 {
        height: 9vw;
        margin: 2% 0
    }

    .text-field-36 {
        height: 100%;
        margin-bottom: 0;
        padding: 0 2vw
    }

    .text-field-37 {
        background-color: #f5f5f5;
        border: 0 solid #000;
        height: 100%;
        margin-bottom: 0;
        padding: 0
    }

    .text-field-37.darkmode {
        background-color: var(--darkmode-input)
    }

    .div-block-170 {
        background-color: #f5f5f5;
        border-radius: 5px;
        flex-flow: column;
        width: 73%;
        height: 100%;
        padding-top: 1%;
        padding-left: 2vw;
        padding-right: 2vw;
        display: flex
    }

    .div-block-170.darkmode {
        background-color: var(--darkmode-input)
    }

    .text-block-144 {
        color: var(--88co);
        font-size: 2vw;
        line-height: 2.3vw
    }

    .order-top-btn-mo-copy {
        background-color: #f5f5f5;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        width: 25%;
        height: 100%;
        padding: 0 1vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .order-top-btn-mo-copy.darkmode {
        background-color: var(--darkmode-input);
        border-style: none;
        width: 25%
    }

    .text-field-37-copy {
        background-color: #f5f5f5;
        border: 0 solid #000;
        width: 75%;
        height: 100%;
        margin-bottom: 0;
        padding: 0 0 0 2vw
    }

    .text-field-37-copy.darkmode {
        background-color: var(--darkmode-input)
    }

    .order-top-btn-mo-copy-copy {
        background-color: #f5f5f5;
        border-radius: 0;
        justify-content: center;
        align-items: center;
        width: 25%;
        height: 100%;
        padding: 0 1vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .order-top-btn-mo-copy-copy.darkmode {
        background-color: var(--darkmode-input);
        border-style: none;
        width: 25%
    }

    .div-block-171 {
        color: var(--88co);
        justify-content: space-between;
        align-items: center;
        height: 4%;
        margin-top: 2%;
        font-size: 2.3vw;
        display: flex
    }

    .div-block-172 {
        grid-column-gap: .5vw;
        grid-row-gap: .5vw;
        justify-content: flex-end;
        align-items: center;
        display: flex
    }

    .div-block-172.black {
        color: var(--black)
    }

    .quantitybar_block_mo {
        background-image: url(../images/white_gauge_5_nohandler.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 65%;
        justify-content: center;
        align-items: center;
        height: 5%;
        margin-top: 1%;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .div-block-173 {
        border-radius: 5px;
        padding-left: 0
    }

    .div-block-174 {
        background-color: #f5f5f5;
        border-radius: 5px;
        justify-content: space-between;
        align-items: center;
        height: 5%;
        margin-top: 2%;
        padding-bottom: 0;
        padding-left: 1vw;
        padding-right: 1vw;
        display: block
    }

    .div-block-174.darkmode {
        background-color: var(--darkmode-input)
    }

    .div-block-171-copy {
        color: var(--88co);
        justify-content: space-between;
        align-items: center;
        height: 100%;
        margin-top: 1vw;
        font-size: 2.3vw;
        display: flex
    }

    .div-block-171-copy-copy {
        color: var(--88co);
        justify-content: space-between;
        align-items: center;
        height: 4%;
        margin-top: 4%;
        font-size: 2.3vw;
        display: flex
    }

    .div-block-175 {
        height: 14%;
        margin-top: 3%
    }

    .div-block-175.off {
        height: 5%
    }

    .tpls-input {
        background-color: #f5f5f5;
        border: 0 solid #000;
        border-radius: 5px;
        width: 49%;
        height: 100%;
        margin-bottom: 0;
        padding: 0 2vw
    }

    .tpls-input.darkmode {
        background-color: var(--darkmode-input)
    }

    .order-btn-box-mo {
        grid-column-gap: 0;
        grid-row-gap: 0;
        justify-content: space-between;
        height: 20%;
        margin-top: 5%
    }

    .order-btn-box-mo.spot-box.none {
        display: none
    }

    .div-block-176 {
        flex-flow: column;
        justify-content: space-around;
        align-items: flex-end;
        height: 9%;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .black {
        color: var(--black)
    }

    .black.darkmode {
        color: var(--white)
    }

    .text-block-145 {
        font-size: 2vw
    }

    .div-block-177 {
        justify-content: space-between;
        align-items: center;
        height: 9%;
        margin-top: 1%;
        padding-bottom: 0;
        padding-right: 0;
        font-size: 2vw;
        display: flex
    }

    .div-block-178 {
        height: 70%;
        margin-top: 1%
    }

    .div-block-178.tpsl {
        height: 80%
    }

    .order-btn-2-copy {
        height: 45%;
        font-size: 3vw;
        line-height: 4vw
    }

    .call-sell-copy {
        height: 40%
    }

    .call-sell-copy.tpsl {
        height: 32vw
    }

    .call-price-box-copy {
        justify-content: space-between;
        align-items: center;
        height: 12.5%;
        padding-left: 0;
        padding-right: 0
    }

    .call-buy-copy {
        height: 40%
    }

    .call-buy-copy.tpsl {
        height: 32vw
    }

    .call-price-box-copy {
        justify-content: space-between;
        align-items: center
    }

    .call-middle-copy {
        height: 12%;
        min-height: auto;
        padding-left: 0;
        padding-right: 0
    }

    .call-middle-copy.tpsl {
        height: 6vw;
        min-height: 6vw
    }

    .call-middle-txt-copy,.call-middle-txt-copy.right-txt {
        font-size: 3vw
    }

    .call-middle-txt-copy.green {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .call-middle-txt-copy.darkmode {
        color: var(--white)
    }

    .call-middle-txt-copy.darkmode.green {
        color: var(--green)
    }

    .call-middle-txt-copy.darkmode.red {
        color: var(--red)
    }

    .gage-bar-call-copy {
        height: 8%;
        margin-top: 1vw;
        display: flex
    }

    .trade-order-form-box {
        height: 100%
    }

    .check-box-spot-copy {
        height: 40%
    }

    .check-box-spot-copy.off {
        height: 100%
    }

    .div-block-169-copy {
        border-radius: 5px;
        justify-content: space-between;
        align-items: stretch;
        height: 60%;
        margin-top: 1%;
        display: flex;
        overflow: hidden
    }

    .div-block-169-copy.off {
        display: none
    }

    .call-price-box-copy {
        justify-content: space-between;
        align-items: center;
        height: 12.5%
    }

    .call-price-box-mo {
        justify-content: space-between;
        align-items: center;
        height: 12.5%;
        padding-left: 0;
        padding-right: 0
    }

    .futures-info-box-copy {
        width: 96vw;
        margin-top: 0;
        left: -49vw
    }

    .futures-info-box-copy.futures {
        width: 100%;
        min-height: auto;
        max-height: none;
        margin-top: 5%;
        padding-left: 12px;
        padding-right: 12px;
        position: static
    }

    .futures-info-box-copy.futures.darkmode {
        margin-top: 3vw
    }

    .futures-info-box-copy.futures.spot-mg {
        left: -51vw
    }

    .margin-mod-box {
        border-radius: 10px;
        justify-content: space-between;
        align-items: center;
        margin-top: 1%;
        margin-bottom: 1%;
        padding: 2%;
        display: flex
    }

    .margin-mod-box.click {
        background-color: #f5f5f5
    }

    .margin-mod-box.darkmode {
        background-color: var(--darkmode-input)
    }

    .margin-mod-box.darkmode.click {
        background-color: var(--bg-hover);
        color: var(--black)
    }

    .margin-mod-box-left {
        width: 90%
    }

    .quantitybar_block-copy {
        height: 5%;
        padding-right: 1vw
    }

    .tpsl_poptxt-copy {
        margin-bottom: 2vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .div-block-179 {
        flex-flow: column;
        font-size: 3vw;
        line-height: 3vw;
        display: flex
    }

    .lev-box {
        justify-content: space-between;
        align-items: center;
        margin-top: 5%;
        margin-bottom: 5%;
        display: flex
    }

    .div-block-180 {
        justify-content: center;
        align-items: flex-end;
        display: flex
    }

    .lev-img {
        cursor: pointer;
        width: 4vw
    }

    .div-block-181 {
        background-color: #f5f5f5;
        height: .5vw;
        margin-top: 5%;
        margin-bottom: 5%;
        padding-bottom: 0;
        padding-right: 0
    }

    .leverage_warp-copy {
        height: auto;
        margin-top: 5%;
        margin-bottom: 5%
    }

    .leverage_warp-copy.popup-mg.mo-none {
        display: none
    }

    .input-lev {
        text-align: right;
        border: 1px #000;
        width: 18vw;
        margin-bottom: 0;
        padding: 0;
        font-size: 9vw;
        font-weight: 600;
        line-height: 10vw
    }

    .input-lev.darkmode.long {
        color: var(--green)
    }

    .clearing-form {
        margin-bottom: 0;
        display: flex
    }

    .div-block-182 {
        justify-content: flex-start;
        align-items: center;
        display: flex
    }

    .black-title {
        color: var(--black);
        margin-left: 1%;
        font-size: 3vw;
        font-weight: 600;
        line-height: 3vw
    }

    .black-title.darkmode {
        color: var(--white)
    }

    .form-29 {
        font-size: 2.5vw;
        line-height: 3.5vw
    }

    .paragraph {
        margin-top: 1%;
        margin-bottom: 1%
    }

    .paragraph.gray {
        color: var(--88co)
    }

    .paragraph.red {
        color: var(--red)
    }

    .div-block-170-copy {
        background-color: #f5f5f5;
        border-radius: 5px;
        flex-flow: column;
        width: 100%;
        height: 100%;
        padding-top: 1%;
        padding-left: 2vw;
        padding-right: 2vw;
        display: flex
    }

    .div-block-170-copy.darkmode {
        background-color: var(--darkmode-input)
    }

    .quantitybar_block-copy-copy {
        height: 5%;
        margin: 5% 0;
        padding-right: 0
    }

    .tpsl-form {
        flex-flow: column;
        display: flex
    }

    .div-block-171-copy-copy-copy {
        color: var(--88co);
        justify-content: space-between;
        align-items: center;
        margin-top: 1%;
        margin-bottom: 1%;
        font-size: 2.3vw;
        display: flex
    }

    .form-30 {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .black-copy {
        color: var(--black);
        margin-top: 3%;
        font-size: 3vw
    }

    .black-copy.darkmode {
        color: var(--white)
    }
}

@media screen and (max-width: 479px) {
    .top {
        align-items:center
    }

    .qr-code-hover {
        padding-top: 6vw
    }

    .qr-code {
        background-size: 50%;
        width: 7vw;
        height: 7vw
    }

    .logoblock {
        display: flex
    }

    .topbtn_drop.lang {
        z-index: 2;
        width: 250%
    }

    .root {
        padding-bottom: 70px
    }

    .main-head-txt {
        font-size: 28px
    }

    .banner-input {
        width: 175px
    }

    .m-s-txt {
        font-size: 12px
    }

    .main-head-txt2 {
        font-size: 28px
    }

    .sign-up-btn {
        width: 100px;
        padding: 0;
        font-weight: 500
    }

    .main_banner_block {
        background-size: cover
    }

    .rolling {
        height: 8vw;
        margin-top: 0;
        margin-bottom: 0
    }

    .main-box-txt {
        margin-left: 2%;
        margin-right: 2%
    }

    .card-box {
        margin-top: 50px;
        margin-bottom: 0
    }

    .co-info-box {
        width: 100%
    }

    .main_box3 {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        font-size: .8rem;
        line-height: 1.2rem
    }

    .update-area {
        padding-top: 12px
    }

    .main-flex-left {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start
    }

    .update-subf {
        padding-top: 12px;
        padding-left: 12px;
        padding-right: 12px
    }

    .update-suba {
        padding-top: 0;
        padding-left: 12px;
        padding-right: 12px
    }

    .market-up-btn {
        padding-bottom: 6px
    }

    .coin-info-wrap-sub {
        justify-content: center;
        align-items: flex-start;
        padding-top: 0
    }

    .btn-box-mi {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
        margin-top: 6px;
        padding-left: 0
    }

    .sub-txt {
        padding-left: 0;
        padding-right: 0
    }

    .footer {
        margin-top: 0;
        padding-top: 24px;
        padding-bottom: 24px
    }

    .footerlist_warp {
        grid-column-gap: 3vw;
        grid-template-columns: 1fr 1fr
    }

    .bottom {
        display: flex;
        top: 0
    }

    .footerlist_title {
        font-size: 16px
    }

    .start-experience-section {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .start-hover-menu {
        flex-flow: column
    }

    .notosankr._16s.white.right {
        text-align: right
    }

    .app-install-wrap {
        flex-flow: column
    }

    .earn-monet-section {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .earn-money-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: column;
        align-items: stretch;
        margin-top: 0
    }

    .member-btn {
        font-size: 3vw
    }

    .member-select {
        margin: 0;
        padding: 0;
        font-size: 3vw
    }

    .member-wrap-max {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .member-title-big {
        font-size: 24px
    }

    .poptitle.small {
        font-size: 4vw
    }

    .title6 {
        justify-content: flex-start
    }

    .p2p-menu {
        height: auto
    }

    .p2p-menu-wrap {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: wrap;
        padding-bottom: 12px
    }

    .menu-left {
        min-height: 60px
    }

    .p2p-drop-down {
        font-size: .8rem;
        line-height: .8rem
    }

    .icon-3 {
        width: 3vw;
        height: 3vw;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: 1vw
    }

    .p2p_mbtn {
        font-size: .7rem;
        line-height: .8rem
    }

    .p2p_mbtn.w--current {
        font-size: .8rem
    }

    .select-box {
        grid-column-gap: 5px;
        grid-row-gap: 5px
    }

    .select-usdt,.inse-box {
        width: 100%
    }

    .amount-input {
        font-size: 2.5vw
    }

    .p2p-select {
        width: 100%
    }

    .method_txt {
        border-radius: 1vw;
        font-size: 14px;
        line-height: 125%
    }

    .buysellbtn.sell {
        padding: 1vw 2vw
    }

    .table_warp {
        border-radius: 0
    }

    .listtext1 {
        width: 12%;
        padding-left: 1vw;
        padding-right: 1vw;
        font-size: 2.8vw;
        line-height: 3.2vw
    }

    .listtext1.right.p2p {
        height: auto;
        margin-top: 1vw;
        margin-bottom: 1vw;
        font-size: 14px
    }

    .p2pwrap {
        min-height: 75vw
    }

    .list_txtwarp.p2p {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw
    }

    .p2p-title {
        font-size: 24px
    }

    .thid-party-check-box {
        height: 5vw;
        margin-top: 5vw
    }

    .sub-thid {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .partner-item {
        background-size: 45%;
        justify-content: flex-start;
        align-items: center;
        display: flex
    }

    .partner-item._2 {
        background-size: 40%;
        justify-content: flex-start;
        align-items: center;
        padding: 3vw;
        display: flex
    }

    .d-flex._2 {
        background-size: 30%
    }

    .d-flex-st.line {
        border-right-style: none
    }

    .check-txt {
        font-size: 3vw;
        line-height: 3vw
    }

    .second-txt {
        width: 15vw;
        height: 7vw;
        font-size: 2.5vw
    }

    .payment-sub-title {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .payment-content {
        padding: 12px
    }

    .small-txt-crypto {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .d-flex-div {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .crypto-txt2 {
        font-size: 4vw
    }

    .thid-check-box {
        width: 3vw;
        height: 3vw
    }

    .cursor-pointer-div {
        margin-left: 2vw
    }

    .wallet-line {
        margin-left: -4vw;
        margin-right: 4vw;
        display: none
    }

    .crypto-txt {
        margin-left: 2vw;
        margin-right: 2vw
    }

    .polygon-img._2 {
        margin-right: 2vw
    }

    .limit-txt {
        margin-top: 1vw;
        margin-bottom: 2vw
    }

    .thid-party-top-btn {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .thid-btn,.thid-btn.on {
        font-size: 16px
    }

    .wallet-menu {
        overflow: visible
    }

    .wallet-link {
        white-space: normal
    }

    .wallet-container {
        padding-bottom: 24px
    }

    .property-info {
        flex-flow: column
    }

    .wallet-table-list-box {
        overflow: auto
    }

    .table-wrap.h-auto {
        white-space: nowrap
    }

    .wallet-top-wrap {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        flex-flow: column
    }

    .wallet-top-right {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%
    }

    .asset_listbox {
        flex-flow: column
    }

    .exchange-title,.asset-txt {
        font-size: 12px
    }

    .asset_quote {
        justify-content: flex-end;
        align-items: center;
        padding-left: 0
    }

    .exchange-input.select {
        margin-right: 2vw
    }

    .assetbox3,.title6-2 {
        justify-content: flex-start
    }

    .trading-history-title {
        font-size: 24px
    }

    .trade-history-wrap-box {
        height: auto;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .table-overflow {
        overflow: auto
    }

    .trading-history-top-ver2 {
        height: 50px
    }

    .event-banner {
        height: 280px
    }

    .notice-box {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-flow: column;
        grid-template-columns: 1fr;
        display: flex
    }

    .cs-notice-txt {
        padding-bottom: 12px
    }

    .service-left {
        flex-flow: column
    }

    .service-top {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        white-space: nowrap;
        flex-flow: wrap;
        display: flex
    }

    .service-link.on {
        margin-bottom: 0
    }

    .notice-faq-box {
        flex-flow: column
    }

    .contact-submit {
        margin-top: 12px
    }

    .my-info-wrap {
        padding: 12px
    }

    .my-info-input-wrap {
        padding-left: 6px;
        padding-right: 6px
    }

    .postads-left {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .p2p-title-2 {
        width: 100%;
        padding-left: 5vw
    }

    .arrow-img {
        width: 25px;
        height: 25px
    }

    .width50._2 {
        justify-content: space-between;
        align-items: center
    }

    .ad-f-box {
        flex-flow: row;
        justify-content: flex-start;
        align-items: center
    }

    .ad-wrap3 {
        flex-flow: column
    }

    .ad-btn-box {
        width: 120px
    }

    .title-sub.custom-mg {
        margin-bottom: 0
    }

    .ad-wrap-box {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .post-radio {
        width: 4vw;
        height: 4vw
    }

    .pop-select {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 2.7vw
    }

    .input-addnow {
        font-size: 2.7vw
    }

    .pm-txt-box {
        flex-flow: wrap;
        height: auto
    }

    .pm-flex-box {
        padding-right: 2vw
    }

    .status-box,.post-top {
        height: 45px
    }

    .pm-div-box {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .search-box {
        min-width: auto
    }

    .post-flex-box {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin-top: 12px
    }

    .certification-div {
        margin-top: 0
    }

    .pm-txt-box-2 {
        height: auto
    }

    .user-profile {
        width: 35px;
        min-width: 35px;
        height: 35px;
        min-height: 35px
    }

    .user-profile-wrap {
        width: auto
    }

    .pm-flex-box-2 {
        padding-right: 2vw
    }

    .p2pbox {
        padding-left: 0;
        padding-right: 0
    }

    .p2p-wrap.mg {
        padding: 4vw 2vw
    }

    .p2p-wrap.user {
        padding-top: 1vw
    }

    .copy-trade-tap {
        flex-flow: wrap
    }

    .copy-trade-tap-btn {
        font-size: 16px
    }

    .copy-trade-info-wrap {
        justify-content: space-between;
        align-items: flex-start
    }

    .copy-trader {
        font-size: .7rem;
        line-height: .8rem
    }

    .copy-trader.w--current {
        font-size: .8rem
    }

    .follow-link-txt {
        font-size: 2.5vw
    }

    .follow-list-box {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .tpsl_cancle-2 {
        width: 22vw;
        margin-left: 0;
        margin-right: 0;
        font-size: 2.7vw;
        right: 3vw
    }

    .compleete_txt {
        font-size: 14px
    }

    .chatting {
        justify-content: flex-start;
        height: 550px;
        position: static;
        left: auto
    }

    .file-btn {
        text-align: center
    }

    .more-box {
        height: 80%
    }

    .trade-btn {
        border-radius: 1vw
    }

    .bg-modal {
        display: none
    }

    .mobile-menu-btn {
        background-position: 50% 30%;
        background-size: 4vw;
        width: 15vw;
        height: 10vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .mobile-menu-btn.my-page {
        background-position: 50% 20%;
        background-size: 4vw;
        font-size: 2.8vw
    }

    .mobile-menu-btn.wallet {
        background-position: 50% 20%
    }

    .more-btn {
        height: 15vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .trade-menu {
        display: flex
    }

    .price-volatility {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .price-volatility.red {
        font-size: 2.5vw;
        line-height: 125%
    }

    .bit-mobile-btn-box {
        margin-left: auto
    }

    .order-btn {
        background-size: 2vw 2vw;
        border-radius: 1vw;
        padding-left: 3vw;
        padding-right: 6vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .order-btn.bbo {
        margin-left: 1vw
    }

    .order_txt1 {
        height: 3dvh;
        margin-top: 1px;
        display: flex
    }

    .order_txt1.perpetual {
        order: -1
    }

    .order_txt1.perpetual.none {
        display: none
    }

    .futures-right {
        min-height: auto
    }

    .futures-info-box {
        width: 98vw;
        margin-top: 2vw;
        left: -48.5vw
    }

    .futures-info-box.futures {
        margin-top: 3vw;
        bottom: -5px;
        left: -51vw
    }

    .futures-info-box.futures.spot-mg {
        min-height: 55vh;
        bottom: 0
    }

    .futures-info-box.spot-info {
        top: 433px
    }

    .futures-left {
        min-width: 53vw;
        max-width: none;
        min-height: auto;
        max-height: 80vw
    }

    .futures-left.spot-exchange {
        grid-column-gap: 1dvh;
        grid-row-gap: 1dvh;
        border-radius: 0;
        width: 24%;
        min-width: 52vw;
        max-height: 80vh;
        padding-top: 5px
    }

    .futures-left.spot-left {
        border-radius: 0;
        padding-top: 1vw;
        padding-bottom: 2vw;
        bottom: -6.3vw
    }

    .price-volatility-txt {
        justify-content: flex-end;
        align-items: flex-start
    }

    .price-volatility-txt.green {
        text-align: right;
        line-height: 125%
    }

    .price-volatility-txt.red,.price-volatility-txt.dar {
        line-height: 125%
    }

    .price-volatility-txt.mobile-price {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 2.2vw
    }

    .perpetual-content {
        background-color: var(--white)
    }

    .trade-wrap {
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px
    }

    .trade-wrap.futures {
        padding-top: 2px
    }

    .trade-wrap.futures.darkmode {
        margin-top: 0;
        padding-top: 0
    }

    .order-form {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        padding: 0 2vw
    }

    .bit-txt {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 4vw
    }

    .input-box-order {
        border-radius: 1vw;
        height: 6dvh
    }

    .input-box-order.spot {
        border-radius: 1px;
        flex-flow: row;
        margin-right: 0;
        display: flex
    }

    .input-box-order.spot.darkmode {
        height: 6dvh
    }

    .input-box-order.spot.flex {
        height: 6dvh;
        display: flex
    }

    .input-box-order.spot.none {
        display: none
    }

    .input-box-order.small {
        height: 10vw
    }

    .notice-txt-trade {
        font-size: 3vw
    }

    .form-block-2 {
        height: 80%
    }

    .form-block-2.spot {
        height: 76%
    }

    .price-bit-txt {
        font-size: 3vw
    }

    .bit-dropdown-box {
        z-index: 2;
        justify-content: flex-start;
        align-items: center;
        width: auto
    }

    .deal-info-txt {
        font-size: 3vw;
        line-height: 4vw
    }

    .call-buy {
        overflow: hidden
    }

    .futures-info-list-top {
        height: 8vw
    }

    .tap-spto {
        grid-column-gap: 0;
        grid-row-gap: 0;
        border-bottom-style: none;
        border-radius: 1vw;
        height: auto;
        min-height: 8vw;
        margin-bottom: 1vw;
        margin-left: 2vw;
        margin-right: 2vw;
        padding-left: 0;
        padding-right: 0;
        display: none;
        overflow: hidden
    }

    .position-txt.long,.position-txt.short {
        font-size: 3vw;
        line-height: 4vw
    }

    .call-sell {
        overflow: hidden
    }

    .ordertxt {
        font-size: 2.5vw
    }

    .start-txt {
        min-height: 50vh;
        font-size: 3vw;
        line-height: 4vw
    }

    .checkbox-14 {
        width: 3vw;
        height: 3vw;
        margin-top: 0
    }

    .bottom-call {
        height: 8vw;
        margin-top: 0;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .order-btn-box {
        grid-column-gap: 1dvh;
        grid-row-gap: 1dvh;
        margin-top: auto
    }

    .order-btn-box.spot-box {
        grid-column-gap: 0;
        grid-row-gap: 0;
        height: 8vw;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .order-info-txt {
        flex-flow: row;
        font-size: 3vw;
        line-height: 4vw
    }

    .order-info-txt.big-txt {
        font-size: 3vw
    }

    .call-price-box {
        height: 3.7dvh;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .quantitybar_block {
        height: 3dvh
    }

    .buy-btn {
        height: 10vw;
        font-size: 3vw;
        line-height: 4vw
    }

    .bar-red {
        height: 1vw
    }

    .order-btn-wrap {
        border-radius: 2vw
    }

    .deal-info-wrap {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw
    }

    .call-top {
        height: 8vw;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .status-bar-txt {
        font-size: 2.5vw
    }

    .futures-list-box {
        padding-left: 12px;
        padding-right: 12px
    }

    .call-top-txt.w20 {
        justify-content: flex-start;
        align-items: center;
        font-size: 2.2vw;
        line-height: 2.5vw;
        display: flex
    }

    .call-top-txt.w20.size-txt.green {
        font-size: 2.8vw;
        position: relative
    }

    .call-top-txt.w20.size-txt.red {
        font-size: 2.8vw;
        font-weight: 400;
        position: relative
    }

    .call-top-txt.w40 {
        justify-content: flex-end;
        align-items: center;
        font-size: 2.2vw;
        line-height: 2.5vw;
        display: flex
    }

    .call-top-txt.w40.size-txt.black {
        font-size: 2.8vw
    }

    .trade-top {
        justify-content: flex-start;
        align-items: center;
        height: 6dvh;
        padding-top: 0;
        padding-bottom: 0
    }

    .trade-top.darkmode {
        justify-content: center;
        align-items: center;
        padding-bottom: 0
    }

    .futures-list-txt {
        font-size: 2vw;
        line-height: 2.5vw
    }

    .futures-list-txt.sub {
        border-bottom: 1px solid var(--line);
        line-height: 3vw
    }

    .futures-list-txt.sub.cancle {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .futures-list-txt.sub.right.flex-down.green {
        color: var(--green)
    }

    .order-input-txt {
        font-size: 3vw;
        line-height: 3vw
    }

    .order-input-txt.spot-txt {
        color: var(--88co);
        margin-top: 3px;
        padding-left: 3vw;
        padding-right: 2vw;
        font-size: 2vw;
        line-height: 2.5vw
    }

    .deal-btn {
        height: 8vw
    }

    .checkbox-field-2 {
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 0;
        font-size: 3vw;
        line-height: 4vw;
        display: flex
    }

    .position-block.short {
        padding-left: 1vw;
        padding-right: 1vw;
        font-size: 2.8vw;
        line-height: 4vw
    }

    .position-block.long {
        font-size: 2.8vw;
        line-height: 4vw
    }

    .bit-small-txt {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .bar-green {
        height: 1vw
    }

    .order-txt-box {
        grid-column-gap: .5vw;
        grid-row-gap: .5vw;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        display: none
    }

    .order-txt-box.mobile-none,.order-txt-box.line-top {
        display: none
    }

    .bit-info-box {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%
    }

    .order-tap-box {
        border-bottom-style: none;
        border-radius: 1vw;
        height: auto;
        min-height: 6dvh;
        margin-bottom: 2vw;
        margin-left: 2vw;
        margin-right: 2vw;
        padding-left: 2vw
    }

    .order-tap-box.darkmode {
        position: relative
    }

    .call-top-txt-box {
        margin-top: 1vw;
        margin-bottom: 1vw;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .bar-box {
        grid-column-gap: 1dvh;
        grid-row-gap: 1dvh
    }

    .position-txt-span {
        margin-left: 0
    }

    .position-txt-span.right {
        text-align: right
    }

    .futures-list {
        border-bottom-style: none;
        height: 10vw;
        min-height: auto
    }

    .position-box {
        grid-column-gap: 1.5vw;
        grid-row-gap: 1.5vw
    }

    .spot-btn.sell {
        color: #777;
        height: 8vw;
        padding: 0;
        font-size: 3vw;
        line-height: 4vw
    }

    .spot-btn.buy {
        height: 8vw;
        padding: 0;
        font-size: 3vw;
        line-height: 4vw
    }

    .spot-btn.buy.on {
        color: #fff
    }

    .call-middle-txt {
        font-size: 4vw;
        line-height: 4vw
    }

    .call-middle-txt.right-txt {
        color: #777;
        border-bottom: 1px dashed #777;
        font-size: 2.5vw;
        line-height: 4vw
    }

    .call-middle-txt.right-txt.darkmode {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .call-middle-txt.green {
        font-size: 3vw;
        line-height: 4vw
    }

    .call-middle-txt.darkmode {
        font-size: 4vw;
        line-height: 4vw
    }

    .quantitybar {
        height: 3px
    }

    .futures-top-wrap-box.mobile-txt.mo-none {
        display: none
    }

    .futures-top-wrap-box.flex-right-mo {
        height: 4dvh
    }

    .tl-txt {
        font-size: 3vw;
        line-height: 4vw
    }

    .futures-info-tap-box {
        border-top-style: none;
        width: 97vw;
        height: 8vw;
        min-height: 8vw
    }

    .futures-info-tap-box.whitemod {
        min-height: 8vw
    }

    .checkbox-label {
        margin-bottom: 0;
        margin-left: 1vw
    }

    .position-info-txt {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        flex-flow: column;
        font-size: 2.7vw;
        line-height: 2.5vw
    }

    .mobile-trade-btn {
        font-size: 3vw
    }

    .spot-tap {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .chart.chart-mobile {
        min-height: 55vh;
        margin-top: 1vw;
        margin-bottom: 1vw
    }

    .notice-block {
        width: 100%;
        display: flex
    }

    .futures-info-tap {
        font-size: 3.3vw;
        font-weight: 700;
        line-height: 4vw
    }

    .futures-info-tap.on {
        border-bottom-width: 2px
    }

    .sltp-btn {
        width: 13vw;
        height: 6vw;
        font-size: 3vw
    }

    .call-chart-area {
        grid-column-gap: 0;
        grid-row-gap: 0;
        min-height: 83dvh
    }

    .call-box {
        border-radius: 0
    }

    .call-box.mobile-flex {
        display: none
    }

    .bit-info-box2 {
        width: 100%;
        display: none
    }

    .futures-colornine {
        white-space: nowrap;
        font-size: 3vw
    }

    .futures-colornine.mobile-txt {
        line-height: 125%
    }

    .futures-colornine.mo {
        border-bottom-color: #777;
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 2.2vw
    }

    .deal-wrap-box {
        grid-column-gap: 4vw;
        grid-row-gap: 4vw;
        width: 31%
    }

    .deal-wrap-box.line-sltp {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw
    }

    .position-info-box {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw
    }

    .deal-info-box {
        padding-top: 2vw
    }

    .input-wrap-box {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw
    }

    .input-wrap-box.gap-w {
        display: flex
    }

    .input-wrap-box.gap-w.mo-flex {
        grid-column-gap: 0;
        grid-row-gap: 0;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: flex
    }

    .input-wrap-box.gap-w.none {
        display: none
    }

    .order-tap {
        font-size: 3vw;
        line-height: 5vw;
        display: none
    }

    .order-tap.on {
        background-color: #1f202300;
        border-bottom-style: none;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        font-weight: 400;
        display: flex
    }

    .order-tap.on.darkmode {
        flex-flow: row;
        justify-content: flex-start;
        align-items: center
    }

    .input-wrap-2 {
        display: none
    }

    .quantitybar_percentcircle {
        width: 15px;
        height: 15px;
        margin-right: 5px;
        right: -3vw
    }

    .futures-tap {
        white-space: nowrap;
        font-size: 2.5vw;
        font-weight: 700;
        line-height: 125%
    }

    .call-middle {
        flex-flow: row;
        height: 6vw;
        min-height: 6vw;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .order-input {
        padding: 2vw 3vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .order-input.spot-input {
        border-radius: 1vw;
        padding-top: 4vw;
        font-size: 2.6vw;
        line-height: 3vw
    }

    .bit-wrap {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        padding-right: 3vw
    }

    .futures-info-list.trigger-list {
        display: none
    }

    .futures-info-list.open-order {
        display: flex
    }

    .spot-flex-box {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        padding-right: 0
    }

    .form-block-15 {
        bottom: -105%
    }

    .search-btn-mobile {
        display: none
    }

    .hamberger-menu {
        width: 30px;
        height: 30px
    }

    .order-top {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        margin-bottom: 0
    }

    .order-top-btn {
        white-space: nowrap;
        width: 100%;
        height: 4dvh;
        padding-top: 1vw;
        padding-bottom: 1vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .order-top-btn.darkmode {
        background-color: #f5f5f500;
        width: 100%;
        min-height: 5vw
    }

    .order-btn-2 {
        height: 6dvh;
        font-weight: 700
    }

    .checkbox-field-3 {
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 0;
        font-size: 3vw;
        line-height: 4vw;
        display: flex
    }

    .checkbox-15 {
        width: 3vw;
        height: 3vw;
        margin-top: 0
    }

    .checkbox-label-3 {
        margin-bottom: 0;
        margin-left: 1vw
    }

    .main_bottombtn {
        height: 10vw
    }

    .mobile-mini-chart {
        z-index: 1;
        margin-top: 0;
        padding-bottom: 0;
        inset: auto auto 0
    }

    .white_topbtn.click {
        height: 100%
    }

    .mobile-minichart {
        background-color: #fff;
        border: 1px #00000026;
        height: 70vw;
        display: none
    }

    .minichart-btn {
        border-top: 1px solid var(--line);
        background-color: #fcfcfc;
        height: 12vw;
        box-shadow: 0 0 5px #0003
    }

    .minichart-btn.darkmode {
        border-top-style: none
    }

    .modepop {
        background-color: #0000
    }

    .checkicon {
        filter: none
    }

    .modepop_box {
        background-color: #fff;
        box-shadow: 0 2px 5px #0003
    }

    .modepop_btn {
        background-color: var(--main-co)
    }

    .settle-complete {
        display: none
    }

    .s_txt-3._2 {
        color: #333
    }

    .ordertxt3 {
        font-size: 2.7vw
    }

    .payment-box {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-end
    }

    .influ-wrap-max {
        grid-column-gap: 12px;
        grid-row-gap: 12px
    }

    .influe-wrap {
        padding-left: 12px;
        padding-right: 12px
    }

    .mobbackdark {
        display: none
    }

    .runtimequote-txt {
        font-size: 2.5vw
    }

    .runtimequote-txt.up {
        color: var(--green);
        font-size: 2.5vw;
        line-height: 4vw
    }

    .coinsub_info {
        width: 49%
    }

    .coin-top {
        min-height: 7vw
    }

    .coinsub_toptxt {
        margin-left: 5vw
    }

    .coinsub_toptxt.coin {
        margin-left: 1vw;
        margin-right: 1vw
    }

    .coinsub_tab {
        overflow: visible
    }

    .coinsub_infotxt {
        font-size: 2.5vw
    }

    .coinsub_infotxt.high {
        color: var(--green)
    }

    .text-block-15 {
        min-width: 9vw
    }

    .trade-history-list {
        height: 7vw
    }

    .text-block-40 {
        font-size: 2.5vw
    }

    .table-30 {
        min-width: 150px
    }

    .table-20.right {
        min-width: 130px
    }

    .text-block-107 {
        font-size: 2.5vw
    }

    .copyt_title {
        box-shadow: 0 2px 5px #0003
    }

    .title8 {
        justify-content: flex-start
    }

    .follow-btn-info {
        font-size: 3vw
    }

    .text-block-111 {
        margin-top: 1vw
    }

    .copyt_title-2 {
        box-shadow: 0 2px 5px #0003
    }

    .trade-btn-info {
        padding: 0 2vw;
        line-height: 4vw
    }

    .trade-btn-info.click {
        width: 35vw
    }

    .futureicon_listbox._1.off {
        min-height: auto;
        max-height: 25vw
    }

    .futureicon_listbox._2 {
        min-height: 30vw
    }

    .select_futureicon-2,.futureicon-2 {
        margin-top: 1vw;
        margin-bottom: 1vw
    }

    .follow-grid-box {
        min-height: 30vw
    }

    .follow-list-btn {
        padding: 0 2vw;
        line-height: 4vw
    }

    .follow-list-btn.click {
        width: 35vw
    }

    .listtext1-2 {
        width: 12%;
        padding-left: 1vw;
        padding-right: 1vw;
        font-size: 2.8vw
    }

    .follow-txt {
        padding-left: .5vw;
        padding-right: .5vw
    }

    .listtext3-3 {
        font-size: 2.8vw
    }

    .copyt_listbox {
        min-height: 110vw
    }

    .copyt_listbox.none {
        display: none
    }

    .futureicon {
        margin-top: 1vw;
        margin-bottom: 1vw
    }

    .ranking-wrap-box {
        align-items: stretch
    }

    .roi-ranking-div {
        flex-flow: column;
        width: 90%;
        min-width: auto;
        height: auto
    }

    .prize-pool-div {
        margin-top: 2vw
    }

    .txt-box-ranking {
        margin-top: 8vw
    }

    .roi-ranking-profile {
        bottom: -2vw
    }

    .roi-ranking-profile._2 {
        position: relative;
        bottom: -5vw
    }

    .roi-ranking-profile._3 {
        bottom: -8vw
    }

    .coin-icon1._6 {
        width: 10vw;
        height: 10vw;
        top: 55%;
        right: -3%
    }

    .coin-icon1._4 {
        width: 15vw;
        height: 15vw;
        right: -5%
    }

    .coin-icon1._7 {
        width: 10vw;
        height: 10vw;
        top: 60%
    }

    .paging-btn-ranking {
        font-size: 3vw
    }

    .ranking-block5 {
        height: auto
    }

    .rewards-title {
        padding-top: 2.5vw
    }

    .rewards-box {
        height: 10vw
    }

    .rewards-div2 {
        height: 8vw;
        padding-bottom: 0
    }

    .ranking-background {
        background-size: 100%,auto 100%,auto 100%;
        width: 100vw
    }

    .rewards-btn2 {
        line-height: 3vw
    }

    .rewards-div {
        height: 10vw;
        margin-top: 2vw
    }

    .ranking-list {
        height: auto
    }

    .t-ranking,.t-ranking._4 {
        font-size: 2.8vw;
        line-height: 3vw
    }

    .t-ranking._3 {
        min-width: 20vw;
        font-size: 2.8vw
    }

    .t-ranking.sub._2,.t-ranking.sub._3 {
        font-size: 3vw
    }

    .t-ranking.sub._4 {
        min-width: 30vw
    }

    .r-title-div {
        height: 10vw
    }

    .roi-wrap-box {
        justify-content: center;
        align-items: center;
        padding-top: 1vw;
        padding-bottom: 1vw
    }

    .roi-wrap-box._2 {
        height: 15vw
    }

    .ranking-title-txt {
        line-height: 5vw
    }

    .rewards-div3 {
        padding-top: 1vw
    }

    .ranking-wrap-box3 {
        width: 100%;
        height: 10vw
    }

    .ranking-div {
        border-radius: 5px;
        height: 10vw;
        margin-bottom: 1vw
    }

    .ranking-btn._2,.ranking-btn.on {
        width: 30%;
        min-width: auto;
        line-height: 3vw
    }

    .ranking-btn._3 {
        width: 40%;
        min-width: auto;
        line-height: 3vw
    }

    .ranking-block3 {
        height: 35vh
    }

    .ranking-txt3 {
        justify-content: flex-start;
        align-items: center;
        height: 7vw;
        font-size: 3vw;
        display: flex
    }

    .trad-rewards-txt {
        font-size: 5vw
    }

    .ranking-block4 {
        justify-content: center;
        align-items: center;
        height: 35vh;
        padding-top: 0
    }

    .igniris-txt-r {
        margin: 0
    }

    .rewards-btn {
        width: 33vw;
        min-width: auto;
        font-size: 2.5vw;
        overflow: visible
    }

    .kyc-wrapper {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .logout_btn-2 {
        margin-top: 5vw
    }

    .fileblock {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .custermer_titlewarp {
        margin-bottom: 0
    }

    .sertification_block {
        margin-top: 12px;
        margin-bottom: 12px
    }

    .upload-input {
        min-height: 40px
    }

    .section-le {
        justify-content: flex-start;
        align-items: center;
        height: 70vh
    }

    .join-now-btn {
        margin-top: 5vw;
        padding: 0
    }

    .be-txt-tiitle {
        padding: 2vw 3vw
    }

    .section-le2 {
        height: 65vh;
        padding-top: 5vw
    }

    .section-le2._2,.section-le3 {
        height: 50vh
    }

    .section-le4 {
        height: 40vh
    }

    .profile-setting-btn {
        width: 15vw;
        min-width: 15vw
    }

    .popup_follow {
        padding-left: 5vw;
        padding-right: 5vw
    }

    .bold-text-9,.bold-text-8 {
        font-size: 4vw;
        line-height: 5vw
    }

    .bold-text-8._2 {
        font-size: 4vw
    }

    .trader-txt {
        font-size: 5vw;
        line-height: 6vw
    }

    .text-field-24 {
        height: 10vw;
        font-size: 3vw;
        line-height: 3vw
    }

    .myinfo-txt.nochange.nobtn {
        font-size: 3vw
    }

    .text-span-72,.text-span-71 {
        font-size: 2.5vw
    }

    .display_setting.mobile {
        width: 13vw;
        min-width: 13vw;
        height: 6vw
    }

    .display_setting.mobile.my-page {
        top: 6px;
        right: 6px
    }

    .display_sun_warp {
        cursor: pointer
    }

    .mobile-trade-wrap {
        height: auto
    }

    .funding_ratetxt {
        font-size: 2.5vw
    }

    .m-chart-btn {
        background-size: 4vw 5vw
    }

    .m-chart-btn.darkmode {
        filter: invert();
        background-color: #16182400
    }

    .tpsl-order-top {
        font-size: 3vw;
        display: none
    }

    .flex-left-box {
        line-height: 4vw
    }

    .flex-left-box.modown {
        flex-flow: column
    }

    .order-info-txt-14s {
        flex-flow: row;
        font-size: 3vw;
        line-height: 4vw
    }

    .order-info-txt-14s.big-txt {
        font-size: 3vw
    }

    .limit-order {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw
    }

    .limit-order.perpetual {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        display: none
    }

    .market-order.perpetual {
        height: 100%
    }

    .tpsl-order {
        display: none
    }

    .tpsl-order.perpetual {
        grid-column-gap: 1dvh;
        grid-row-gap: 1dvh;
        height: 100%;
        display: flex
    }

    .input-box-wrapper {
        border-radius: 1vw;
        height: 10vw
    }

    .input-box-wrapper.spot {
        border-radius: 1px;
        flex-flow: row;
        height: 8vw;
        margin-right: 0
    }

    .oco-order {
        display: none
    }

    .use-bonus {
        height: auto;
        font-size: 2.5vw;
        display: none
    }

    .use-bonus.darkmode.mo {
        background-color: #f5f5f500
    }

    .use-bonus.mo {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        display: flex
    }

    .use-bonus.mo.darkmode {
        border-style: solid;
        border-color: var(--line)
    }

    .info-img {
        width: 3vw;
        height: 3vw;
        left: 15vw
    }

    .asset-mode {
        font-size: 3vw;
        display: none
    }

    .asset-mode.mo {
        display: none
    }

    .asset-mode-block {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 3vw
    }

    .check-flex-box {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .flex-box-ls {
        display: none
    }

    .flex-box-ls.right {
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    .top-txt {
        color: var(--black);
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-weight: 500
    }

    .flex-txt-box {
        display: none
    }

    .mo-input-box {
        border-radius: 1vw;
        overflow: hidden
    }

    .quantitybar_block-3 {
        height: 4vw
    }

    .quantitybar-3 {
        height: 3px
    }

    .quantitybar_percentcircle-3 {
        width: 15px;
        height: 15px;
        right: -3vw
    }

    .usebonuspop,.transferpop {
        display: none
    }

    .transferpop-box {
        width: 90%
    }

    .mobile-menu {
        height: 8dvh
    }

    .mobile-menu.darkmode {
        display: flex
    }

    .tpsl-box {
        grid-column-gap: 1vh;
        grid-row-gap: 1vh;
        display: flex
    }

    .mobile-menu-btn-wrap.market {
        background-image: none
    }

    .input-flex-box {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
        display: flex
    }

    .btn-bbo {
        height: 8vw;
        min-height: auto;
        font-size: 3vw
    }

    .ordermax {
        font-size: 3vw
    }

    .order-flex-box {
        grid-column-gap: 2vw;
        grid-row-gap: 2vw
    }

    .avail {
        font-size: 3vw
    }

    .avail.mo {
        width: 100%;
        height: 3dvh
    }

    .gage-bar-call {
        padding-left: 1vw
    }

    .inter-small.long,.inter-small.short {
        font-size: 2.5vw
    }

    .flex-between {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif
    }

    .flex-box-perpetual-a {
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    .none {
        display: none
    }

    .flex-box-btn-wrapper {
        margin-top: 2vw;
        padding-left: 1px
    }

    .drop-link-btn {
        font-size: 3vw
    }

    .no-data-block {
        display: flex
    }

    .no-data-block.darkmode {
        color: #fff;
        display: none
    }

    .half-txt.darkmode {
        color: #ffffff80
    }

    .flex-wrapper {
        flex-flow: column;
        width: 100%
    }

    .exchange-icon {
        display: none
    }

    .text-span-97,.text-span-98 {
        color: var(--88co)
    }

    .mo-dropdown {
        top: 6.2dvh
    }

    .lang-img {
        width: 21px;
        height: 21px
    }

    .trade-top-copy {
        justify-content: flex-start;
        align-items: center;
        height: 6dvh;
        padding-top: 0;
        padding-bottom: 0
    }

    .trade-top-copy.darkmode {
        color: var(--white);
        justify-content: center;
        align-items: center;
        padding-bottom: 0
    }

    .bit-wrap-mo {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        background-image: url(../images/dark_arrow_0.png);
        padding-right: 3vw
    }

    .bit-txt-mo {
        font-family: Inter Variablefont Opsz Wght,Arial,sans-serif;
        font-size: 4vw
    }

    .trade-chart {
        display: none
    }

    .trade-order {
        display: flex
    }

    .trade-order-top {
        height: 80vh
    }

    .order-top-mo {
        grid-column-gap: 1vw;
        grid-row-gap: 1vw;
        height: 7%;
        margin-bottom: 0
    }

    .order-top-btn-mo {
        white-space: nowrap;
        width: 100%;
        padding-top: 1vw;
        padding-bottom: 1vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .order-top-btn-mo.darkmode {
        background-color: #1d1d1d;
        border-style: none;
        width: 100%;
        min-height: 5vw
    }

    .order-tap-box-mo {
        border-bottom-style: none;
        border-radius: 1vw;
        padding-left: 2vw
    }

    .order-tap-box-mo.darkmode {
        color: var(--white);
        border-style: none;
        position: relative
    }

    .info-img-mo {
        width: 3vw;
        height: 3vw;
        left: 15vw
    }

    .order-tap-mo {
        font-size: 3vw;
        line-height: 5vw;
        display: none
    }

    .order-tap-mo.on {
        background-color: #1f202300;
        border-bottom-style: none;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        font-weight: 400;
        display: flex
    }

    .order-tap-mo.on.darkmode {
        flex-flow: row;
        justify-content: flex-start;
        align-items: center
    }

    .order-top-btn-mo-copy,.order-top-btn-mo-copy-copy {
        white-space: nowrap;
        padding-top: 1vw;
        padding-bottom: 1vw;
        font-size: 2.5vw;
        line-height: 3vw
    }

    .order-btn-box-mo {
        justify-content: space-around
    }

    .order-btn-box-mo.spot-box {
        grid-column-gap: 0;
        grid-row-gap: 0;
        height: 8vw;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .black.darkmode {
        color: var(--white)
    }

    .div-block-177 {
        font-size: 2.5vw
    }

    .order-btn-2-copy {
        height: 6dvh;
        font-weight: 700
    }

    .call-buy-copy {
        overflow: hidden
    }

    .call-price-box-copy {
        height: 3.7dvh;
        padding-left: 2vw;
        padding-right: 2vw
    }

    .call-middle-copy {
        flex-flow: row
    }

    .call-middle-txt-copy {
        font-size: 4vw;
        line-height: 4vw
    }

    .call-middle-txt-copy.right-txt {
        color: #777;
        border-bottom: 1px dashed #777;
        font-size: 2.5vw;
        line-height: 4vw
    }

    .call-middle-txt-copy.right-txt.darkmode {
        font-size: 2.5vw;
        line-height: 3vw
    }

    .call-middle-txt-copy.right-txt.darkmode.red {
        color: var(--red)
    }

    .call-middle-txt-copy.green {
        font-size: 3vw;
        line-height: 4vw
    }

    .call-middle-txt-copy.darkmode {
        color: var(--white);
        font-size: 4vw;
        line-height: 4vw
    }

    .call-middle-txt-copy.darkmode.green {
        color: var(--green)
    }

    .call-middle-txt-copy.darkmode.redstick {
        color: var(--red)
    }

    .call-price-box-copy {
        padding-left: 2vw;
        padding-right: 2vw
    }

    .futures-info-box-copy {
        width: 98vw;
        margin-top: 2vw;
        left: -48.5vw
    }

    .futures-info-box-copy.futures {
        padding-left: 0;
        padding-right: 0;
        bottom: -5px;
        left: -51vw
    }

    .futures-info-box-copy.futures.spot-mg {
        min-height: 55vh;
        bottom: 0
    }

    .futures-info-box-copy.spot-info {
        top: 433px
    }

    .black-title.darkmode,.black-copy.darkmode {
        color: var(--white)
    }
}

#w-node-_955d7404-967a-431b-2bf4-6a17832ab55d-2c643fc1,#w-node-_955d7404-967a-431b-2bf4-6a17832ab565-2c643fc1,#w-node-_955d7404-967a-431b-2bf4-6a17832ab569-2c643fc1,#w-node-_955d7404-967a-431b-2bf4-6a17832ab56d-2c643fc1,#w-node-_955d7404-967a-431b-2bf4-6a17832ab571-2c643fc1 {
    grid-area: span 1 / span 1 / span 1 / span 1
}

@media screen and (max-width: 479px) {
    #w-node-_67a5cdd8-2cfa-5245-96a1-72bbe743d792-2c643f96 {
        grid-area:span 1 / span 1 / span 1 / span 1
    }
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-ExtraBold.ttf) format("truetype"),url(../fonts/Inter_18pt-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-ExtraLightItalic.ttf) format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-ThinItalic.ttf) format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 28 Pt';
    src: url(../fonts/Inter_28pt-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 28 Pt';
    src: url(../fonts/Inter_28pt-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-SemiBoldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 28 Pt';
    src: url(../fonts/Inter_28pt-ExtraBoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 28 Pt';
    src: url(../fonts/Inter_28pt-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 28 Pt';
    src: url(../fonts/Inter_28pt-ExtraLightItalic.ttf) format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 28 Pt';
    src: url(../fonts/Inter_28pt-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 28 Pt';
    src: url(../fonts/Inter_28pt-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 28 Pt';
    src: url(../fonts/Inter_28pt-SemiBoldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 28 Pt';
    src: url(../fonts/Inter_28pt-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-BoldItalic.ttf) format("truetype"),url(../fonts/Inter_18pt-ExtraBoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-ExtraLightItalic.ttf) format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-BoldItalic.ttf) format("truetype"),url(../fonts/Inter_24pt-ExtraBoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 18 Pt';
    src: url(../fonts/Inter_18pt-SemiBoldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter 24 Pt';
    src: url(../fonts/Inter_24pt-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}