* {
  font-family: inherit;
}
a,
b,
body,
button,
dd,
div,
dl,
dt,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
input,
li,
ol,
p,
pre,
select,
span,
strong,
td,
textarea,
th,
ul {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
}
body,
html {
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
iframe {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  cursor: pointer;
}
a,
a:active,
a:hover {
  text-decoration: none;
}
a:active,
a:hover {
  outline-width: 0;
}
li,
ol,
ul {
  list-style: none;
}
button,
input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: initial;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
  resize: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
b,
em,
i,
strong {
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: OKXSans;
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/assets/okfe/libs/fonts/OKX_Sans/Regular.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: OKXSans;
  font-style: normal;
  font-weight: 500;
  src: url(/cdn/assets/okfe/libs/fonts/OKX_Sans/Medium.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: OKXSans;
  font-style: normal;
  font-weight: 600;
  src: url(/cdn/assets/okfe/libs/fonts/OKX_Sans/Bold.woff2) format("woff2");
}
body {
  --okx-font-family: "OKXSans", "apple-system", "BlinkMacSystemFont",
    "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "Arial", "sans-serif";
}
[lang="ar"] body,
[lang="vi"] body {
  --okx-font-family: Arial, sans-serif;
}
body {
  font-family: var(--okx-font-family) !important;
}
a,
b,
body,
button,
dd,
div,
dl,
dt,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
input,
li,
ol,
p,
pre,
select,
span,
strong,
td,
textarea,
th,
ul {
  font-size: 100%;
}
body,
html {
  font-size: 14px;
  line-height: 1;
}
img,
video {
  height: auto;
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: 400;
}
button,
fieldset,
input,
label,
legend,
option,
select,
textarea {
  font-size: 1em;
}
b,
em,
i,
strong {
  font-weight: 400;
}
.header-banner-container,
.nav-banner-container {
  min-width: 320px;
  width: 100%;
}
.header-banner-container .home-header-banner-container,
.nav-banner-container .home-header-banner-container {
  padding-bottom: 12px;
  padding-top: 12px;
  width: 100%;
}
@media (min-width: 768px) {
  .header-banner-container .home-header-banner-container,
  .nav-banner-container .home-header-banner-container {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media (min-width: 1024px) {
  .header-banner-container .home-header-banner-container,
  .nav-banner-container .home-header-banner-container {
    margin-top: unset;
    padding-bottom: 14px;
    padding-top: 14px;
    position: relative;
  }
}
.header-banner-container .okg-container,
.nav-banner-container .okg-container {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px) {
  .header-banner-container .okg-container,
  .nav-banner-container .okg-container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .header-banner-container .okg-container,
  .nav-banner-container .okg-container {
    padding-left: calc(50% - 480px);
    padding-right: calc(50% - 480px);
  }
}
@media (min-width: 1270px) {
  .header-banner-container .okg-container,
  .nav-banner-container .okg-container {
    padding-left: calc(50% - 624px);
    padding-right: calc(50% - 624px);
  }
}
.header-banner-container .okg-container .app-box,
.nav-banner-container .okg-container .app-box {
  align-items: baseline;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  width: 100%;
  word-break: break-word;
}
@media (min-width: 768px) {
  .header-banner-container .okg-container .app-box,
  .nav-banner-container .okg-container .app-box {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .header-banner-container .okg-container .app-box,
  .nav-banner-container .okg-container .app-box {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1270px) {
  .header-banner-container .okg-container .app-box,
  .nav-banner-container .okg-container .app-box {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
.header-banner-container .okg-container .text-box,
.nav-banner-container .okg-container .text-box {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 24px;
  text-align: left;
}
@media (min-width: 768px) and (min-width: 768px) {
  .header-banner-container .okg-container .text-box,
  .nav-banner-container .okg-container .text-box {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 83.33333333%;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .header-banner-container .okg-container .text-box,
  .nav-banner-container .okg-container .text-box {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 83.33333333%;
  }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .header-banner-container .okg-container .text-box,
  .nav-banner-container .okg-container .text-box {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 83.33333333%;
  }
}
@media (min-width: 1024px) {
  .header-banner-container .okg-container .text-box,
  .nav-banner-container .okg-container .text-box {
    margin-left: 25%;
    text-align: center;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .header-banner-container .okg-container .text-box,
  .nav-banner-container .okg-container .text-box {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .header-banner-container .okg-container .text-box,
  .nav-banner-container .okg-container .text-box {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 1024px) and (min-width: 1270px) {
  .header-banner-container .okg-container .text-box,
  .nav-banner-container .okg-container .text-box {
    margin-left: 8.33333333%;
  }
}
.header-banner-container .okg-container .text-box .banner-href,
.nav-banner-container .okg-container .text-box .banner-href {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 12px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}
.header-banner-container .okg-container .text-box .banner-href.hide-link,
.nav-banner-container .okg-container .text-box .banner-href.hide-link {
  display: none;
}
.header-banner-container .okg-container .banner-close,
.nav-banner-container .okg-container .banner-close {
  color: #000;
  cursor: pointer;
  margin-left: 24px;
}
@media (min-width: 768px) {
  .header-banner-container .okg-container .banner-close,
  .nav-banner-container .okg-container .banner-close {
    margin-left: unset;
  }
}
.header-banner-container .okg-container .banner-close .close-icon,
.nav-banner-container .okg-container .banner-close .close-icon {
  font-size: 14px;
}
body,
html {
  background: #fff;
  color: #000;
  margin: 0;
}
@media (max-width: 1024px) {
  iframe[name="intercom-banner-frame"] {
    display: none !important;
  }
}
:root {
  --global-scrollbar-width: 4px;
  --global-scrollbar-height: 6px;
  --global-scrollbar-border-radius: 8px;
}
.theme-light,
body {
  --global-scrollbar-background: rgba(0, 0, 0, 0.26);
}
.theme-dark {
  --global-scrollbar-background: hsla(0, 0%, 100%, 0.36);
}
body ::-webkit-scrollbar {
  background-color: initial;
  height: 0;
  width: 4px;
  width: var(--global-scrollbar-width);
}
body ::-webkit-scrollbar-track {
  background-color: initial;
}
body ::-webkit-scrollbar-thumb {
  background-color: var(--global-scrollbar-background);
  border-radius: 8px;
  border-radius: var(--global-scrollbar-border-radius);
}
body.theme-dark ::-webkit-scrollbar,
body.theme-dark ::-webkit-scrollbar-track {
  background-color: initial;
}
body ::-webkit-scrollbar-corner {
  background-color: initial;
}
.okx-header-footer-cash-fiat {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-cash-fiat:before {
  content: "\e0cf";
  font-family: ok-f5350cc488;
}
.okx-header-footer-wholesale {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-wholesale:before {
  content: "\e0ce";
  font-family: ok-f5350cc488;
}
.okx-header-footer-okx-filled {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-okx-filled:before {
  content: "\e0cd";
  font-family: ok-f5350cc488;
}
.okx-header-footer-star {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-star:before {
  content: "\e0cc";
  font-family: ok-f5350cc488;
}
.okx-header-footer-vip {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-vip:before {
  content: "\e0cb";
  font-family: ok-f5350cc488;
}
.okx-header-footer-google-play {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-google-play:before {
  content: "\e0ca";
  font-family: ok-f5350cc488;
}
.okx-header-footer-extension-filled {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-extension-filled:before {
  content: "\e0c9";
  font-family: ok-f5350cc488;
}
.okx-header-footer-apple {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-apple:before {
  content: "\e0c8";
  font-family: ok-f5350cc488;
}
.okx-header-footer-android {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-android:before {
  content: "\e0c7";
  font-family: ok-f5350cc488;
}
.okx-header-footer-xlayer {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-xlayer:before {
  content: "\e0c3";
  font-family: ok-f5350cc488;
}
.okx-header-footer-link {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-link:before {
  content: "\e0a4";
  font-family: ok-f5350cc488;
}
.okx-header-footer-github {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-github:before {
  content: "\e035";
  font-family: ok-f5350cc488;
}
.okx-header-footer-trading-data {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-trading-data:before {
  content: "\e0c6";
  font-family: ok-f5350cc488;
}
.okx-header-footer-web3-faucet {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-web3-faucet:before {
  content: "\e0c5";
  font-family: ok-f5350cc488;
}
.okx-header-footer-official-website {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-official-website:before {
  content: "\e0c4";
  font-family: ok-f5350cc488;
}
.okx-header-footer-personal-setting {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-personal-setting:before {
  content: "\e0c2";
  font-family: ok-f5350cc488;
}
.okx-header-footer-web3 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-web3:before {
  content: "\e0c1";
  font-family: ok-f5350cc488;
}
.okx-header-footer-night-outline {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-night-outline:before {
  content: "\e0c0";
  font-family: ok-f5350cc488;
}
.okx-header-footer-night-filled {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-night-filled:before {
  content: "\e0bf";
  font-family: ok-f5350cc488;
}
.okx-header-footer-light-outline {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-light-outline:before {
  content: "\e0be";
  font-family: ok-f5350cc488;
}
.okx-header-footer-light-filled {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-light-filled:before {
  content: "\e0bd";
  font-family: ok-f5350cc488;
}
.okx-header-footer-computer-outline {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-computer-outline:before {
  content: "\e0bc";
  font-family: ok-f5350cc488;
}
.okx-header-footer-computer-filled {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-computer-filled:before {
  content: "\e0bb";
  font-family: ok-f5350cc488;
}
.okx-header-footer-xbtc {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-xbtc:before {
  content: "\e0ba";
  font-family: ok-f5350cc488;
}
.okx-header-footer-question-mark {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-question-mark:before {
  content: "\e0b9";
  font-family: ok-f5350cc488;
}
.okx-header-footer-fire-flame {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-fire-flame:before {
  content: "\e0b8";
  font-family: ok-f5350cc488;
}
.okx-header-footer-leaderboard {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-leaderboard:before {
  content: "\e0b3";
  font-family: ok-f5350cc488;
}
.okx-header-footer-pump {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-pump:before {
  content: "\e0b4";
  font-family: ok-f5350cc488;
}
.okx-header-footer-signal {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-signal:before {
  content: "\e0b6";
  font-family: ok-f5350cc488;
}
.okx-header-footer-tracker {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-tracker:before {
  content: "\e0b7";
  font-family: ok-f5350cc488;
}
.okx-header-footer-perpetual {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-perpetual:before {
  content: "\e0b2";
  font-family: ok-f5350cc488;
}
.okx-header-footer-web3-dapp-rankings {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-web3-dapp-rankings:before {
  content: "\e0b1";
  font-family: ok-f5350cc488;
}
.okx-header-footer-trading-mmportal {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-trading-mmportal:before {
  content: "\e0b0";
  font-family: ok-f5350cc488;
}
.okx-header-footer-user-protection {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-user-protection:before {
  content: "\e0af";
  font-family: ok-f5350cc488;
}
.okx-header-footer-defi-recognized {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-defi-recognized:before {
  content: "\e0ae";
  font-family: ok-f5350cc488;
}
.okx-header-footer-discover {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-discover:before {
  content: "\e0ab";
  font-family: ok-f5350cc488;
}
.okx-header-footer-token {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-token:before {
  content: "\e0ac";
  font-family: ok-f5350cc488;
}
.okx-header-footer-exchange-rate {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-exchange-rate:before {
  content: "\e0ad";
  font-family: ok-f5350cc488;
}
.okx-header-footer-loan-updated {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-loan-updated:before {
  content: "\e0a8";
  font-family: ok-f5350cc488;
}
.okx-header-footer-web3-cryptopedia-updated {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-web3-cryptopedia-updated:before {
  content: "\e0a9";
  font-family: ok-f5350cc488;
}
.okx-header-footer-referral-updated {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-referral-updated:before {
  content: "\e0aa";
  font-family: ok-f5350cc488;
}
.okx-header-footer-bridge-updated {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-bridge-updated:before {
  content: "\e0a7";
  font-family: ok-f5350cc488;
}
.okx-header-footer-pro-trade {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-pro-trade:before {
  content: "\e0a6";
  font-family: ok-f5350cc488;
}
.okx-header-footer-search {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-search:before {
  content: "\e0a5";
  font-family: ok-f5350cc488;
}
.okx-header-footer-web3-defi {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-web3-defi:before {
  content: "\e0a3";
  font-family: ok-f5350cc488;
}
.okx-header-footer-trading-nmp {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-trading-nmp:before {
  content: "\e0a1";
  font-family: ok-f5350cc488;
}
.okx-header-footer-fireworks {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-fireworks:before {
  content: "\e0a0";
  font-family: ok-f5350cc488;
}
.okx-header-footer-futures-copy {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-futures-copy:before {
  content: "\e09f";
  font-family: ok-f5350cc488;
}
.okx-header-footer-premarket {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-premarket:before {
  content: "\e09e";
  font-family: ok-f5350cc488;
}
.okx-header-footer-user {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-user:before {
  content: "\e08a";
  font-family: ok-f5350cc488;
}
.okx-header-footer-tips {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-tips:before {
  content: "\e09d";
  font-family: ok-f5350cc488;
}
.okx-header-footer-testnetbridge {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-testnetbridge:before {
  content: "\e09c";
  font-family: ok-f5350cc488;
}
.okx-header-footer-bridge-1 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-bridge-1:before {
  content: "\e008";
  font-family: ok-f5350cc488;
}
.okx-header-footer-crypto-gifts {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-crypto-gifts:before {
  content: "\e09b";
  font-family: ok-f5350cc488;
}
.okx-header-footer-listing-application {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-listing-application:before {
  content: "\e09a";
  font-family: ok-f5350cc488;
}
.okx-header-footer-spot-copy {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-spot-copy:before {
  content: "\e098";
  font-family: ok-f5350cc488;
}
.okx-header-footer-trader-recruitment {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-trader-recruitment:before {
  content: "\e097";
  font-family: ok-f5350cc488;
}
.okx-header-footer-flash-otc {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-flash-otc:before {
  content: "\e096";
  font-family: ok-f5350cc488;
}
.okx-header-footer-explorer {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-explorer:before {
  content: "\e095";
  font-family: ok-f5350cc488;
}
.okx-header-footer-analysis {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-analysis:before {
  content: "\e000";
  font-family: ok-f5350cc488;
}
.okx-header-footer--ecosystem {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer--ecosystem:before {
  content: "\e001";
  font-family: ok-f5350cc488;
}
.okx-header-footer-api-1 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-api-1:before {
  content: "\e002";
  font-family: ok-f5350cc488;
}
.okx-header-footer-arrow-chevrons-right {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-arrow-chevrons-right:before {
  content: "\e003";
  font-family: ok-f5350cc488;
}
.okx-header-footer-arrow-chevrons-up {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-arrow-chevrons-up:before {
  content: "\e004";
  font-family: ok-f5350cc488;
}
.okx-header-footer-authorization {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-authorization:before {
  content: "\e005";
  font-family: ok-f5350cc488;
}
.okx-header-footer-biyong {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-biyong:before {
  content: "\e006";
  font-family: ok-f5350cc488;
}
.okx-header-footer-blockchain-explorer {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-blockchain-explorer:before {
  content: "\e007";
  font-family: ok-f5350cc488;
}
.okx-header-footer-api {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-api:before {
  content: "\e009";
  font-family: ok-f5350cc488;
}
.okx-header-footer-blockdream-ventures-1 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-blockdream-ventures-1:before {
  content: "\e00a";
  font-family: ok-f5350cc488;
}
.okx-header-footer-arbitrage-order {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-arbitrage-order:before {
  content: "\e00b";
  font-family: ok-f5350cc488;
}
.okx-header-footer-arrow-chevrons-down {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-arrow-chevrons-down:before {
  content: "\e00c";
  font-family: ok-f5350cc488;
}
.okx-header-footer-copytrading {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-copytrading:before {
  content: "\e00d";
  font-family: ok-f5350cc488;
}
.okx-header-footer-cryptopedia {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-cryptopedia:before {
  content: "\e00e";
  font-family: ok-f5350cc488;
}
.okx-header-footer-create-a-bot {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-create-a-bot:before {
  content: "\e00f";
  font-family: ok-f5350cc488;
}
.okx-header-footer-dapp {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-dapp:before {
  content: "\e010";
  font-family: ok-f5350cc488;
}
.okx-header-footer-bridge {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-bridge:before {
  content: "\e011";
  font-family: ok-f5350cc488;
}
.okx-header-footer-arrow-pointer-left-sm {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-arrow-pointer-left-sm:before {
  content: "\e012";
  font-family: ok-f5350cc488;
}
.okx-header-footer-buy-crypto {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-buy-crypto:before {
  content: "\e013";
  font-family: ok-f5350cc488;
}
.okx-header-footer-broker {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-broker:before {
  content: "\e014";
  font-family: ok-f5350cc488;
}
.okx-header-footer-buy-with-card {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-buy-with-card:before {
  content: "\e015";
  font-family: ok-f5350cc488;
}
.okx-header-footer-celue {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-celue:before {
  content: "\e016";
  font-family: ok-f5350cc488;
}
.okx-header-footer-center {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-center:before {
  content: "\e017";
  font-family: ok-f5350cc488;
}
.okx-header-footer-check {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-check:before {
  content: "\e018";
  font-family: ok-f5350cc488;
}
.okx-header-footer-close {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-close:before {
  content: "\e019";
  font-family: ok-f5350cc488;
}
.okx-header-footer-cloud {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-cloud:before {
  content: "\e01a";
  font-family: ok-f5350cc488;
}
.okx-header-footer-community {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-community:before {
  content: "\e01b";
  font-family: ok-f5350cc488;
}
.okx-header-footer-convert-1 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-convert-1:before {
  content: "\e01c";
  font-family: ok-f5350cc488;
}
.okx-header-footer-copiers {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-copiers:before {
  content: "\e01d";
  font-family: ok-f5350cc488;
}
.okx-header-footer-convert {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-convert:before {
  content: "\e01e";
  font-family: ok-f5350cc488;
}
.okx-header-footer-copy-trading {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-copy-trading:before {
  content: "\e01f";
  font-family: ok-f5350cc488;
}
.okx-header-footer-defi {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-defi:before {
  content: "\e020";
  font-family: ok-f5350cc488;
}
.okx-header-footer-demo-trading-1 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-demo-trading-1:before {
  content: "\e021";
  font-family: ok-f5350cc488;
}
.okx-header-footer-demo-trading {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-demo-trading:before {
  content: "\e022";
  font-family: ok-f5350cc488;
}
.okx-header-footer-deposit {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-deposit:before {
  content: "\e023";
  font-family: ok-f5350cc488;
}
.okx-header-footer-developers {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-developers:before {
  content: "\e024";
  font-family: ok-f5350cc488;
}
.okx-header-footer-dialogue {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-dialogue:before {
  content: "\e025";
  font-family: ok-f5350cc488;
}
.okx-header-footer-discord {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-discord:before {
  content: "\e026";
  font-family: ok-f5350cc488;
}
.okx-header-footer-doc {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-doc:before {
  content: "\e027";
  font-family: ok-f5350cc488;
}
.okx-header-footer-dot {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-dot:before {
  content: "\e028";
  font-family: ok-f5350cc488;
}
.okx-header-footer-download {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-download:before {
  content: "\e029";
  font-family: ok-f5350cc488;
}
.okx-header-footer-earn {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-earn:before {
  content: "\e02a";
  font-family: ok-f5350cc488;
}
.okx-header-footer-event {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-event:before {
  content: "\e02b";
  font-family: ok-f5350cc488;
}
.okx-header-footer-ecosystem {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-ecosystem:before {
  content: "\e02c";
  font-family: ok-f5350cc488;
}
.okx-header-footer-exclamation {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-exclamation:before {
  content: "\e02d";
  font-family: ok-f5350cc488;
}
.okx-header-footer-faucet {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-faucet:before {
  content: "\e02e";
  font-family: ok-f5350cc488;
}
.okx-header-footer-facebook {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-facebook:before {
  content: "\e02f";
  font-family: ok-f5350cc488;
}
.okx-header-footer-fees {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-fees:before {
  content: "\e030";
  font-family: ok-f5350cc488;
}
.okx-header-footer-fixed-loan {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-fixed-loan:before {
  content: "\e031";
  font-family: ok-f5350cc488;
}
.okx-header-footer-futures {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-futures:before {
  content: "\e032";
  font-family: ok-f5350cc488;
}
.okx-header-footer-galex {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-galex:before {
  content: "\e033";
  font-family: ok-f5350cc488;
}
.okx-header-footer-gasback {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-gasback:before {
  content: "\e034";
  font-family: ok-f5350cc488;
}
.okx-header-footer-gift {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-gift:before {
  content: "\e036";
  font-family: ok-f5350cc488;
}
.okx-header-footer-language-1 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-language-1:before {
  content: "\e037";
  font-family: ok-f5350cc488;
}
.okx-header-footer-join-group {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-join-group:before {
  content: "\e038";
  font-family: ok-f5350cc488;
}
.okx-header-footer-hamburger {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-hamburger:before {
  content: "\e03b";
  font-family: ok-f5350cc488;
}
.okx-header-footer-line {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-line:before {
  content: "\e03c";
  font-family: ok-f5350cc488;
}
.okx-header-footer-linkedin {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-linkedin:before {
  content: "\e03d";
  font-family: ok-f5350cc488;
}
.okx-header-footer-loan {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-loan:before {
  content: "\e03e";
  font-family: ok-f5350cc488;
}
.okx-header-footer-historical-market-data {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-historical-market-data:before {
  content: "\e03f";
  font-family: ok-f5350cc488;
}
.okx-header-footer-managed-trading-sub-accounts {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-managed-trading-sub-accounts:before {
  content: "\e040";
  font-family: ok-f5350cc488;
}
.okx-header-footer-home-1 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-home-1:before {
  content: "\e041";
  font-family: ok-f5350cc488;
}
.okx-header-footer-help-center {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-help-center:before {
  content: "\e042";
  font-family: ok-f5350cc488;
}
.okx-header-footer-marketplace {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-marketplace:before {
  content: "\e043";
  font-family: ok-f5350cc488;
}
.okx-header-footer-home {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-home:before {
  content: "\e044";
  font-family: ok-f5350cc488;
}
.okx-header-footer-hot {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-hot:before {
  content: "\e045";
  font-family: ok-f5350cc488;
}
.okx-header-footer-nitro-spreads {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-nitro-spreads:before {
  content: "\e046";
  font-family: ok-f5350cc488;
}
.okx-header-footer-node {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-node:before {
  content: "\e047";
  font-family: ok-f5350cc488;
}
.okx-header-footer-notice {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-notice:before {
  content: "\e048";
  font-family: ok-f5350cc488;
}
.okx-header-footer-okb {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-okb:before {
  content: "\e049";
  font-family: ok-f5350cc488;
}
.okx-header-footer-okc {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-okc:before {
  content: "\e04a";
  font-family: ok-f5350cc488;
}
.okx-header-footer-oklink-1 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-oklink-1:before {
  content: "\e04b";
  font-family: ok-f5350cc488;
}
.okx-header-footer-oklink {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-oklink:before {
  content: "\e04c";
  font-family: ok-f5350cc488;
}
.okx-header-footer-okx {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-okx:before {
  content: "\e04d";
  font-family: ok-f5350cc488;
}
.okx-header-footer-overview {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-overview:before {
  content: "\e04e";
  font-family: ok-f5350cc488;
}
.okx-header-footer-opptunities {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-opptunities:before {
  content: "\e04f";
  font-family: ok-f5350cc488;
}
.okx-header-footer-p2p-trading {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-p2p-trading:before {
  content: "\e050";
  font-family: ok-f5350cc488;
}
.okx-header-footer-payment-settings {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-payment-settings:before {
  content: "\e051";
  font-family: ok-f5350cc488;
}
.okx-header-footer-perp {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-perp:before {
  content: "\e052";
  font-family: ok-f5350cc488;
}
.okx-header-footer-pool {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-pool:before {
  content: "\e053";
  font-family: ok-f5350cc488;
}
.okx-header-footer-ibc {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-ibc:before {
  content: "\e054";
  font-family: ok-f5350cc488;
}
.okx-header-footer-press-room {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-press-room:before {
  content: "\e055";
  font-family: ok-f5350cc488;
}
.okx-header-footer-hot-1 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-hot-1:before {
  content: "\e056";
  font-family: ok-f5350cc488;
}
.okx-header-footer-id-card {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-id-card:before {
  content: "\e057";
  font-family: ok-f5350cc488;
}
.okx-header-footer-information {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-information:before {
  content: "\e058";
  font-family: ok-f5350cc488;
}
.okx-header-footer-info {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-info:before {
  content: "\e059";
  font-family: ok-f5350cc488;
}
.okx-header-footer-instagram {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-instagram:before {
  content: "\e05a";
  font-family: ok-f5350cc488;
}
.okx-header-footer-question {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-question:before {
  content: "\e05b";
  font-family: ok-f5350cc488;
}
.okx-header-footer-proof-of-reservation {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-proof-of-reservation:before {
  content: "\e05c";
  font-family: ok-f5350cc488;
}
.okx-header-footer-questn {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-questn:before {
  content: "\e05d";
  font-family: ok-f5350cc488;
}
.okx-header-footer-institutions-home {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-institutions-home:before {
  content: "\e05e";
  font-family: ok-f5350cc488;
}
.okx-header-footer-jumpstart {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-jumpstart:before {
  content: "\e05f";
  font-family: ok-f5350cc488;
}
.okx-header-footer-rewards {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-rewards:before {
  content: "\e060";
  font-family: ok-f5350cc488;
}
.okx-header-footer-language {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-language:before {
  content: "\e061";
  font-family: ok-f5350cc488;
}
.okx-header-footer-learn {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-learn:before {
  content: "\e062";
  font-family: ok-f5350cc488;
}
.okx-header-footer-logout {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-logout:before {
  content: "\e063";
  font-family: ok-f5350cc488;
}
.okx-header-footer-margin-trading {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-margin-trading:before {
  content: "\e064";
  font-family: ok-f5350cc488;
}
.okx-header-footer-marketing {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-marketing:before {
  content: "\e065";
  font-family: ok-f5350cc488;
}
.okx-header-footer-more {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-more:before {
  content: "\e066";
  font-family: ok-f5350cc488;
}
.okx-header-footer-nft {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-nft:before {
  content: "\e067";
  font-family: ok-f5350cc488;
}
.okx-header-footer-reddit {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-reddit:before {
  content: "\e068";
  font-family: ok-f5350cc488;
}
.okx-header-footer-records {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-records:before {
  content: "\e069";
  font-family: ok-f5350cc488;
}
.okx-header-footer-referral {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-referral:before {
  content: "\e06a";
  font-family: ok-f5350cc488;
}
.okx-header-footer-report-centre {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-report-centre:before {
  content: "\e06b";
  font-family: ok-f5350cc488;
}
.okx-header-footer-rfq {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-rfq:before {
  content: "\e06c";
  font-family: ok-f5350cc488;
}
.okx-header-footer-safe {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-safe:before {
  content: "\e06d";
  font-family: ok-f5350cc488;
}
.okx-header-footer-security-of-funds {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-security-of-funds:before {
  content: "\e06e";
  font-family: ok-f5350cc488;
}
.okx-header-footer-security-settings {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-security-settings:before {
  content: "\e06f";
  font-family: ok-f5350cc488;
}
.okx-header-footer-signout {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-signout:before {
  content: "\e070";
  font-family: ok-f5350cc488;
}
.okx-header-footer-spot-1 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-spot-1:before {
  content: "\e071";
  font-family: ok-f5350cc488;
}
.okx-header-footer-spot {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-spot:before {
  content: "\e072";
  font-family: ok-f5350cc488;
}
.okx-header-footer-stake {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-stake:before {
  content: "\e073";
  font-family: ok-f5350cc488;
}
.okx-header-footer-start-demo-trading {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-start-demo-trading:before {
  content: "\e074";
  font-family: ok-f5350cc488;
}
.okx-header-footer-status {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-status:before {
  content: "\e075";
  font-family: ok-f5350cc488;
}
.okx-header-footer-setting {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-setting:before {
  content: "\e076";
  font-family: ok-f5350cc488;
}
.okx-header-footer-swap {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-swap:before {
  content: "\e077";
  font-family: ok-f5350cc488;
}
.okx-header-footer-support {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-support:before {
  content: "\e078";
  font-family: ok-f5350cc488;
}
.okx-header-footer-subgraph {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-subgraph:before {
  content: "\e079";
  font-family: ok-f5350cc488;
}
.okx-header-footer-testnet {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-testnet:before {
  content: "\e07a";
  font-family: ok-f5350cc488;
}
.okx-header-footer-telegram {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-telegram:before {
  content: "\e07b";
  font-family: ok-f5350cc488;
}
.okx-header-footer-sub-account {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-sub-account:before {
  content: "\e07c";
  font-family: ok-f5350cc488;
}
.okx-header-footer-trade-perp {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-trade-perp:before {
  content: "\e07d";
  font-family: ok-f5350cc488;
}
.okx-header-footer-tiktok {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-tiktok:before {
  content: "\e07e";
  font-family: ok-f5350cc488;
}
.okx-header-footer-third-party-payment,
.okx-header-footer-trade-swap {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-trade-swap:before {
  content: "\e080";
  font-family: ok-f5350cc488;
}
.okx-header-footer-x1swap {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-x1swap:before {
  content: "\e081";
  font-family: ok-f5350cc488;
}
.okx-header-footer-tradingview {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-tradingview:before {
  content: "\e082";
  font-family: ok-f5350cc488;
}
.okx-header-footer-trading-view {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-trading-view:before {
  content: "\e083";
  font-family: ok-f5350cc488;
}
.okx-header-footer-transfer {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-transfer:before {
  content: "\e084";
  font-family: ok-f5350cc488;
}
.okx-header-footer-twitter-1 {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-twitter-1:before {
  content: "\e085";
  font-family: ok-f5350cc488;
}
.okx-header-footer-twitter {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-twitter:before {
  content: "\e086";
  font-family: ok-f5350cc488;
}
.okx-header-footer-trading-bot {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-trading-bot:before {
  content: "\e087";
  font-family: ok-f5350cc488;
}
.okx-header-footer-user-community {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-user-community:before {
  content: "\e088";
  font-family: ok-f5350cc488;
}
.okx-header-footer-transactions {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-transactions:before {
  content: "\e089";
  font-family: ok-f5350cc488;
}
.okx-header-footer-user-home {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-user-home:before {
  content: "\e08b";
  font-family: ok-f5350cc488;
}
.okx-header-footer-try-fiat {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-try-fiat:before {
  content: "\e08c";
  font-family: ok-f5350cc488;
}
.okx-header-footer-verification {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-verification:before {
  content: "\e08d";
  font-family: ok-f5350cc488;
}
.okx-header-footer-vip-loan {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-vip-loan:before {
  content: "\e08e";
  font-family: ok-f5350cc488;
}
.okx-header-footer-vk {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-vk:before {
  content: "\e08f";
  font-family: ok-f5350cc488;
}
.okx-header-footer-withdraw {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-withdraw:before {
  content: "\e090";
  font-family: ok-f5350cc488;
}
.okx-header-footer-weibo {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-weibo:before {
  content: "\e091";
  font-family: ok-f5350cc488;
}
.okx-header-footer-youtube {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-youtube:before {
  content: "\e092";
  font-family: ok-f5350cc488;
}
.okx-header-footer-wallet {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-wallet:before {
  content: "\e093";
  font-family: ok-f5350cc488;
}
.okx-header-footer-warning {
  --ok-icon-font-family: "ok-f5350cc488";
}
.okx-header-footer-warning:before {
  content: "\e094";
  font-family: ok-f5350cc488;
}
.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-f5350cc488;
  font-style: normal;
  src: url(../24b7a95c44356cce0934.woff2) format("woff2");
}
[dir="rtl"] .okx-header-footer-arrow-chevrons-right:before,
[dir="rtl"] .okx-header-footer-arrow-pointer-left-sm:before,
[dir="rtl"] .okx-header-footer-center:before,
[dir="rtl"] .okx-header-footer-dialogue:before,
[dir="rtl"] .okx-header-footer-question:before,
[dir="rtl"] .okx-header-footer-report-centre:before {
  transform: scaleX(-1);
}
:root {
  --oxnv-okd-color-gray-050: #f9f9f9;
  --oxnv-okd-color-gray-100: #ebebeb;
  --oxnv-okd-color-gray-200: #dbdbdb;
  --oxnv-okd-color-gray-300: #bdbdbd;
  --oxnv-okd-color-gray-400: #929292;
  --oxnv-okd-color-gray-500: #6e6e6e;
  --oxnv-okd-color-gray-600: #545454;
  --oxnv-okd-color-gray-700: #3d3d3d;
  --oxnv-okd-color-gray-800: #1a1a1a;
  --oxnv-okd-color-gray-900: #000;
  --oxnv-okd-color-blue-050: #f5f9ff;
  --oxnv-okd-color-blue-100: #d1e3ff;
  --oxnv-okd-color-blue-200: #afcfff;
  --oxnv-okd-color-blue-300: #8dbbff;
  --oxnv-okd-color-blue-400: #6ba6ff;
  --oxnv-okd-color-blue-500: #4992ff;
  --oxnv-okd-color-blue-600: #277dff;
  --oxnv-okd-color-blue-700: #0569ff;
  --oxnv-okd-color-blue-800: #005eea;
  --oxnv-okd-color-blue-900: #0051ca;
  --oxnv-okd-color-green-050: #f2fff7;
  --oxnv-okd-color-green-100: #d2f4de;
  --oxnv-okd-color-green-200: #a5e9be;
  --oxnv-okd-color-green-300: #78de9d;
  --oxnv-okd-color-green-400: #4bd37d;
  --oxnv-okd-color-green-500: #31bd65;
  --oxnv-okd-color-green-600: #18a04a;
  --oxnv-okd-color-green-700: #127837;
  --oxnv-okd-color-green-800: #0c5025;
  --oxnv-okd-color-green-900: #0c5025;
  --oxnv-okd-color-red-050: #fff8f9;
  --oxnv-okd-color-red-100: #fcdce5;
  --oxnv-okd-color-red-200: #f9b9ca;
  --oxnv-okd-color-red-300: #f796b0;
  --oxnv-okd-color-red-400: #f07596;
  --oxnv-okd-color-red-500: #f1507b;
  --oxnv-okd-color-red-600: #c14062;
  --oxnv-okd-color-red-700: #91304a;
  --oxnv-okd-color-red-800: #602031;
  --oxnv-okd-color-red-900: #301019;
  --oxnv-okd-color-orange-050: #fef9f6;
  --oxnv-okd-color-orange-100: #fce3d4;
  --oxnv-okd-color-orange-200: #fbceb4;
  --oxnv-okd-color-orange-300: #f9b994;
  --oxnv-okd-color-orange-400: #f7a474;
  --oxnv-okd-color-orange-500: #f58f54;
  --oxnv-okd-color-orange-600: #f6813d;
  --oxnv-okd-color-orange-700: #f16514;
  --oxnv-okd-color-orange-800: #e96010;
  --oxnv-okd-color-orange-900: #bf4803;
  --oxnv-okd-color-yellow-050: #fffcf5;
  --oxnv-okd-color-yellow-100: #fff2d1;
  --oxnv-okd-color-yellow-200: #ffe9af;
  --oxnv-okd-color-yellow-300: #ffdf8d;
  --oxnv-okd-color-yellow-400: #ffd66b;
  --oxnv-okd-color-yellow-500: #ffcc49;
  --oxnv-okd-color-yellow-600: #ffc327;
  --oxnv-okd-color-yellow-700: #ffb905;
  --oxnv-okd-color-yellow-800: #eaa900;
  --oxnv-okd-color-yellow-900: #d29801;
  --oxnv-okd-color-text-white: #fff;
  --oxnv-okd-color-text-black: #1f2933;
  --oxnv-okd-color-background-1: #fff;
  --oxnv-okd-color-background-2: #f7f7f7;
  --oxnv-okd-color-transparent: transparent;
  --oxnv-okd-color-white: #fff;
  --oxnv-okd-color-black: #000;
  --oxnv-okd-color-line-muted: #ebebeb;
  --oxnv-okd-color-line-secondary: #dbdbdb;
  --oxnv-okd-color-line-amplifed: #bdbdbd;
  --oxnv-okd-color-text-lighter: #bdbdbd;
  --oxnv-okd-color-text-light: #929292;
  --oxnv-okd-color-text-secondary: #3d3d3d;
  --oxnv-okd-color-text-amplifed: #000;
  --oxnv-okd-color-background-3: #f2f2f2;
  --oxnv-okd-color-fq-blue-lv1: #0569ff;
  --oxnv-okd-color-fq-green-lv1: #19cc5b;
  --oxnv-okd-color-fq-red-lv1: #f1507b;
  --oxnv-okd-color-fq-orange-lv1: #f16514;
  --oxnv-okd-color-fq-blue-lv2: #0569ff;
  --oxnv-okd-color-background-hover: #ebebeb;
  --oxnv-okd-color-prefer-red-chart: #f1507b;
  --oxnv-okd-color-prefer-red-bg: #eb4b6d;
  --oxnv-okd-color-prefer-green-chart: #19cc5b;
  --oxnv-okd-color-prefer-green-bg: #31bd65;
  --oxnv-okd-color-prefer-red-text: #eb4b6d;
  --oxnv-okd-color-prefer-green-text: #31bd65;
  --oxnv-okd-color-branded-primary: #bcff2f;
  --oxnv-okd-color-fq-critical: #eb4b6d;
  --oxnv-okd-color-fq-warning: #f16514;
  --oxnv-okd-color-fq-positive: #31bd65;
  --oxnv-okd-color-fq-neutral: #000;
  --oxnv-okd-color-fq-accent: #0569ff;
  --oxnv-okd-color-prefer-neutral-text: #929292;
  --oxnv-okd-color-prefer-neutral-bg: #929292;
  --oxnv-okd-color-white-opacity-5: #fff;
  --oxnv-okd-color-white-opacity-10: hsla(0, 0%, 100%, 0.94);
  --oxnv-okd-color-white-opacity-20: hsla(0, 0%, 100%, 0.88);
  --oxnv-okd-color-white-opacity-30: hsla(0, 0%, 100%, 0.78);
  --oxnv-okd-color-white-opacity-40: hsla(0, 0%, 100%, 0.76);
  --oxnv-okd-color-white-opacity-50: hsla(0, 0%, 100%, 0.54);
  --oxnv-okd-color-white-opacity-60: hsla(0, 0%, 100%, 0.36);
  --oxnv-okd-color-white-opacity-70: hsla(0, 0%, 100%, 0.19);
  --oxnv-okd-color-white-opacity-80: hsla(0, 0%, 100%, 0.12);
  --oxnv-okd-color-white-opacity-90: hsla(0, 0%, 100%, 0.06);
  --oxnv-okd-color-black-opacity-5: #000;
  --oxnv-okd-color-black-opacity-10: rgba(0, 0, 0, 0.9);
  --oxnv-okd-color-black-opacity-20: rgba(0, 0, 0, 0.76);
  --oxnv-okd-color-black-opacity-30: rgba(0, 0, 0, 0.68);
  --oxnv-okd-color-black-opacity-40: rgba(0, 0, 0, 0.57);
  --oxnv-okd-color-black-opacity-50: rgba(0, 0, 0, 0.43);
  --oxnv-okd-color-black-opacity-60: rgba(0, 0, 0, 0.26);
  --oxnv-okd-color-black-opacity-70: rgba(0, 0, 0, 0.14);
  --oxnv-okd-color-black-opacity-80: rgba(0, 9, 3, 0.08);
  --oxnv-okd-color-black-opacity-90: rgba(0, 0, 0, 0.04);
  --oxnv-okd-color-neutral-5: #fff;
  --oxnv-okd-color-neutral-10: #fafafa;
  --oxnv-okd-color-neutral-20: #f3f3f3;
  --oxnv-okd-color-neutral-30: #e6e6e6;
  --oxnv-okd-color-neutral-40: #d9d9d9;
  --oxnv-okd-color-neutral-50: #c7c7c7;
  --oxnv-okd-color-neutral-60: #b3b3b3;
  --oxnv-okd-color-neutral-70: #a7a7a7;
  --oxnv-okd-color-neutral-80: #999;
  --oxnv-okd-color-neutral-90: #909090;
  --oxnv-okd-color-neutral-100: grey;
  --oxnv-okd-color-neutral-110: #757575;
  --oxnv-okd-color-neutral-120: #666;
  --oxnv-okd-color-neutral-130: #5b5b5b;
  --oxnv-okd-color-neutral-140: #4d4d4d;
  --oxnv-okd-color-neutral-150: #414141;
  --oxnv-okd-color-neutral-160: #383838;
  --oxnv-okd-color-neutral-170: #272727;
  --oxnv-okd-color-neutral-180: #1d1d1d;
  --oxnv-okd-color-neutral-190: #0e0e0e;
  --oxnv-okd-color-neutral-200: #000;
  --oxnv-okd-color-tangerine-5: #ffedcb;
  --oxnv-okd-color-tangerine-10: #ffd37d;
  --oxnv-okd-color-tangerine-30: #ffb117;
  --oxnv-okd-color-tangerine-40: #db8f00;
  --oxnv-okd-color-tangerine-50: #a06900;
  --oxnv-okd-color-tangerine-60: #664300;
  --oxnv-okd-color-lemon-5: #fffdc4;
  --oxnv-okd-color-lemon-10: #fffa7a;
  --oxnv-okd-color-lemon-20: #fff500;
  --oxnv-okd-color-lemon-30: #e5dd00;
  --oxnv-okd-color-lemon-40: #b2ab00;
  --oxnv-okd-color-lemon-50: #797400;
  --oxnv-okd-color-lemon-60: #5c5800;
  --oxnv-okd-color-tangerine-20: #ffc452;
  --oxnv-okd-color-neonlime-5: #e6ffb0;
  --oxnv-okd-color-neonlime-10: #d5ff7d;
  --oxnv-okd-color-neonlime-20: #bcff2f;
  --oxnv-okd-color-neonlime-30: #9fe212;
  --oxnv-okd-color-neonlime-40: #8ec51d;
  --oxnv-okd-color-neonlime-50: #568000;
  --oxnv-okd-color-neonlime-60: #3d5c00;
  --oxnv-okd-color-neonmint-5: #cbffe0;
  --oxnv-okd-color-neonmint-10: #7dffb1;
  --oxnv-okd-color-neonmint-20: #24ff7b;
  --oxnv-okd-color-neonmint-30: #12e366;
  --oxnv-okd-color-neonmint-40: #00bc4b;
  --oxnv-okd-color-neonmint-50: #008535;
  --oxnv-okd-color-neonmint-60: #005c25;
  --oxnv-okd-color-bluebell-5: #e6eaff;
  --oxnv-okd-color-bluebell-10: #b8bfff;
  --oxnv-okd-color-bluebell-20: #8a91ff;
  --oxnv-okd-color-bluebell-30: #5f62ff;
  --oxnv-okd-color-bluebell-40: #5043ff;
  --oxnv-okd-color-bluebell-50: #4c2fff;
  --oxnv-okd-color-bluebell-60: #1d00d4;
  --oxnv-okd-color-lavender-5: #f2e8ff;
  --oxnv-okd-color-lavender-10: #dbbfff;
  --oxnv-okd-color-lavender-20: #c496ff;
  --oxnv-okd-color-lavender-30: #ac6cff;
  --oxnv-okd-color-lavender-40: #9543ff;
  --oxnv-okd-color-lavender-50: #7e1aff;
  --oxnv-okd-color-lavender-60: #5600c5;
  --oxnv-okd-color-orchid-5: #fee7ea;
  --oxnv-okd-color-orchid-10: #ffc1c9;
  --oxnv-okd-color-orchid-20: #ffa8b3;
  --oxnv-okd-color-orchid-30: #ff7888;
  --oxnv-okd-color-orchid-40: #f5384f;
  --oxnv-okd-color-orchid-50: #cd2438;
  --oxnv-okd-color-orchid-60: #9a1b2a;
  --oxnv-okd-color-semantic-positive-1: #31bd65;
  --oxnv-okd-color-semantic-negative-1: #eb4b6d;
  --oxnv-okd-color-transparent-base-black: transparent;
  --oxnv-okd-color-transparent-base-white: transparent;
  --oxnv-okd-color-alert-base-info: #f7f7f7;
  --oxnv-okd-color-alert-base-success: #eaf8f0;
  --oxnv-okd-color-alert-base-warning: #fef9f6;
  --oxnv-okd-color-alert-base-error: #fdedf0;
  --oxnv-okd-color-basil-5: #e9f4d1;
  --oxnv-okd-color-basil-10: #d2e8a4;
  --oxnv-okd-color-basil-20: #81be00;
  --oxnv-okd-color-basil-30: #49a92d;
  --oxnv-okd-color-basil-40: #2b6d17;
  --oxnv-okd-color-basil-50: #1a410e;
  --oxnv-okd-color-basil-60: #1a2600;
  --oxnv-okd-color-rose-5: #ffdfe9;
  --oxnv-okd-color-rose-10: #ffc0d3;
  --oxnv-okd-color-rose-20: #ff5eb6;
  --oxnv-okd-color-rose-30: #fc46ab;
  --oxnv-okd-color-rose-40: #a54162;
  --oxnv-okd-color-rose-50: #532131;
  --oxnv-okd-color-rose-60: #2a111f;
  --oxnv-okd-color-neutral-15: #f6f6f6;
  --oxnv-okd-color-neutral-185: #121212;
  --oxnv-okd-color-background-base-primary: #fff;
  --oxnv-okd-color-background-base-secondary: #fafafa;
  --oxnv-okd-color-background-surface-primary: #f3f3f3;
  --oxnv-okd-color-background-surface-secondary: #f6f6f6;
  --oxnv-okd-color-background-surface-pressed: #d9d9d9;
  --oxnv-okd-color-background-surface-disable: #fafafa;
  --oxnv-okd-color-background-scrim: rgba(0, 0, 0, 0.43);
  --oxnv-okd-color-container-primary: #fff;
  --oxnv-okd-color-container-secondary: #fafafa;
  --oxnv-okd-color-container-tertiary: #fff;
  --oxnv-okd-color-container-contrast: #414141;
  --oxnv-okd-color-container-inverse: #0e0e0e;
  --oxnv-okd-color-content-primary: #000;
  --oxnv-okd-color-content-secondary: #383838;
  --oxnv-okd-color-content-tertiary: #5b5b5b;
  --oxnv-okd-color-content-contrast: #909090;
  --oxnv-okd-color-content-disabled: #b3b3b3;
  --oxnv-okd-color-content-inverse: #fff;
  --oxnv-okd-color-border-primary: #e6e6e6;
  --oxnv-okd-color-border-secondary: #b3b3b3;
  --oxnv-okd-color-border-contrast: #fafafa;
  --oxnv-okd-color-border-selected: #000;
  --oxnv-okd-color-semantic-neutral: #000;
  --oxnv-okd-color-semantic-notice: #ffb117;
  --oxnv-okd-color-semantic-positive: #31bd65;
  --oxnv-okd-color-semantic-negative: #eb4b6d;
  --oxnv-okd-color-semantic-informative: #8a91ff;
  --oxnv-okd-color-semantic-highlight: #bcff2f;
  --oxnv-okd-color-dvp-neutral: rgba(0, 0, 0, 0.57);
  --oxnv-okd-color-dvp-profit: #00bc4b;
  --oxnv-okd-color-dvp-loss: #f5384f;
  --oxnv-okd-color-categorical-01: #8a91ff;
  --oxnv-okd-color-categorical-02: #ffb117;
  --oxnv-okd-color-categorical-03: #bcff2f;
  --oxnv-okd-color-categorical-04: #12e366;
  --oxnv-okd-color-categorical-05: #ff7888;
  --oxnv-okd-color-common-transparent: hsla(0, 0%, 100%, 0);
  --oxnv-okd-color-transparent-black: transparent;
  --oxnv-okd-color-transparent-white: transparent;
  --oxnv-okd-color-alert-info: #f7f7f7;
  --oxnv-okd-color-alert-success: #eaf8f0;
  --oxnv-okd-color-alert-warning: #fef9f6;
  --oxnv-okd-color-alert-error: #fdedf0;
  --oxnv-okd-color-common-background-2: #f3f3f3;
  --oxnv-okd-color-data-visualization-category-01: #8a91ff;
  --oxnv-okd-color-data-visualization-category-02: #ffb117;
  --oxnv-okd-color-data-visualization-category-03: #bcff2f;
  --oxnv-okd-color-data-visualization-category-04: #12e366;
  --oxnv-okd-color-data-visualization-category-05: #ff7888;
  --oxnv-okd-color-preference-loss: #f5384f;
  --oxnv-okd-color-preference-profit: #00bc4b;
  --oxnv-okd-color-preference-neutral: rgba(0, 0, 0, 0.57);
  --oxnv-okd-color-border-focus: #000;
  --oxnv-okd-color-background-base-primaryAlternative: #fff;
  --oxnv-okd-color-link-content: #4c2fff;
  --oxnv-okd-color-link-accent-content-primary: #2b6d17;
  --oxnv-okd-color-background-surface-contrast: #fff;
  --oxnv-okd-color-background-surface-brand: #000;
  --oxnv-okd-color-border-tertiary: #f3f3f3;
  --oxnv-okd-color-content-brand: #000;
  --oxnv-okd-color-modal-primary: #fff;
  --oxnv-okd-color-modal-secondary: #fff;
  --oxnv-okd-color-modal-tertiary: #fff;
  --oxnv-okd-color-modal-contrast: #4d4d4d;
  --oxnv-okd-color-card-primary: #f6f6f6;
  --oxnv-okd-color-card-secondary: #f6f6f6;
  --oxnv-okd-color-brand-primary: #2b6d17;
  --oxnv-okd-color-brand-primary-alternative: #2b6d17;
  --oxnv-okd-color-brand-secondary: #8ec51d;
  --oxnv-okd-color-brand-tertiary: #bcff2f;
  --oxnv-okd-color-brand-content: #e6ffb0;
  --oxnv-okd-color-brand-content-contrast: #e6ffb0;
  --oxnv-okd-font-size-base: 16px;
  --oxnv-okd-font-size-md: 14px;
  --oxnv-okd-font-size-xs: 12px;
  --oxnv-okd-line-height-base: 20px;
  --oxnv-okd-line-height-md: 20px;
  --oxnv-okd-line-height-xs: 16px;
  --oxnv-okd-shadow-none: 0 0 0 0 transparent;
  --oxnv-okd-shadow-xs: 0 0 0 1px #0000000d;
  --oxnv-okd-shadow-sm: 0 1px 2px 0 #0000000d;
  --oxnv-okd-shadow-default: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
  --oxnv-okd-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
  --oxnv-okd-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
  --oxnv-okd-shadow-xl: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
  --oxnv-okd-shadow-2xl: 0 25px 50px -12px #00000040;
  --oxnv-okd-border-radius-none: 0;
  --oxnv-okd-border-radius-sm: 2px;
  --oxnv-okd-border-radius-md: 4px;
  --oxnv-okd-border-radius-lg: 6px;
  --oxnv-okd-border-radius-xl: 8px;
  --oxnv-okd-border-radius-xxl: 10px;
  --oxnv-okd-border-radius-xxxl: 12px;
  --oxnv-okd-font-family: HarmonyOS Sans, SF Pro Text, SF Pro Icons, Arial,
    Helvetica Neue, Helvetica, sans-serif;
  --oxnv-okd-text-display-lg-font-size: 56px;
  --oxnv-okd-text-display-lg-font-weight: 500;
  --oxnv-okd-text-display-lg-line-height: 1.32;
  --oxnv-okd-text-display-md-font-size: 40px;
  --oxnv-okd-text-display-md-font-weight: 500;
  --oxnv-okd-text-display-md-line-height: 52px;
  --oxnv-okd-text-display-sm-font-size: 40px;
  --oxnv-okd-text-display-sm-font-weight: 500;
  --oxnv-okd-text-display-sm-line-height: 52px;
  --oxnv-okd-text-heading-lg-font-size: 30px;
  --oxnv-okd-text-heading-lg-font-weight: 500;
  --oxnv-okd-text-heading-lg-line-height: 40px;
  --oxnv-okd-text-heading-md-font-size: 24px;
  --oxnv-okd-text-heading-md-font-weight: 500;
  --oxnv-okd-text-heading-md-line-height: 30px;
  --oxnv-okd-text-heading-sm-font-size: 18px;
  --oxnv-okd-text-heading-sm-font-weight: 500;
  --oxnv-okd-text-heading-sm-line-height: 24px;
  --oxnv-okd-text-heading-xl-font-size: 36px;
  --oxnv-okd-text-heading-xl-line-height: 1.32;
  --oxnv-okd-text-heading-xl-font-weight: 600;
  --oxnv-okd-text-heading-xxl-font-size: 40px;
  --oxnv-okd-text-heading-xxl-line-height: 1.32;
  --oxnv-okd-text-heading-xxl-font-weight: 600;
  --oxnv-okd-text-heading-overline-font-size: 12px;
  --oxnv-okd-text-heading-overline-line-height: 15px;
  --oxnv-okd-text-heading-overline-font-weight: 500;
  --oxnv-okd-text-body-sm-regular-font-size: 14px;
  --oxnv-okd-text-body-sm-regular-font-weight: 400;
  --oxnv-okd-text-body-sm-regular-line-height: 21px;
  --oxnv-okd-text-body-sm-bold-font-size: 14px;
  --oxnv-okd-text-body-sm-bold-font-weight: 500;
  --oxnv-okd-text-body-sm-bold-line-height: 21px;
  --oxnv-okd-text-body-md-regular-font-size: 16px;
  --oxnv-okd-text-body-md-regular-font-weight: 400;
  --oxnv-okd-text-body-md-regular-line-height: 24px;
  --oxnv-okd-text-body-md-bold-font-size: 16px;
  --oxnv-okd-text-body-md-bold-font-weight: 500;
  --oxnv-okd-text-body-md-bold-line-height: 24px;
  --oxnv-okd-text-body-xs-regular-font-size: 12px;
  --oxnv-okd-text-body-xs-regular-font-weight: 400;
  --oxnv-okd-text-body-xs-regular-line-height: 18px;
  --oxnv-okd-text-body-xs-bold-font-size: 12px;
  --oxnv-okd-text-body-xs-bold-font-weight: 500;
  --oxnv-okd-text-body-xs-bold-line-height: 18px;
  --oxnv-okd-font-weight-400: 400;
  --oxnv-okd-font-weight-500: 500;
  --oxnv-okd-font-weight-600: 600;
  --oxnv-okd-font-weight-700: 700;
  --oxnv-okd-font-weight-800: 800;
  --oxnv-okd-font-weight-900: 900;
  --oxnv-okd-font-weight-regular: 400;
  --oxnv-okd-font-weight-medium: 500;
  --oxnv-okd-font-weight-bold: 700;
}
.theme-dark {
  --oxnv-okd-color-gray-050: #000;
  --oxnv-okd-color-gray-100: #2e2e2e;
  --oxnv-okd-color-gray-200: #404040;
  --oxnv-okd-color-gray-300: #6c6c6c;
  --oxnv-okd-color-gray-400: #909090;
  --oxnv-okd-color-gray-500: #b0b0b0;
  --oxnv-okd-color-gray-600: #ccc;
  --oxnv-okd-color-gray-700: #e3e3e3;
  --oxnv-okd-color-gray-800: #f0f0f0;
  --oxnv-okd-color-gray-900: #fafafa;
  --oxnv-okd-color-blue-050: #051738;
  --oxnv-okd-color-blue-100: #082356;
  --oxnv-okd-color-blue-200: #0c3178;
  --oxnv-okd-color-blue-300: #0f3c94;
  --oxnv-okd-color-blue-400: #1148b0;
  --oxnv-okd-color-blue-500: #1453cc;
  --oxnv-okd-color-blue-600: #175fe8;
  --oxnv-okd-color-blue-700: #1e6bff;
  --oxnv-okd-color-blue-800: #3077ff;
  --oxnv-okd-color-blue-900: #4283ff;
  --oxnv-okd-color-green-050: #002b1f;
  --oxnv-okd-color-green-100: #062b12;
  --oxnv-okd-color-green-200: #0c5625;
  --oxnv-okd-color-green-300: #138037;
  --oxnv-okd-color-green-400: #19ab4a;
  --oxnv-okd-color-green-500: #25a750;
  --oxnv-okd-color-green-600: #4cde7d;
  --oxnv-okd-color-green-700: #79e69d;
  --oxnv-okd-color-green-800: #a5efbe;
  --oxnv-okd-color-green-900: #d2f7de;
  --oxnv-okd-color-red-050: #270b12;
  --oxnv-okd-color-red-100: #300e17;
  --oxnv-okd-color-red-200: #601d2e;
  --oxnv-okd-color-red-300: #902b44;
  --oxnv-okd-color-red-400: #c03a5b;
  --oxnv-okd-color-red-500: #f04872;
  --oxnv-okd-color-red-600: #f76489;
  --oxnv-okd-color-red-700: #f994ae;
  --oxnv-okd-color-red-800: #f9b6c7;
  --oxnv-okd-color-red-900: #fff8f9;
  --oxnv-okd-color-orange-050: #361604;
  --oxnv-okd-color-orange-100: #532206;
  --oxnv-okd-color-orange-200: #743008;
  --oxnv-okd-color-orange-300: #8f3b0a;
  --oxnv-okd-color-orange-400: #aa460c;
  --oxnv-okd-color-orange-500: #c5510e;
  --oxnv-okd-color-orange-600: #e15c0f;
  --oxnv-okd-color-orange-700: #f76816;
  --oxnv-okd-color-orange-800: #f87428;
  --oxnv-okd-color-orange-900: #fa8c4d;
  --oxnv-okd-color-yellow-050: #2d2104;
  --oxnv-okd-color-yellow-100: #493603;
  --oxnv-okd-color-yellow-200: #674b04;
  --oxnv-okd-color-yellow-300: #7f5d05;
  --oxnv-okd-color-yellow-400: #966e06;
  --oxnv-okd-color-yellow-500: #ae8007;
  --oxnv-okd-color-yellow-600: #c69208;
  --oxnv-okd-color-yellow-700: #dba20e;
  --oxnv-okd-color-yellow-800: #dea921;
  --oxnv-okd-color-yellow-900: #e0b134;
  --oxnv-okd-color-text-white: #fff;
  --oxnv-okd-color-text-black: #1f2933;
  --oxnv-okd-color-background-1: #121212;
  --oxnv-okd-color-background-2: #1a1a1a;
  --oxnv-okd-color-transparent: transparent;
  --oxnv-okd-color-white: #fff;
  --oxnv-okd-color-black: #000;
  --oxnv-okd-color-line-muted: #2e2e2e;
  --oxnv-okd-color-line-amplifed: #6c6c6c;
  --oxnv-okd-color-line-secondary: #404040;
  --oxnv-okd-color-text-lighter: #6c6c6c;
  --oxnv-okd-color-text-light: #909090;
  --oxnv-okd-color-text-secondary: #e3e3e3;
  --oxnv-okd-color-text-amplifed: #fafafa;
  --oxnv-okd-color-background-3: #242424;
  --oxnv-okd-color-fq-blue-lv1: #3077ff;
  --oxnv-okd-color-fq-blue-lv2: #1e6bff;
  --oxnv-okd-color-fq-green-lv1: #1fd65c;
  --oxnv-okd-color-fq-red-lv1: #f04872;
  --oxnv-okd-color-fq-orange-lv1: #f76816;
  --oxnv-okd-color-prefer-red-chart: #f04872;
  --oxnv-okd-color-prefer-red-bg: #ca3f64;
  --oxnv-okd-color-prefer-green-chart: #1fd65c;
  --oxnv-okd-color-prefer-green-bg: #25a750;
  --oxnv-okd-color-prefer-red-text: #ca3f64;
  --oxnv-okd-color-prefer-green-text: #25a750;
  --oxnv-okd-color-branded-primary: #bcff2f;
  --oxnv-okd-color-fq-critical: #f04872;
  --oxnv-okd-color-fq-positive: #25a750;
  --oxnv-okd-color-fq-warning: #f76816;
  --oxnv-okd-color-fq-accent: #1e6bff;
  --oxnv-okd-color-fq-neutral: #fafafa;
  --oxnv-okd-color-prefer-neutral-bg: #909090;
  --oxnv-okd-color-prefer-neutral-text: #909090;
  --oxnv-okd-color-white-opacity-5: #fff;
  --oxnv-okd-color-white-opacity-10: hsla(0, 0%, 100%, 0.94);
  --oxnv-okd-color-white-opacity-20: hsla(0, 0%, 100%, 0.88);
  --oxnv-okd-color-white-opacity-30: hsla(0, 0%, 100%, 0.78);
  --oxnv-okd-color-white-opacity-40: hsla(0, 0%, 100%, 0.76);
  --oxnv-okd-color-white-opacity-50: hsla(0, 0%, 100%, 0.54);
  --oxnv-okd-color-white-opacity-60: hsla(0, 0%, 100%, 0.36);
  --oxnv-okd-color-white-opacity-70: hsla(0, 0%, 100%, 0.19);
  --oxnv-okd-color-white-opacity-80: hsla(0, 0%, 100%, 0.12);
  --oxnv-okd-color-white-opacity-90: hsla(0, 0%, 100%, 0.06);
  --oxnv-okd-color-black-opacity-5: #000;
  --oxnv-okd-color-black-opacity-10: rgba(0, 0, 0, 0.9);
  --oxnv-okd-color-black-opacity-20: rgba(0, 0, 0, 0.76);
  --oxnv-okd-color-black-opacity-30: rgba(0, 0, 0, 0.68);
  --oxnv-okd-color-black-opacity-40: rgba(0, 0, 0, 0.57);
  --oxnv-okd-color-black-opacity-50: rgba(0, 0, 0, 0.43);
  --oxnv-okd-color-black-opacity-60: rgba(0, 0, 0, 0.26);
  --oxnv-okd-color-black-opacity-70: rgba(0, 0, 0, 0.14);
  --oxnv-okd-color-black-opacity-80: rgba(0, 9, 3, 0.08);
  --oxnv-okd-color-black-opacity-90: rgba(0, 0, 0, 0.04);
  --oxnv-okd-color-neutral-5: #fff;
  --oxnv-okd-color-neutral-10: #fafafa;
  --oxnv-okd-color-neutral-20: #f3f3f3;
  --oxnv-okd-color-neutral-30: #e6e6e6;
  --oxnv-okd-color-neutral-40: #d9d9d9;
  --oxnv-okd-color-neutral-50: #c7c7c7;
  --oxnv-okd-color-neutral-60: #b3b3b3;
  --oxnv-okd-color-neutral-70: #a7a7a7;
  --oxnv-okd-color-neutral-80: #999;
  --oxnv-okd-color-neutral-90: #909090;
  --oxnv-okd-color-neutral-100: grey;
  --oxnv-okd-color-neutral-110: #757575;
  --oxnv-okd-color-neutral-120: #666;
  --oxnv-okd-color-neutral-130: #5b5b5b;
  --oxnv-okd-color-neutral-140: #4d4d4d;
  --oxnv-okd-color-neutral-150: #414141;
  --oxnv-okd-color-neutral-160: #383838;
  --oxnv-okd-color-neutral-170: #272727;
  --oxnv-okd-color-neutral-180: #1d1d1d;
  --oxnv-okd-color-neutral-190: #0e0e0e;
  --oxnv-okd-color-neutral-200: #000;
  --oxnv-okd-color-tangerine-5: #ffedcb;
  --oxnv-okd-color-tangerine-10: #ffd37d;
  --oxnv-okd-color-tangerine-30: #ffb117;
  --oxnv-okd-color-tangerine-40: #db8f00;
  --oxnv-okd-color-tangerine-50: #a06900;
  --oxnv-okd-color-tangerine-60: #664300;
  --oxnv-okd-color-lemon-5: #ffdc4;
  --oxnv-okd-color-lemon-10: #fffa7a;
  --oxnv-okd-color-lemon-20: #fff500;
  --oxnv-okd-color-lemon-30: #e5dd00;
  --oxnv-okd-color-lemon-40: #b2ab00;
  --oxnv-okd-color-lemon-50: #797400;
  --oxnv-okd-color-lemon-60: #5c5800;
  --oxnv-okd-color-tangerine-20: #ffc452;
  --oxnv-okd-color-neonlime-5: #e6ffb0;
  --oxnv-okd-color-neonlime-10: #d5ff7d;
  --oxnv-okd-color-neonlime-20: #bcff2f;
  --oxnv-okd-color-neonlime-30: #9fe212;
  --oxnv-okd-color-neonlime-40: #8ec51d;
  --oxnv-okd-color-neonlime-50: #568000;
  --oxnv-okd-color-neonlime-60: #3d5c00;
  --oxnv-okd-color-neonmint-5: #cbffe0;
  --oxnv-okd-color-neonmint-10: #7dffb1;
  --oxnv-okd-color-neonmint-20: #24ff7b;
  --oxnv-okd-color-neonmint-30: #12e366;
  --oxnv-okd-color-neonmint-40: #00bc4b;
  --oxnv-okd-color-neonmint-50: #008535;
  --oxnv-okd-color-neonmint-60: #005c25;
  --oxnv-okd-color-bluebell-5: #e6eaff;
  --oxnv-okd-color-bluebell-10: #b8bfff;
  --oxnv-okd-color-bluebell-20: #8a91ff;
  --oxnv-okd-color-bluebell-30: #5f62ff;
  --oxnv-okd-color-bluebell-40: #5043ff;
  --oxnv-okd-color-bluebell-50: #4c2fff;
  --oxnv-okd-color-bluebell-60: #1d00d4;
  --oxnv-okd-color-lavender-5: #f2e8ff;
  --oxnv-okd-color-lavender-10: #dbbfff;
  --oxnv-okd-color-lavender-20: #c496ff;
  --oxnv-okd-color-lavender-30: #ac6cff;
  --oxnv-okd-color-lavender-40: #9543ff;
  --oxnv-okd-color-lavender-50: #7e1aff;
  --oxnv-okd-color-lavender-60: #5600c5;
  --oxnv-okd-color-orchid-5: #fee7ea;
  --oxnv-okd-color-orchid-10: #ffc1c9;
  --oxnv-okd-color-orchid-20: #ffa8b3;
  --oxnv-okd-color-orchid-30: #ff7888;
  --oxnv-okd-color-orchid-40: #f5384f;
  --oxnv-okd-color-orchid-50: #cd2438;
  --oxnv-okd-color-orchid-60: #9a1b2a;
  --oxnv-okd-color-semantic-positive-1: #25a750;
  --oxnv-okd-color-semantic-negative-1: #ca3f64;
  --oxnv-okd-color-background-lv1: #121212;
  --oxnv-okd-color-background-lv2: #1a1a1a;
  --oxnv-okd-color-transparent-base-black: transparent;
  --oxnv-okd-color-transparent-base-white: transparent;
  --oxnv-okd-color-alert-base-info: #2e2e2e;
  --oxnv-okd-color-alert-base-success: #002b1f;
  --oxnv-okd-color-alert-base-warning: #361604;
  --oxnv-okd-color-alert-base-error: #270b12;
  --oxnv-okd-color-basil-5: #e9f4d1;
  --oxnv-okd-color-basil-10: #d2e8a4;
  --oxnv-okd-color-basil-20: #81be00;
  --oxnv-okd-color-basil-30: #49a92d;
  --oxnv-okd-color-basil-40: #2b6d17;
  --oxnv-okd-color-basil-50: #1a410e;
  --oxnv-okd-color-basil-60: #1a2600;
  --oxnv-okd-color-rose-5: #ffdfe9;
  --oxnv-okd-color-rose-10: #ffc0d3;
  --oxnv-okd-color-rose-20: #ff5eb6;
  --oxnv-okd-color-rose-30: #fc46ab;
  --oxnv-okd-color-rose-40: #a54162;
  --oxnv-okd-color-rose-50: #532131;
  --oxnv-okd-color-rose-60: #2a111f;
  --oxnv-okd-color-neutral-15: #f6f6f6;
  --oxnv-okd-color-neutral-185: #121212;
  --oxnv-okd-color-background-base-primary: #000;
  --oxnv-okd-color-background-base-secondary: #121212;
  --oxnv-okd-color-background-surface-primary: #1d1d1d;
  --oxnv-okd-color-background-surface-secondary: #121212;
  --oxnv-okd-color-background-surface-pressed: #383838;
  --oxnv-okd-color-background-surface-disable: #0e0e0e;
  --oxnv-okd-color-background-scrim: rgba(0, 0, 0, 0.68);
  --oxnv-okd-color-container-primary: #272727;
  --oxnv-okd-color-container-secondary: #272727;
  --oxnv-okd-color-container-tertiary: #383838;
  --oxnv-okd-color-container-contrast: #414141;
  --oxnv-okd-color-container-inverse: #fafafa;
  --oxnv-okd-color-content-primary: #fff;
  --oxnv-okd-color-content-secondary: #e6e6e6;
  --oxnv-okd-color-content-tertiary: #b3b3b3;
  --oxnv-okd-color-content-contrast: #909090;
  --oxnv-okd-color-content-disabled: #5b5b5b;
  --oxnv-okd-color-content-inverse: #000;
  --oxnv-okd-color-border-primary: #383838;
  --oxnv-okd-color-border-secondary: #4d4d4d;
  --oxnv-okd-color-border-contrast: #000;
  --oxnv-okd-color-border-selected: #fff;
  --oxnv-okd-color-semantic-neutral: #fff;
  --oxnv-okd-color-semantic-notice: #ffb117;
  --oxnv-okd-color-semantic-positive: #25a750;
  --oxnv-okd-color-semantic-negative: #ca3f64;
  --oxnv-okd-color-semantic-informative: #8a91ff;
  --oxnv-okd-color-semantic-highlight: #bcff2f;
  --oxnv-okd-color-dvp-neutral: hsla(0, 0%, 100%, 0.76);
  --oxnv-okd-color-dvp-profit: #25a750;
  --oxnv-okd-color-dvp-loss: #ca3f64;
  --oxnv-okd-color-categorical-01: #5f62ff;
  --oxnv-okd-color-categorical-02: #ffb117;
  --oxnv-okd-color-categorical-03: #bcff2f;
  --oxnv-okd-color-categorical-04: #00bc4b;
  --oxnv-okd-color-categorical-05: #f5384f;
  --oxnv-okd-color-transparent-white: transparent;
  --oxnv-okd-color-transparent-black: hsla(0, 0%, 100%, 0.02);
  --oxnv-okd-color-common-transparent: hsla(0, 0%, 100%, 0);
  --oxnv-okd-color-container-lv2: #1a1a1a;
  --oxnv-okd-color-alert-info: #2e2e2e;
  --oxnv-okd-color-alert-success: #002b1f;
  --oxnv-okd-color-alert-warning: #361604;
  --oxnv-okd-color-alert-error: #270b12;
  --oxnv-okd-color-common-background-2: #383838;
  --oxnv-okd-color-data-visualization-category-01: #5f62ff;
  --oxnv-okd-color-data-visualization-category-02: #ffb117;
  --oxnv-okd-color-data-visualization-category-03: #bcff2f;
  --oxnv-okd-color-data-visualization-category-04: #00bc4b;
  --oxnv-okd-color-data-visualization-category-05: #f5384f;
  --oxnv-okd-color-preference-loss: #ca3f64;
  --oxnv-okd-color-preference-profit: #25a750;
  --oxnv-okd-color-preference-neutral: hsla(0, 0%, 100%, 0.76);
  --oxnv-okd-color-border-focus: #fff;
  --oxnv-okd-color-background-base-primaryAlternative: #000;
  --oxnv-okd-color-link-content: #8a91ff;
  --oxnv-okd-color-link-accent-content-primary: #bcff2f;
  --oxnv-okd-color-background-surface-contrast: #272727;
  --oxnv-okd-color-background-surface-brand: #bcff2f;
  --oxnv-okd-color-border-tertiary: #0e0e0e;
  --oxnv-okd-color-content-brand: #bcff2f;
  --oxnv-okd-color-modal-primary: #0e0e0e;
  --oxnv-okd-color-modal-secondary: #272727;
  --oxnv-okd-color-modal-tertiary: #383838;
  --oxnv-okd-color-modal-contrast: #4d4d4d;
  --oxnv-okd-color-card-primary: #0e0e0e;
  --oxnv-okd-color-card-secondary: #121212;
  --oxnv-okd-color-brand-primary: #121212;
  --oxnv-okd-color-brand-primary-alternative: #bcff2f;
  --oxnv-okd-color-brand-secondary: #272727;
  --oxnv-okd-color-brand-tertiary: #383838;
  --oxnv-okd-color-brand-content: #e6ffb0;
  --oxnv-okd-color-brand-content-contrast: #000;
  --oxnv-okd-font-size-base: 16px;
  --oxnv-okd-font-size-md: 14px;
  --oxnv-okd-font-size-xs: 12px;
  --oxnv-okd-line-height-base: 20px;
  --oxnv-okd-line-height-md: 20px;
  --oxnv-okd-line-height-xs: 16px;
  --oxnv-okd-shadow-none: 0 0 0 0 transparent;
  --oxnv-okd-shadow-xs: 0 0 0 1px #0000000d;
  --oxnv-okd-shadow-sm: 0 1px 2px 0 #0000000d;
  --oxnv-okd-shadow-default: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
  --oxnv-okd-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
  --oxnv-okd-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
  --oxnv-okd-shadow-xl: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
  --oxnv-okd-shadow-2xl: 0 25px 50px -12px #00000040;
  --oxnv-okd-border-radius-none: 0;
  --oxnv-okd-border-radius-sm: 2px;
  --oxnv-okd-border-radius-md: 4px;
  --oxnv-okd-border-radius-lg: 6px;
  --oxnv-okd-border-radius-xl: 8px;
  --oxnv-okd-border-radius-xxl: 10px;
  --oxnv-okd-border-radius-xxxl: 12px;
  --oxnv-okd-font-family: HarmonyOS Sans, SF Pro Text, SF Pro Icons, Arial,
    Helvetica Neue, Helvetica, sans-serif;
  --oxnv-okd-text-display-lg-font-size: 56px;
  --oxnv-okd-text-display-lg-font-weight: 500;
  --oxnv-okd-text-display-lg-line-height: 1.32;
  --oxnv-okd-text-display-md-font-size: 40px;
  --oxnv-okd-text-display-md-font-weight: 500;
  --oxnv-okd-text-display-md-line-height: 52px;
  --oxnv-okd-text-display-sm-font-size: 40px;
  --oxnv-okd-text-display-sm-font-weight: 500;
  --oxnv-okd-text-display-sm-line-height: 52px;
  --oxnv-okd-text-heading-lg-font-size: 30px;
  --oxnv-okd-text-heading-lg-font-weight: 500;
  --oxnv-okd-text-heading-lg-line-height: 40px;
  --oxnv-okd-text-heading-md-font-size: 24px;
  --oxnv-okd-text-heading-md-font-weight: 500;
  --oxnv-okd-text-heading-md-line-height: 30px;
  --oxnv-okd-text-heading-sm-font-size: 18px;
  --oxnv-okd-text-heading-sm-font-weight: 500;
  --oxnv-okd-text-heading-sm-line-height: 24px;
  --oxnv-okd-text-heading-xl-font-size: 36px;
  --oxnv-okd-text-heading-xl-line-height: 1.32;
  --oxnv-okd-text-heading-xl-font-weight: 600;
  --oxnv-okd-text-heading-xxl-font-size: 40px;
  --oxnv-okd-text-heading-xxl-line-height: 1.32;
  --oxnv-okd-text-heading-xxl-font-weight: 600;
  --oxnv-okd-text-heading-overline-font-size: 12px;
  --oxnv-okd-text-heading-overline-line-height: 15px;
  --oxnv-okd-text-heading-overline-font-weight: 500;
  --oxnv-okd-text-body-sm-regular-font-size: 14px;
  --oxnv-okd-text-body-sm-regular-font-weight: 400;
  --oxnv-okd-text-body-sm-regular-line-height: 21px;
  --oxnv-okd-text-body-sm-bold-font-size: 14px;
  --oxnv-okd-text-body-sm-bold-font-weight: 500;
  --oxnv-okd-text-body-sm-bold-line-height: 21px;
  --oxnv-okd-text-body-md-regular-font-size: 16px;
  --oxnv-okd-text-body-md-regular-font-weight: 400;
  --oxnv-okd-text-body-md-regular-line-height: 24px;
  --oxnv-okd-text-body-md-bold-font-size: 16px;
  --oxnv-okd-text-body-md-bold-font-weight: 500;
  --oxnv-okd-text-body-md-bold-line-height: 24px;
  --oxnv-okd-text-body-xs-regular-font-size: 12px;
  --oxnv-okd-text-body-xs-regular-font-weight: 400;
  --oxnv-okd-text-body-xs-regular-line-height: 18px;
  --oxnv-okd-text-body-xs-bold-font-size: 12px;
  --oxnv-okd-text-body-xs-bold-font-weight: 500;
  --oxnv-okd-text-body-xs-bold-line-height: 18px;
  --oxnv-okd-font-weight-400: 400;
  --oxnv-okd-font-weight-500: 500;
  --oxnv-okd-font-weight-600: 600;
  --oxnv-okd-font-weight-700: 700;
  --oxnv-okd-font-weight-800: 800;
  --oxnv-okd-font-weight-900: 900;
  --oxnv-okd-font-weight-regular: 400;
  --oxnv-okd-font-weight-medium: 500;
  --oxnv-okd-font-weight-bold: 700;
}
@media (max-width: 767px) {
  [lang*="zh-Hans"] .site-banner-container {
    min-height: 80px;
  }
}
.site-banner-container {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  padding: 22px 22px 14px;
  position: relative;
  width: 100%;
  z-index: 9499;
}
@media (max-width: 767px) {
  .site-banner-container {
    min-height: 96px;
    padding: 12px 16px 4px;
  }
}
.site-banner-container .site-banner-text {
  display: flex;
  margin-bottom: 8px;
}
.site-banner-container .site-banner-text .site-banner-tip {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-left: 8px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .site-banner-container .site-banner-text .site-banner-tip {
    font-size: 12px;
  }
}
.site-banner-container .site-banner-text .site-banner-icon {
  font-size: 18px;
}
@media (max-width: 767px) {
  .site-banner-container .site-banner-text .site-banner-icon {
    font-size: 16px;
  }
}
.site-banner-container .site-banner-link {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  -webkit-appearance: none;
  background-color: #0d0d0d;
  border: 0;
  border-radius: 60px;
  box-sizing: 0 0 0 0 transparent;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  line-height: 16px;
  margin-bottom: 8px;
  margin-left: 24px;
  min-width: 63px;
  outline: none;
  padding: 8px 16px;
  text-decoration: none;
  touch-action: manipulation;
  transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
    border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  .site-banner-container .site-banner-link {
    font-size: 12px;
    margin-left: 20px;
  }
}