.index_banner__QPEln {
    background-color: var(--okd-color-alert-info);
    display: flex;
    max-height: 50vh;
    overflow: hidden;
    position: relative;
    transition: max-height .3s ease-in-out;
    transition: max-height var(--animation-duration, .3s) ease-in-out;
    will-change: max-height
}

.index_banner__QPEln .index_content__CujdD {
    color: var(--okd-color-content-secondary);
    display: flex;
    flex: 1 1;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 16px
}

.index_banner__QPEln .index_content__CujdD .index_infoIcon__eCLrS {
    display: flex;
    font-size: 16px;
    height: 20px;
    justify-content: center;
    width: 20px
}

.index_banner__QPEln .index_content__CujdD .index_description__sbI5d {
    flex: 1 1;
    margin-left: 8px;
    margin-right: 8px
}

.index_banner__QPEln .index_content__CujdD .index_closeIcon__n3hhX {
    cursor: pointer;
    font-size: 20px;
    height: 20px;
    width: 20px
}

.index_visible__Ppz1A {
    max-height: 50vh
}

.index_hidden__MT26J {
    max-height: 0
}

@media (max-width:767px) {
    span.index_hideSm__lJK44,
    span.index_hideSm__lJK44:first-child+span:not(.index_hideSm__lJK44):before {
        display: none
    }
}

.index_likeDisplay__zDiwu {
    align-items: center;
    display: flex
}

.index_likeDisplay__zDiwu>i {
    margin-right: 4px
}

.index_header__L6uwU {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    margin-top: 12px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%
}

@media (min-width:768px) {
    .index_header__L6uwU {
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width:1024px) {
    .index_header__L6uwU {
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width:1270px) {
    .index_header__L6uwU {
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

@media (min-width:1024px) {
    .index_header__L6uwU {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

@media (min-width:768px) {
    .index_header__L6uwU {
        margin-top: 24px
    }
}

@media (min-width:1024px) {
    .index_header__L6uwU {
        margin-top: 30px
    }
}

@media (min-width:768px) {
    .index_header__L6uwU {
        margin-bottom: 40px
    }
}

@media (min-width:1024px) {
    .index_header__L6uwU {
        margin-bottom: 30px
    }
}

.index_sticky__t1GP\+ {
    height: 0;
    overflow-y: visible;
    z-index: 10050
}

.index_container__2yI4a {
    background: var(--okd-color-background-base-primary);
    display: flex;
    flex-direction: column;
    height: 100%;
    height: -webkit-fill-available;
    overflow-y: hidden;
    position: fixed;
    width: 100%;
    z-index: 10050
}

@media (max-width:767px) {
    .index_container__2yI4a {
        padding-bottom: env(safe-area-inset-bottom, 12px)
    }
}

.index_container__2yI4a .index_searchBarContainer__AT2yk {
    display: flex;
    padding: 8px 12px 16px 16px
}

.index_container__2yI4a .index_searchBarContainer__AT2yk>:not(:last-child) {
    margin-right: 4px
}

.index_container__2yI4a .index_searchBarContainer__AT2yk .index_searchInput__EC80Q {
    flex: 1 1
}

.index_container__2yI4a .index_searchBarContainer__AT2yk .index_cancelButton__PEgfU {
    --okd-button-s-min-width: 0px;
    max-width: 72px
}

.index_container__2yI4a .index_searchResultList__6JMS2 {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    overflow: scroll
}

.index_container__2yI4a .index_searchResultList__6JMS2 .index_articleResultTitle__TIub8 {
    color: var(--okd-color-content-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding: 12px 24px
}

.index_container__2yI4a .index_searchResultList__6JMS2 .index_emptyLine__HD-Uh {
    color: var(--okd-color-content-contrast);
    line-height: 16px;
    padding: 24px
}

.index_searchResultItem__leGpH {
    align-items: center;
    color: var(--okd-color-content-primary);
    display: flex;
    padding: 16px 24px
}

@media (min-width:768px) {
    .index_searchResultItem__leGpH {
        padding: 12px 24px
    }
}

.index_searchResultItem__leGpH:hover {
    background: var(--okd-color-background-surface-primary);
    cursor: pointer
}

.index_searchResultItem__leGpH .index_searchResultText__AxzIz {
    flex: 1 1;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:768px) {
    .index_searchResultItem__leGpH .index_searchResultText__AxzIz {
        font-size: 14px;
        line-height: 16px
    }
}

.index_searchResultItem__leGpH .index_searchResultIcon__CPwiS {
    font-size: 20px
}

@media (min-width:768px) {
    .index_searchResultItem__leGpH .index_searchResultIcon__CPwiS {
        font-size: 16px
    }
}

.index_searchResultItem__leGpH>:not(:last-child) {
    margin-right: 8px
}

.index_inputWrapper__O0dCI {
    flex-shrink: 0;
    padding-bottom: 8px;
    padding-top: 8px;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .index_inputWrapper__O0dCI {
        width: 288px
    }
}

.index_searchResultList__pGUT- {
    background: var(--okd-color-modal-primary);
    border: 1px solid var(--okd-color-border-primary);
    border-radius: 16px;
    box-shadow: var(--okd-shadow-lg);
    box-sizing: border-box;
    flex-direction: column;
    position: absolute;
    top: 64px;
    width: 100%;
    z-index: 2
}

.index_searchResultList__pGUT- .index_searchResultContainer__C8hOJ {
    padding: 12px 0
}

.index_searchResultList__pGUT- .index_articleResultTitle__OPwS8 {
    color: var(--okd-color-content-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding: 12px 24px
}

.index_searchResultList__pGUT- .index_emptyLine__xG-uv {
    color: var(--okd-color-content-contrast);
    line-height: 16px;
    padding: 24px
}

@media (max-width:767px) {
    .index_breadcrumb__suoXK {
        --okd-breadcrumbs-md-current-font-size: 14px;
        --okd-hyperlink-md-font-size: 14px
    }
}

body {
    color: var(--okd-color-content-primary);
    height: 100%;
    min-height: 100vh
}

.home-container,
body {
    background: var(--okd-color-background-base-primary)
}

.index_dividerRow__FHkzs {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.index_dividerRow__FHkzs>span:not(:first-child):before {
    background-color: var(--okd-color-content-disabled);
    content: "";
    display: inline-block;
    height: 11px;
    margin: 0 8px;
    width: 1px
}

@media (min-width:768px) {
    .index_dividerRow__FHkzs>span:not(:first-child):before {
        margin: 0 12px
    }
}

.okx-support_headphone_filled {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support_headphone_filled:before {
    content: "\e05b";
    font-family: ok-e09ae86f22
}

.okx-support-okassistant-send {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-okassistant-send:before {
    content: "\e05a";
    font-family: ok-e09ae86f22
}

.okx-support-okassistant-add,
.okx-support-okassistant-send- {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-okassistant-add:before {
    content: "\e058";
    font-family: ok-e09ae86f22
}

.okx-support-ai {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-ai:before {
    content: "\e056";
    font-family: ok-e09ae86f22
}

.okx-support-articles {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-articles:before {
    content: "\e057";
    font-family: ok-e09ae86f22
}

.okx-support-feedback {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-feedback:before {
    content: "\e055";
    font-family: ok-e09ae86f22
}

.okx-support-im-camera {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-camera:before {
    content: "\e054";
    font-family: ok-e09ae86f22
}

.okx-support-im-sharescreen {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-sharescreen:before {
    content: "\e050";
    font-family: ok-e09ae86f22
}

.okx-support-im-translation {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-translation:before {
    content: "\e051";
    font-family: ok-e09ae86f22
}

.okx-support-im-video-off {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-video-off:before {
    content: "\e052";
    font-family: ok-e09ae86f22
}

.okx-support-im-mic-off {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-mic-off:before {
    content: "\e053";
    font-family: ok-e09ae86f22
}

.okx-support-call-endcall {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-call-endcall:before {
    content: "\e04f";
    font-family: ok-e09ae86f22
}

.okx-support-im-pin {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-pin:before {
    content: "\e04e";
    font-family: ok-e09ae86f22
}

.okx-support-im-unpin {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-unpin:before {
    content: "\e04d";
    font-family: ok-e09ae86f22
}

.okx-support-broadcast {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-broadcast:before {
    content: "\e04c";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-glassdoor {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-glassdoor:before {
    content: "\e04b";
    font-family: ok-e09ae86f22
}

.okx-support-ticket-unavailable {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-ticket-unavailable:before {
    content: "\e04a";
    font-family: ok-e09ae86f22
}

.okx-support-ticket-agent {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-ticket-agent:before {
    content: "\e047";
    font-family: ok-e09ae86f22
}

.okx-support-ticket-okassistant {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-ticket-okassistant:before {
    content: "\e048";
    font-family: ok-e09ae86f22
}

.okx-support-ticket-user {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-ticket-user:before {
    content: "\e049";
    font-family: ok-e09ae86f22
}

.okx-support-myticket-play {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-myticket-play:before {
    content: "\e046";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-whatsapp {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-whatsapp:before {
    content: "\e045";
    font-family: ok-e09ae86f22
}

.okx-support-android {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-android:before {
    content: "\e044";
    font-family: ok-e09ae86f22
}

.okx-support-message {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-message:before {
    content: "\e043";
    font-family: ok-e09ae86f22
}

.okx-support-cash-withdrawal {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-cash-withdrawal:before {
    content: "\e042";
    font-family: ok-e09ae86f22
}

.okx-support-cash-deposit {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-cash-deposit:before {
    content: "\e041";
    font-family: ok-e09ae86f22
}

.okx-support-forms {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-forms:before {
    content: "\e040";
    font-family: ok-e09ae86f22
}

.okx-support-im-mic-on {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-mic-on:before {
    content: "\e03f";
    font-family: ok-e09ae86f22
}

.okx-support-im-upload-general {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-upload-general:before {
    content: "\e03e";
    font-family: ok-e09ae86f22
}

.okx-support-im-upload-csv {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-upload-csv:before {
    content: "\e037";
    font-family: ok-e09ae86f22
}

.okx-support-im-upload-doc {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-upload-doc:before {
    content: "\e038";
    font-family: ok-e09ae86f22
}

.okx-support-im-upload-pdf {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-upload-pdf:before {
    content: "\e039";
    font-family: ok-e09ae86f22
}

.okx-support-im-upload-jpg {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-upload-jpg:before {
    content: "\e03a";
    font-family: ok-e09ae86f22
}

.okx-support-im-upload-xls {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-upload-xls:before {
    content: "\e03b";
    font-family: ok-e09ae86f22
}

.okx-support-im-upload-xlsx {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-upload-xlsx:before {
    content: "\e03c";
    font-family: ok-e09ae86f22
}

.okx-support-im-upload-docx {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-upload-docx:before {
    content: "\e03d";
    font-family: ok-e09ae86f22
}

.okx-support-im-reply {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-reply:before {
    content: "\e036";
    font-family: ok-e09ae86f22
}

.okx-support-im-recall-message {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-recall-message:before {
    content: "\e035";
    font-family: ok-e09ae86f22
}

.okx-support-im-video-on {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-video-on:before {
    content: "\e034";
    font-family: ok-e09ae86f22
}

.okx-support-im-volume-max {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-volume-max:before {
    content: "\e033";
    font-family: ok-e09ae86f22
}

.okx-support-im-call {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-im-call:before {
    content: "\e031";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-VK {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-VK:before {
    content: "\e02d";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-pressroom {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-pressroom:before {
    content: "\e02c";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-tiktok {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-tiktok:before {
    content: "\e02b";
    font-family: ok-e09ae86f22
}

.okx-support-channel-blog {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-channel-blog:before {
    content: "\e002";
    font-family: ok-e09ae86f22
}

.okx-support-okassistant-language {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-okassistant-language:before {
    content: "\e029";
    font-family: ok-e09ae86f22
}

.okx-support-okassistant-collapse {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-okassistant-collapse:before {
    content: "\e02a";
    font-family: ok-e09ae86f22
}

.okx-support-annoncements-category-others {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-annoncements-category-others:before {
    content: "\e000";
    font-family: ok-e09ae86f22
}

.okx-support-articleoutline {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-articleoutline:before {
    content: "\e001";
    font-family: ok-e09ae86f22
}

.okx-support-channel-email {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-channel-email:before {
    content: "\e003";
    font-family: ok-e09ae86f22
}

.okx-support-channel-phone {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-channel-phone:before {
    content: "\e004";
    font-family: ok-e09ae86f22
}

.okx-support-channel-website {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-channel-website:before {
    content: "\e005";
    font-family: ok-e09ae86f22
}

.okx-support-chat-bubble {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-chat-bubble:before {
    content: "\e006";
    font-family: ok-e09ae86f22
}

.okx-support-chatbot-dark {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-chatbot-dark:before {
    content: "\e007";
    font-family: ok-e09ae86f22
}

.okx-support-chatbot-light {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-chatbot-light:before {
    content: "\e008";
    font-family: ok-e09ae86f22
}

.okx-support-chatbot {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-chatbot:before {
    content: "\e009";
    font-family: ok-e09ae86f22
}

.okx-support-community-tradingview,
.okx-support-headphones {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-community-tradingview:before {
    content: "\e00b";
    font-family: ok-e09ae86f22
}

.okx-support-share-copylink {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-share-copylink:before {
    content: "\e00c";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-btok {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-btok:before {
    content: "\e013";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-dingtalk {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-dingtalk:before {
    content: "\e014";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-facebook {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-facebook:before {
    content: "\e015";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-discord {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-discord:before {
    content: "\e016";
    font-family: ok-e09ae86f22
}

.okx-support-translate-line-rtl {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-translate-line-rtl:before {
    content: "\e018";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-instagram {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-instagram:before {
    content: "\e019";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-line {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-line:before {
    content: "\e01a";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-linkedin {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-linkedin:before {
    content: "\e01b";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-medium {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-medium:before {
    content: "\e01c";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-qq {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-qq:before {
    content: "\e01d";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-reddit {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-reddit:before {
    content: "\e01e";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-sina {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-sina:before {
    content: "\e01f";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-telegram {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-telegram:before {
    content: "\e020";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-wechat {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-wechat:before {
    content: "\e021";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-x {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-x:before {
    content: "\e022";
    font-family: ok-e09ae86f22
}

.okx-support-socialmedia-youtube {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-socialmedia-youtube:before {
    content: "\e023";
    font-family: ok-e09ae86f22
}

.okx-support-thumb-down-filled {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-thumb-down-filled:before {
    content: "\e024";
    font-family: ok-e09ae86f22
}

.okx-support-thumb-down {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-thumb-down:before {
    content: "\e025";
    font-family: ok-e09ae86f22
}

.okx-support-thumb-up-filled {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-thumb-up-filled:before {
    content: "\e026";
    font-family: ok-e09ae86f22
}

.okx-support-thumb-up {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-thumb-up:before {
    content: "\e027";
    font-family: ok-e09ae86f22
}

.okx-support-translate-line {
    --ok-icon-font-family: "ok-e09ae86f22"
}

.okx-support-translate-line:before {
    content: "\e028";
    font-family: ok-e09ae86f22
}

.iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-style: normal
}

.iconfont:before {
    display: inline-block
}

@font-face {
    font-display: block;
    font-family: ok-e09ae86f22;
    font-style: normal;
    src: url(../54dbb5bd9decf8062577.woff2) format("woff2")
}

[dir=rtl] .okx-support-articles:before,
[dir=rtl] .okx-support-cash-deposit:before,
[dir=rtl] .okx-support-cash-withdrawal:before,
[dir=rtl] .okx-support-chatbot-dark:before,
[dir=rtl] .okx-support-chatbot-light:before,
[dir=rtl] .okx-support-feedback:before,
[dir=rtl] .okx-support-forms:before,
[dir=rtl] .okx-support-message:before {
    transform: scaleX(-1)
}