/*!
 * file: Web V4 CSS
 * version: H325822_6-1756263423870
 */
/*!
 *    888       888          888               d8888       .d8888b.
 *    888   o   888          888              d8P888      d88P  Y88b
 *    888  d8b  888          888             d8P 888      888    888
 *    888 d888b 888  .d88b.  88888b.        d8P  888      888    888
 *    888d88888b888 d8P  Y8b 888 "88b      d88   888      888    888
 *    88888P Y88888 88888888 888  888      8888888888     888    888
 *    8888P   Y8888 Y8b.     888 d88P            888  d8b Y88b  d88P
 *    888P     Y888  "Y8888  88888P"             888  Y8P  "Y8888P"
 */
@font-face {
  font-family:harmonyos-sans;
  font-weight:400;
  src:url("/web-v4/fonts/harmonyos-sans/regular.woff2?m=aff33a261a59dfd8bea07fdae81163ba") format("woff2")
}
@font-face {
  font-family:harmonyos-sans;
  font-weight:500;
  src:url("/web-v4/fonts/harmonyos-sans/medium.woff2?m=83a01d2546316296b966024316824a81") format("woff2")
}
@font-face {
  font-family:harmonyos-sans;
  font-weight:700;
  src:url("/web-v4/fonts/harmonyos-sans/bold.woff2?m=59f53111867f753c57f83b4721e733a2") format("woff2")
}
@font-face {
  font-family:harmonyos-sans-sc;
  font-weight:400;
  src:url("/web-v4/fonts/harmonyos-sans-sc-subset/regular.woff2?m=d2961ff51c0465a8ae424e5aa76e3dfc") format("woff2")
}
@font-face {
  font-family:harmonyos-sans-sc;
  font-weight:500;
  src:url("/web-v4/fonts/harmonyos-sans-sc-subset/medium.woff2?m=0cf4de2e1191b3626a10e0f195a2145b") format("woff2")
}
@font-face {
  font-family:harmonyos-sans-sc;
  font-weight:700;
  src:url("/web-v4/fonts/harmonyos-sans-sc-subset/bold.woff2?m=0d130282a5dfea57079fa692705dfff5") format("woff2")
}
@font-face {
  font-family:harmonyos-sans-tc;
  font-weight:400;
  src:url("/web-v4/fonts/harmonyos-sans-tc-subset/regular.woff2?m=040d20e3ba1061d52ddb90fdd9b28bd7") format("woff2")
}
@font-face {
  font-family:harmonyos-sans-tc;
  font-weight:500;
  src:url("/web-v4/fonts/harmonyos-sans-tc-subset/medium.woff2?m=9c1334ed93e173db60c29e691ba99e35") format("woff2")
}
@font-face {
  font-family:harmonyos-sans-tc;
  font-weight:700;
  src:url("/web-v4/fonts/harmonyos-sans-tc-subset/bold.woff2?m=3db2086e753e0139821b98460ed8b04f") format("woff2")
}
html:not([data-v4-lang=zh-cn]):not([data-v4-lang=zh-tc]) {
  font-family:harmonyos-sans,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif
}
html[data-v4-lang=zh-cn] {
  font-family:harmonyos-sans-sc,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif
}
html[data-v4-lang=zh-tc] {
  font-family:harmonyos-sans-tc,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif
}
body,
button,
input,
select,
textarea {
  font-family:inherit!important
}
:root {
  --color-primary-white:rgba(255, 255, 255, 1);
  --color-primary-black:rgba(0, 0, 0, 1);
  --color-primary-black_p40:rgba(0, 0, 0, 0.4);
  --color-primary-black_p60:rgba(0, 0, 0, 0.6);
  --color-gray-light-100:rgba(250, 250, 250, 1);
  --color-gray-light-200:rgba(245, 245, 245, 1);
  --color-gray-light-300:rgba(235, 235, 235, 1);
  --color-gray-light-400:rgba(221, 221, 221, 1);
  --color-gray-light-500:rgba(179, 179, 179, 1);
  --color-gray-light-600:rgba(140, 140, 140, 1);
  --color-gray-light-700:rgba(89, 89, 89, 1);
  --color-gray-light-800:rgba(77, 77, 77, 1);
  --color-gray-dark-100:rgba(22, 22, 22, 1);
  --color-gray-dark-200_p50:rgba(43, 43, 43, 0.5);
  --color-gray-dark-200:rgba(31, 31, 31, 1);
  --color-gray-dark-300:rgba(38, 38, 38, 1);
  --color-gray-dark-400:rgba(51, 51, 51, 1);
  --color-gray-dark-500:rgba(95, 95, 95, 1);
  --color-gray-dark-600:rgba(77, 77, 77, 1);
  --color-gray-dark-700:rgba(130, 130, 130, 1);
  --color-gray-dark-800:rgba(153, 153, 153, 1);
  --color-blue-01:rgba(0, 127, 255, 1);
  --color-blue-01_p10:rgba(0, 127, 255, 0.1);
  --color-blue-01_p20:rgba(0, 127, 255, 0.2);
  --color-purple-02:rgba(88, 78, 238, 1);
  --color-blue-03:rgba(39, 198, 218, 1);
  --color-red-classic-01:rgba(242, 73, 102, 1);
  --color-red-01:rgba(236, 64, 122, 1);
  --color-green-01:rgba(102, 187, 106, 1);
  --color-purple-01:rgba(197, 102, 213, 1);
  --color-red-classic-01_p10:rgba(242, 73, 102, 0.1);
  --color-red-classic-01_p20:rgba(242, 73, 102, 0.2);
  --color-red-classic-02:rgba(217, 65, 91, 1);
  --color-red-modern-01:rgba(178, 16, 18, 1);
  --color-red-modern-02:rgba(255, 65, 91, 1);
  --color-red-modern-03_p20:rgba(255, 0, 0, 0.2);
  --color-red-modern-04_p20:rgba(215, 115, 125, 0.2);
  --color-green-classic-01:rgba(7, 176, 103, 1);
  --color-green-classic-01_p10:rgba(7, 176, 103, 0.1);
  --color-green-classic-01_p20:rgba(7, 176, 103, 0.2);
  --color-green-classic-02:rgba(6, 153, 92, 1);
  --color-green-modern-01:rgba(35, 104, 8, 1);
  --color-green-modern-02:rgba(104, 179, 0, 1);
  --color-green-modern-02_p20:rgba(104, 179, 0, 0.2);
  --color-green-modern-03:rgba(142, 214, 112, 1);
  --color-green-modern-01_p20:rgba(90, 191, 40, 0.2);
  --color-orange-01:rgba(255, 149, 0, 1);
  --color-orange-01_p10:rgba(255, 149, 0, 0.1);
  --color-orange-01_p20:rgba(255, 149, 0, 0.2);
  --color-orange-02:rgba(255, 192, 66, 1)
}
html[data-v4-theme=light] {
  --Text-L1:var(--color-primary-black);
  --Text-L2:var(--color-gray-light-700);
  --Text-L3:var(--color-gray-light-600);
  --Text-L4:var(--color-gray-light-500);
  --Background-L1:var(--color-primary-white);
  --Background-PopUp:var(--color-primary-white);
  --Background-L2:var(--color-gray-light-100);
  --Background-L3:var(--color-gray-light-200);
  --Background-Toast:var(--color-gray-light-800);
  --Border-L1:var(--color-gray-light-400);
  --Border-L2:var(--color-gray-light-300);
  --Button-Blue-Fill:var(--color-blue-01);
  --Button-Blue-Text:var(--color-primary-white);
  --Button-Green-Fill:var(--color-green-classic-01);
  --Button-Green-Text:var(--color-primary-white);
  --Functional-Blue:var(--color-blue-01);
  --Functional-Green:var(--color-green-classic-01);
  --Functional-Red:var(--color-red-classic-01);
  --Functional-Blue_bg:var(--color-blue-01_p10);
  --Text-Green:var(--color-green-classic-01);
  --Functional-Green_bg:var(--color-green-classic-01_p10);
  --Text-Red:var(--color-red-classic-01);
  --Functional-Red_bg:var(--color-red-classic-01_p10);
  --Functional-Orange:var(--color-orange-01);
  --Functional-Orange_bg:var(--color-orange-01_p10);
  --Functional-White:var(--color-primary-white);
  --Functional-black:var(--color-primary-black);
  --Overlay-mask:var(--color-primary-black_p40);
  --Button-Red-Fill:var(--color-red-classic-01);
  --Button-Red-Text:var(--color-primary-white);
  --kline-ma1:var(--color-purple-01);
  --kline-ma2:var(--color-blue-03);
  --kline-ma3:var(--color-purple-02);
  --kline-ma4:var(--color-red-01);
  --kline-ma5:var(--color-orange-01);
  --kline-ma6:var(--color-orange-02);
  --kline-ma7:var(--color-green-01);
  --kline-ma8:var(--color-blue-01)
}
html[data-v4-theme=dark] {
  --Text-L1:var(--color-primary-white);
  --Text-L2:var(--color-gray-dark-800);
  --Text-L3:var(--color-gray-dark-700);
  --Text-L4:var(--color-gray-dark-500);
  --Background-L1:var(--color-primary-black);
  --Background-PopUp:var(--color-gray-dark-100);
  --Background-L2:var(--color-gray-dark-200_p50);
  --Background-L3:var(--color-gray-dark-200);
  --Background-Toast:var(--color-gray-dark-600);
  --Border-L1:var(--color-gray-dark-400);
  --Border-L2:var(--color-gray-dark-300);
  --Button-Blue-Fill:var(--color-blue-01);
  --Button-Blue-Text:var(--color-primary-white);
  --Button-Green-Fill:var(--color-green-classic-02);
  --Button-Green-Text:var(--color-primary-white);
  --Functional-Blue:var(--color-blue-01);
  --Functional-Green:var(--color-green-classic-02);
  --Functional-Red:var(--color-red-classic-02);
  --Functional-Blue_bg:var(--color-blue-01_p20);
  --Text-Green:var(--color-green-classic-02);
  --Functional-Green_bg:var(--color-green-classic-01_p20);
  --Text-Red:var(--color-red-classic-02);
  --Functional-Red_bg:var(--color-red-classic-01_p20);
  --Functional-Orange:var(--color-orange-01);
  --Functional-Orange_bg:var(--color-orange-01_p20);
  --Functional-White:var(--color-primary-white);
  --Functional-black:var(--color-primary-black);
  --Overlay-mask:var(--color-primary-black_p60);
  --Button-Red-Fill:var(--color-red-classic-02);
  --Button-Red-Text:var(--color-primary-white);
  --kline-ma1:var(--color-purple-01);
  --kline-ma2:var(--color-blue-03);
  --kline-ma3:var(--color-purple-02);
  --kline-ma4:var(--color-red-01);
  --kline-ma5:var(--color-orange-01);
  --kline-ma6:var(--color-orange-02);
  --kline-ma7:var(--color-green-01);
  --kline-ma8:var(--color-blue-01)
}
html[data-v4-theme=modern-light] {
  --Text-L1:var(--color-primary-black);
  --Text-L2:var(--color-gray-light-700);
  --Text-L3:var(--color-gray-light-600);
  --Text-L4:var(--color-gray-light-500);
  --Background-L1:var(--color-primary-white);
  --Background-PopUp:var(--color-primary-white);
  --Background-L2:var(--color-gray-light-100);
  --Background-L3:var(--color-gray-light-200);
  --Background-Toast:var(--color-gray-light-800);
  --Border-L1:var(--color-gray-light-400);
  --Border-L2:var(--color-gray-light-300);
  --Button-Blue-Fill:var(--color-primary-black);
  --Button-Blue-Text:var(--color-primary-white);
  --Button-Green-Fill:var(--color-green-modern-02_p20);
  --Button-Green-Text:var(--color-green-modern-01);
  --Functional-Blue:var(--color-blue-01);
  --Functional-Green:var(--color-green-modern-02);
  --Functional-Red:var(--color-red-modern-02);
  --Functional-Blue_bg:var(--color-blue-01_p10);
  --Text-Green:var(--color-green-modern-01);
  --Functional-Green_bg:var(--color-green-modern-02_p20);
  --Text-Red:var(--color-red-modern-01);
  --Functional-Red_bg:var(--color-red-modern-04_p20);
  --Functional-Orange:var(--color-orange-01);
  --Functional-Orange_bg:var(--color-orange-01_p10);
  --Functional-White:var(--color-primary-white);
  --Functional-black:var(--color-primary-black);
  --Overlay-mask:var(--color-primary-black_p40);
  --Button-Red-Fill:var(--color-red-modern-04_p20);
  --Button-Red-Text:var(--color-red-modern-01);
  --kline-ma1:var(--color-purple-01);
  --kline-ma2:var(--color-blue-03);
  --kline-ma3:var(--color-purple-02);
  --kline-ma4:var(--color-red-01);
  --kline-ma5:var(--color-orange-01);
  --kline-ma6:var(--color-orange-02);
  --kline-ma7:var(--color-green-01);
  --kline-ma8:var(--color-blue-01)
}
html[data-v4-theme=modern-dark] {
  --Text-L1:var(--color-primary-white);
  --Text-L2:var(--color-gray-dark-800);
  --Text-L3:var(--color-gray-dark-700);
  --Text-L4:var(--color-gray-dark-500);
  --Background-L1:var(--color-primary-black);
  --Background-PopUp:var(--color-gray-dark-100);
  --Background-L2:var(--color-gray-dark-200_p50);
  --Background-L3:var(--color-gray-dark-200);
  --Background-Toast:var(--color-gray-dark-600);
  --Border-L1:var(--color-gray-dark-400);
  --Border-L2:var(--color-gray-dark-300);
  --Button-Blue-Fill:var(--color-primary-white);
  --Button-Blue-Text:var(--color-primary-black);
  --Button-Green-Fill:var(--color-green-modern-01_p20);
  --Button-Green-Text:var(--color-green-modern-03);
  --Functional-Blue:var(--color-blue-01);
  --Functional-Green:var(--color-green-modern-03);
  --Functional-Red:var(--color-red-modern-02);
  --Functional-Blue_bg:var(--color-blue-01_p20);
  --Text-Green:var(--color-green-modern-03);
  --Functional-Green_bg:var(--color-green-modern-01_p20);
  --Text-Red:var(--color-red-modern-02);
  --Functional-Red_bg:var(--color-red-modern-03_p20);
  --Functional-Orange:var(--color-orange-01);
  --Functional-Orange_bg:var(--color-orange-01_p20);
  --Functional-White:var(--color-primary-white);
  --Functional-black:var(--color-primary-black);
  --Overlay-mask:var(--color-primary-black_p60);
  --Button-Red-Fill:var(--color-red-modern-03_p20);
  --Button-Red-Text:var(--color-red-modern-02);
  --kline-ma1:var(--color-purple-01);
  --kline-ma2:var(--color-blue-03);
  --kline-ma3:var(--color-blue-01);
  --kline-ma4:var(--color-red-01);
  --kline-ma5:var(--color-orange-01);
  --kline-ma6:var(--color-orange-02);
  --kline-ma7:var(--color-green-01);
  --kline-ma8:var(--color-blue-01)
}
@font-face {
  font-family:htx-icon;
  src:url('/web-v4/fonts/htx-icon.woff2?m=2d78eeb0496119ff56ac2b23e42349a1') format('woff2')
}
.htx-icon {
  font-family:htx-icon!important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.htx-icon-buy-outline:before {
  content:"\e649"
}
.htx-icon-history-3-outline:before {
  content:"\e648"
}
.htx-icon-calendar:before {
  content:"\e647"
}
.htx-icon-a-flashexchange:before {
  content:"\e645"
}
.htx-icon-a-bulktrade:before {
  content:"\e646"
}
.htx-icon-quick-trade:before {
  content:"\e644"
}
.htx-icon-transfer:before {
  content:"\e642"
}
.htx-icon-recharge:before {
  content:"\e643"
}
.htx-icon-c2c:before {
  content:"\e641"
}
.htx-icon-unlock:before {
  content:"\e63f"
}
.htx-icon-lock:before {
  content:"\e640"
}
.htx-icon-arrow:before {
  content:"\e63e"
}
.htx-icon-correct-outline:before {
  content:"\e63d"
}
.htx-icon-close:before {
  content:"\e63c"
}
.htx-icon-copy:before {
  content:"\e63b"
}
.htx-icon-rocket-outline:before {
  content:"\e632"
}
.htx-icon-coupon:before {
  content:"\e63a"
}
.htx-icon-a-cleanup:before {
  content:"\e639"
}
.htx-icon-countdown:before {
  content:"\e637"
}
.htx-icon-notice:before {
  content:"\e638"
}
.htx-icon-community-share:before {
  content:"\e634"
}
.htx-icon-community-comment:before {
  content:"\e635"
}
.htx-icon-community-thumbs-up:before {
  content:"\e636"
}
.htx-icon-float-top-outline:before {
  content:"\e633"
}
.htx-icon-trend-outline:before {
  content:"\e631"
}
.htx-icon-support-outline:before {
  content:"\e624"
}
.htx-icon-gift-outline:before {
  content:"\e62b"
}
.htx-icon-gift-2-outline:before {
  content:"\e62d"
}
.htx-icon-add-outline1:before {
  content:"\e61b"
}
.htx-icon-home-outline:before {
  content:"\e61c"
}
.htx-icon-filter-outline:before {
  content:"\e61d"
}
.htx-icon-help-outline:before {
  content:"\e61e"
}
.htx-icon-history-outline:before {
  content:"\e61f"
}
.htx-icon-video-outline:before {
  content:"\e620"
}
.htx-icon-k-line-outline:before {
  content:"\e621"
}
.htx-icon-history-2-outline:before {
  content:"\e622"
}
.htx-icon-edit-outline1:before {
  content:"\e623"
}
.htx-icon-more:before {
  content:"\e625"
}
.htx-icon-notice-outline:before {
  content:"\e626"
}
.htx-icon-return-outline:before {
  content:"\e627"
}
.htx-icon-serch-outline:before {
  content:"\e628"
}
.htx-icon-star:before {
  content:"\e629"
}
.htx-icon-reminder-outline:before {
  content:"\e62a"
}
.htx-icon-setting-outline:before {
  content:"\e62c"
}
.htx-icon-share-outline:before {
  content:"\e62e"
}
.htx-icon-plus-outline:before {
  content:"\e62f"
}
.htx-icon-star-outline:before {
  content:"\e630"
}
.htx-icon-edit-outline:before {
  content:"\e616"
}
.htx-icon-share-2-outline:before {
  content:"\e61a"
}
.htx-icon-announcement:before {
  content:"\e612"
}
.htx-icon-more-outline:before {
  content:"\e600"
}
.htx-icon-arrow-outline:before {
  content:"\e601"
}
.htx-icon-checkbox-checked:before {
  content:"\e602"
}
.htx-icon-attention-outline:before {
  content:"\e603"
}
.htx-icon-transfer-outline:before {
  content:"\e604"
}
.htx-icon-reduce-checked:before {
  content:"\e605"
}
.htx-icon-close-outline:before {
  content:"\e606"
}
.htx-icon-good-outline:before {
  content:"\e607"
}
.htx-icon-error-outline:before {
  content:"\e608"
}
.htx-icon-drop-down-outline:before {
  content:"\e609"
}
.htx-icon-refresh-outline:before {
  content:"\e60a"
}
.htx-icon-add-outline:before {
  content:"\e60b"
}
.htx-icon-announcement-outline:before {
  content:"\e60c"
}
.htx-icon-switch-outline:before {
  content:"\e60d"
}
.htx-icon-info-outline:before {
  content:"\e60e"
}
.htx-icon-success-outline:before {
  content:"\e60f"
}
.htx-icon-minus-outline:before {
  content:"\e610"
}
.htx-icon-link-outline:before {
  content:"\e611"
}
.htx-icon-checkbox:before {
  content:"\e613"
}
.htx-icon-delete-outline:before {
  content:"\e614"
}
.htx-icon-eye-off-outline:before {
  content:"\e615"
}
.htx-icon-radio-checked:before {
  content:"\e617"
}
.htx-icon-eye-on-outline:before {
  content:"\e618"
}
.htx-icon-radio:before {
  content:"\e619"
}