npm - vdesign-ui - Versions diffs - 0.2.14 → 0.2.15 - Mend

vdesign-ui 0.2.14 → 0.2.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/components/tabs/index.vue +61 -35
package/dist/token.css +1332 -1332
package/dist/vdesign-ui.common.js +72 -45
package/dist/vdesign-ui.css +1 -1
package/dist/vdesign-ui.umd.js +72 -45
package/dist/vdesign-ui.umd.min.js +2 -2
package/package.json +2 -2

package/dist/token.css CHANGED Viewed

@@ -474,98 +474,98 @@ html{
 --color-check_radio-radio_button_wrong-bg-active:rgba(235,92,49,.05);
 --color-check_radio-radio_wrong_border-active:#eb5c31;
 }
-html[theme="dark"]{
---height-datalist-list:60px;
---height-datalist-head:24px;
---height-datalist-search_m:76px;
---height-datalist-search_s:56px;
---icon-datalist-sort:16px;
---icon-datalist-ranking:24px;
---icon-datalist-add_watchlist:24px;
---icon-datalist-label_icon:12px;
---spacing-datalist-list-margin_top:2px;
---spacing-datalist-market_tag-margin_top:4px;
---spacing-datalist-head_item-margin_y_m:4px;
---spacing-datalist-head_item-margin_y_s:0px;
---spacing-datalist-list_item-margin_y:8px;
---spacing-datalist-list_icon-margin_right:6px;
---spacing-datalist-search-margin_right:12px;
---spacing-datalist-search-margin_top:4px;
---spacing-datalist-search_icon-margin_left:20px;
---spacing-datalist-search_stock-margin_right:8px;
---spacing-datalist-search_code-margin_right:4px;
---spacing-datalist-head-padding_right:16px;
---spacing-datalist-padding_y:20px;
---width-datalist-list_s:76px;
---width-datalist-list_m:96px;
---width-datalist-list_l:111px;
---width-datalist-list_xl:176px;
---width-datalist-head_s:80px;
---width-datalist-head_m:100px;
---width-datalist-head_l:115px;
---width-datalist-head_xl:180px;
---width-datalist-list-code:86px;
---color-datalist-list-text_primary:#F2F5FF;
---color-datalist-list-text_secondary:rgba(235,235,245,.65);
---color-datalist-head-text-default:rgba(235,235,245,.65);
---color-datalist-head-text-active:#1bc47d;
---color-datalist-market_us:#00B5CE;
---color-datalist-market_hk:#ff863c;
---color-datalist-icon_watchlist:#1bc47d;
---color-datalist-icon_delay:#61b8ea;
---color-datalist-icon_sort:rgba(235,235,245,.3);
---color-datalist-option_chain-bg-1:rgba(0,165,187,.03);
---color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
---color-datalist-option_chain-bg-3:rgba(118,118,128,.24);
---color-datalist-option_chain-bg-4:#2C2C2E;
---color-datalist-option_chain-divider:#0E0E10;
-}
-html{
---height-datalist-list:60px;
---height-datalist-head:24px;
---height-datalist-search_m:76px;
---height-datalist-search_s:56px;
---icon-datalist-sort:16px;
---icon-datalist-ranking:24px;
---icon-datalist-add_watchlist:24px;
---icon-datalist-label_icon:12px;
---spacing-datalist-list-margin_top:2px;
---spacing-datalist-market_tag-margin_top:4px;
---spacing-datalist-head_item-margin_y_m:4px;
---spacing-datalist-head_item-margin_y_s:0px;
---spacing-datalist-list_item-margin_y:8px;
---spacing-datalist-list_icon-margin_right:6px;
---spacing-datalist-search-margin_right:12px;
---spacing-datalist-search-margin_top:4px;
---spacing-datalist-search_icon-margin_left:20px;
---spacing-datalist-search_stock-margin_right:8px;
---spacing-datalist-search_code-margin_right:4px;
---spacing-datalist-head-padding_right:16px;
---spacing-datalist-padding_y:20px;
---width-datalist-list_s:76px;
---width-datalist-list_m:96px;
---width-datalist-list_l:111px;
---width-datalist-list_xl:176px;
---width-datalist-head_s:80px;
---width-datalist-head_m:100px;
---width-datalist-head_l:115px;
---width-datalist-head_xl:180px;
---width-datalist-list-code:86px;
---color-datalist-list-text_primary:rgba(0,0,0,.85);
---color-datalist-list-text_secondary:rgba(0,0,0,.5);
---color-datalist-head-text-default:rgba(0,0,0,.5);
---color-datalist-head-text-active:#1bc47d;
---color-datalist-market_us:#00A5BB;
---color-datalist-market_hk:#ff863c;
---color-datalist-icon_watchlist:#1bc47d;
---color-datalist-icon_delay:#61b8ea;
---color-datalist-icon_sort:rgba(0,0,0,.3);
---color-datalist-option_chain-bg-1:rgba(0,165,187,.03);
---color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
---color-datalist-option_chain-bg-3:#ebedf0;
---color-datalist-option_chain-bg-4:#ffffff;
---color-datalist-option_chain-divider:#ebedf0;
+html[theme="dark"]{
+--height-datalist-list:60px;
+--height-datalist-head:24px;
+--height-datalist-search_m:76px;
+--height-datalist-search_s:56px;
+--icon-datalist-sort:16px;
+--icon-datalist-ranking:24px;
+--icon-datalist-add_watchlist:24px;
+--icon-datalist-label_icon:12px;
+--spacing-datalist-list-margin_top:2px;
+--spacing-datalist-market_tag-margin_top:4px;
+--spacing-datalist-head_item-margin_y_m:4px;
+--spacing-datalist-head_item-margin_y_s:0px;
+--spacing-datalist-list_item-margin_y:8px;
+--spacing-datalist-list_icon-margin_right:6px;
+--spacing-datalist-search-margin_right:12px;
+--spacing-datalist-search-margin_top:4px;
+--spacing-datalist-search_icon-margin_left:20px;
+--spacing-datalist-search_stock-margin_right:8px;
+--spacing-datalist-search_code-margin_right:4px;
+--spacing-datalist-head-padding_right:16px;
+--spacing-datalist-padding_y:20px;
+--width-datalist-list_s:76px;
+--width-datalist-list_m:96px;
+--width-datalist-list_l:111px;
+--width-datalist-list_xl:176px;
+--width-datalist-head_s:80px;
+--width-datalist-head_m:100px;
+--width-datalist-head_l:115px;
+--width-datalist-head_xl:180px;
+--width-datalist-list-code:86px;
+--color-datalist-list-text_primary:#F2F5FF;
+--color-datalist-list-text_secondary:rgba(235,235,245,.65);
+--color-datalist-head-text-default:rgba(235,235,245,.65);
+--color-datalist-head-text-active:#1bc47d;
+--color-datalist-market_us:#00B5CE;
+--color-datalist-market_hk:#ff863c;
+--color-datalist-icon_watchlist:#1bc47d;
+--color-datalist-icon_delay:#61b8ea;
+--color-datalist-icon_sort:rgba(235,235,245,.3);
+--color-datalist-option_chain-bg-1:rgba(0,165,187,.03);
+--color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
+--color-datalist-option_chain-bg-3:rgba(118,118,128,.24);
+--color-datalist-option_chain-bg-4:#2C2C2E;
+--color-datalist-option_chain-divider:#0E0E10;
+}
+html{
+--height-datalist-list:60px;
+--height-datalist-head:24px;
+--height-datalist-search_m:76px;
+--height-datalist-search_s:56px;
+--icon-datalist-sort:16px;
+--icon-datalist-ranking:24px;
+--icon-datalist-add_watchlist:24px;
+--icon-datalist-label_icon:12px;
+--spacing-datalist-list-margin_top:2px;
+--spacing-datalist-market_tag-margin_top:4px;
+--spacing-datalist-head_item-margin_y_m:4px;
+--spacing-datalist-head_item-margin_y_s:0px;
+--spacing-datalist-list_item-margin_y:8px;
+--spacing-datalist-list_icon-margin_right:6px;
+--spacing-datalist-search-margin_right:12px;
+--spacing-datalist-search-margin_top:4px;
+--spacing-datalist-search_icon-margin_left:20px;
+--spacing-datalist-search_stock-margin_right:8px;
+--spacing-datalist-search_code-margin_right:4px;
+--spacing-datalist-head-padding_right:16px;
+--spacing-datalist-padding_y:20px;
+--width-datalist-list_s:76px;
+--width-datalist-list_m:96px;
+--width-datalist-list_l:111px;
+--width-datalist-list_xl:176px;
+--width-datalist-head_s:80px;
+--width-datalist-head_m:100px;
+--width-datalist-head_l:115px;
+--width-datalist-head_xl:180px;
+--width-datalist-list-code:86px;
+--color-datalist-list-text_primary:rgba(0,0,0,.85);
+--color-datalist-list-text_secondary:rgba(0,0,0,.5);
+--color-datalist-head-text-default:rgba(0,0,0,.5);
+--color-datalist-head-text-active:#1bc47d;
+--color-datalist-market_us:#00A5BB;
+--color-datalist-market_hk:#ff863c;
+--color-datalist-icon_watchlist:#1bc47d;
+--color-datalist-icon_delay:#61b8ea;
+--color-datalist-icon_sort:rgba(0,0,0,.3);
+--color-datalist-option_chain-bg-1:rgba(0,165,187,.03);
+--color-datalist-option_chain-bg-2:rgba(0,165,187,.08);
+--color-datalist-option_chain-bg-3:#ebedf0;
+--color-datalist-option_chain-bg-4:#ffffff;
+--color-datalist-option_chain-divider:#ebedf0;
 }
 html[theme="dark"]{
@@ -884,987 +884,987 @@ html{
 --spacing-footer-padding_bottom:40px;
 --spacing-footer-link-margin_bottom:4px;
 }
-html[theme="dark"]{
---height-footnav-content:56px;
---spacing-footnav-icon-margin_top:5px;
---spacing-footnav-icon-margin_bottom:2px;
---icon-footnav-size:32px;
---color-footnav-text-default:rgba(235,235,245,.65);
---color-footnav-icon-default:rgba(242,245,255,.75);
---color-footnav-text-active:#1bc47d;
---color-footnav-bg:#0E0E10;
-}
-html{
---height-footnav-content:56px;
---spacing-footnav-icon-margin_top:5px;
---spacing-footnav-icon-margin_bottom:2px;
---icon-footnav-size:32px;
---color-footnav-text-default:rgba(0,0,0,.65);
---color-footnav-icon-default:rgba(0,0,0,.65);
---color-footnav-text-active:#1bc47d;
---color-footnav-bg:#ffffff;
-}
-html[theme="dark"]{
---divider-medium:1px;
---divider-large:3px;
---divider-small:0.5px;
---height-super-small:28px;
---height-extra-small:32px;
---height-small:36px;
---height-medium:40px;
---height-large:44px;
---height-extra-large:48px;
---height-super-large:56px;
---neutral-c0:rgba(0,0,0,0.0);
---neutral-c1:#ffffff;
---neutral-c2:#f2f2f2;
---neutral-c3:#eeeeee;
---neutral-c4:#e6e6e6;
---neutral-c5:#dddddd;
---neutral-c6:#c2c2c2;
---neutral-c7:#999999;
---neutral-c8:#7f7f7f;
---neutral-c9:#767680;
---neutral-c10:#696970;
---neutral-c11:#545458;
---neutral-c11-5:#48484A;
---neutral-c12:#2C2C2E;
---neutral-c13:#19191E;
---neutral-c14:#0E0E10;
---neutral-c15:#000000;
---blue_gray-c1:#f7f8f9;
---blue_gray-c2:#f1f2f4;
---blue_gray-c3:#ebedf0;
---blue_gray-c4:#cad2da;
---blue_gray-c5:#9aa9b9;
---blue_gray-c6:#8496AA;
---blue_gray-c7:#768698;
---blue_gray-c8:#667484;
---blue_gray-c9:#535F6C;
---blue_gray-c10:#3b444c;
---green-c1:#f2fffc;
---green-c2:#d2f3ea;
---green-c3:#abe7d5;
---green-c4:#7ddcbb;
---green-c5:#4bd09d;
---green-c6:#1bc47d;
---green-c7:#0da36b;
---green-c8:#09825a;
---green-c9:#0C5838;
---green-c10:#093E28;
---green-c11:#113226;
---green-opacity-1:rgba(27,196,125,.05);
---green-opacity-2:rgba(27,196,125,.1);
---green-opacity-3:rgba(27,196,125,.15);
---green-opacity-4:rgba(27,196,125,.2);
---red-c1:#ffeeee;
---red-c2:#ffdedd;
---red-c3:#fcc0bd;
---red-c4:#fa968e;
---red-c5:#fe6258;
---red-c6:#eb5c31;
---red-c7:#f24822;
---red-c8:#db2c0d;
---red-c9:#BB381A;
---red-c10:#992E16;
---red-c11:#6C200F;
---red-c12:#4D170B;
---red-c13:#3C1A14;
---red-opacity-1:rgba(235,92,49,.05);
---red-opacity-2:rgba(235,92,49,.1);
---red-opacity-3:rgba(235,92,49,.15);
---red-opacity-4:rgba(235,92,49,.2);
---blue-c1:#f2fcff;
---blue-c2:#d9f3fe;
---blue-c3:#b7e7fd;
---blue-c4:#8ad5fd;
---blue-c5:#61b8ea;
---blue-c6:#6CACFF;
---blue-c7:#5998e9;
---blue-c8:#18a0fb;
---blue-c9:#0a85cc;
---blue-c10:#076b9d;
---blue-c11:#09506f;
---blue-c12:#08334F;
---blue-opacity-1:rgba(24,160,251,.1);
---blue-opacity-2:rgba(24,160,251,.2);
---blue-opacity-3:rgba(24,160,251,.3);
---blue-opacity-4:rgba(24,160,251,.5);
---yellow-c1:#fffbe4;
---yellow-c2:#fff6ca;
---yellow-c3:#ffeea5;
---yellow-c4:#ffe476;
---yellow-c5:#ffd63d;
---yellow-c6:#ffc700;
---yellow-c7:#ffa819;
---yellow-c8:#d2a700;
---yellow-c9:#A17E00;
---yellow-c10:#725900;
---yellow-c11:#513F00;
---yellow-c12:#40380C;
---yellow-opacity-1:rgba(255,199,0,.1);
---yellow-opacity-2:rgba(255,199,0,.2);
---yellow-opacity-3:rgba(255,199,0,.3);
---yellow-opacity-4:rgba(255,199,0,.5);
---orange-c1:#fff3ec;
---orange-c2:#ffd9c3;
---orange-c3:#ffbd8e;
---orange-c4:#ffa361;
---orange-c5:#ff863c;
---orange-c6:#ff733c;
---orange-c7:#E47836;
---orange-c8:#A15526;
---orange-c9:#723C1B;
---orange-c10:#512A13;
---orange-c11:#3E2619;
---orange-opacity-1:rgba(255,134,60,.1);
---orange-opacity-2:rgba(255,134,60,.2);
---orange-opacity-3:rgba(255,134,60,.3);
---orange-opacity-4:rgba(255,134,60,.5);
---purple-c1:#F2F5FF;
---purple-c2:#EBEBF5;
---purple-c3:#e1e0ff;
---purple-c4:#cac7ff;
---purple-c5:#aca3ff;
---purple-c6:#907cff;
---purple-c7:#8165ff;
---purple-c8:#644EC6;
---purple-c9:#5240A1;
---purple-c10:#3A2D72;
---purple-c11:#292051;
---purple-opacity-1:rgba(144,124,255,.1);
---purple-opacity-2:rgba(144,124,255,.2);
---purple-opacity-3:rgba(144,124,255,.3);
---purple-opacity-4:rgba(144,124,255,.5);
---teal-c1:#edfbf9;
---teal-c2:#c6f1eb;
---teal-c3:#aaebe2;
---teal-c4:#84e2d5;
---teal-c5:#6cdccd;
---teal-c6:#64e8c6;
---teal-c7:#47d3c0;
---teal-c8:#2D8579;
---teal-c9:#205E56;
---teal-c10:#16433D;
---teal-c11:#193533;
---teal-opacity-1:rgba(71,211,192,.1);
---teal-opacity-2:rgba(71,211,192,.2);
---teal-opacity-3:rgba(71,211,192,.3);
---teal-opacity-4:rgba(71,211,192,.5);
---cyan-c1:#e6f8fa;
---cyan-c2:#b0e8f0;
---cyan-c3:#8adde8;
---cyan-c4:#54cdde;
---cyan-c5:#33d8d5;
---cyan-c6:#00B5CE;
---cyan-c7:#00A5BB;
---cyan-c8:#008192;
---cyan-c9:#00515C;
---cyan-c10:#003941;
---cyan-c11:#0B2F36;
---cyan-opacity-1:rgba(0,165,187,.1);
---cyan-opacity-2:rgba(0,165,187,.2);
---cyan-opacity-3:rgba(0,165,187,.3);
---cyan-opacity-4:rgba(0,165,187,.5);
---pink-c1:#fff2f9;
---pink-c2:#fde6f3;
---pink-c3:#fbd0e7;
---pink-c4:#f8b0d6;
---pink-c5:#f686c0;
---pink-c6:#f459a7;
---pink-c7:#DA5095;
---pink-c8:#BD4581;
---pink-c9:#9A386A;
---pink-c10:#6D284B;
---pink-c11:#53243D;
---pink-opacity-1:rgba(244,89,167,.1);
---pink-opacity-2:rgba(244,89,167,.2);
---pink-opacity-3:rgba(244,89,167,.3);
---pink-opacity-4:rgba(244,89,167,.5);
---olive-c1:#f9fae9;
---olive-c2:#eff6d6;
---olive-c3:#def1b9;
---olive-c4:#c4ed94;
---olive-c5:#a6e86c;
---olive-c6:#76db5b;
---olive-c7:#77c13f;
---olive-c8:#699344;
---olive-c9:#4A6830;
---olive-c10:#344922;
---olive-c11:#2C3A22;
---olive-opacity-1:rgba(166,232,108,.1);
---olive-opacity-2:rgba(166,232,108,.2);
---olive-opacity-3:rgba(166,232,108,.3);
---olive-opacity-4:rgba(166,232,108,.5);
---shadow-s1:0px 2px 2px rgba(0,0,0,.05);
---shadow-s2:0px 2px 8px rgba(0,0,0,.05);
---shadow-s3:0px 2px 16px rgba(0,0,0,.05);
---border-radius-super-small:1px;
---border-radius-extra-small:2px;
---border-radius-small:4px;
---border-radius-medium:6px;
---border-radius-large:10px;
---border-radius-extra-large:12px;
---border-radius-super-large:14px;
---icon-super-small:8px;
---icon-extra-small:12px;
---icon-small:16px;
---icon-medium:20px;
---icon-large:24px;
---icon-extra-large:32px;
---icon-super-large:40px;
---opacity-05:5%;
---opacity-10:10%;
---opacity-15:15%;
---opacity-20:20%;
---opacity-30:30%;
---opacity-50:50%;
---spacing-none:0px;
---opacity-85:85%;
---spacing-super-tight:2px;
---spacing-extra-tight:4px;
---spacing-tight:8px;
---spacing-base-tight:12px;
---spacing-base:16px;
---spacing-base-loose:20px;
---spacing-loose:24px;
---spacing-extra-loose:32px;
---spacing-super-loose:40px;
---font-sf:SF Pro;
---font-pf:PingFang SC;
---font-line-height-auto:AUTO;
---font-line-height-tight:18px;
---font-line-height-base-tight:21px;
---font-line-height-base:24px;
---font-line-height-base-loose:27px;
---font-weight-regular:400;
---font-weight-semibold:600;
---font-weight-bold:700;
---font-size-a:11px;
---font-size-b:12px;
---font-size-c:14px;
---font-size-d:16px;
---font-size-e:18px;
---font-size-f:22px;
---font-size-g:28px;
---font-size-h:34px;
---font-size-i:42px;
---font-size-j:15px;
---font-size-q:20px;
---en-single-f-a-r-fontFamily: SF Pro;
---en-single-f-a-r-fontWeight: 400;
---en-single-f-a-r-lineHeight: AUTO;
---en-single-f-a-r-fontSize: 11px;
---en-single-f-b-r-fontFamily: SF Pro;
---en-single-f-b-r-fontWeight: 400;
---en-single-f-b-r-lineHeight: AUTO;
---en-single-f-b-r-fontSize: 12px;
---en-single-f-c-r-fontFamily: SF Pro;
---en-single-f-c-r-fontWeight: 400;
---en-single-f-c-r-lineHeight: AUTO;
---en-single-f-c-r-fontSize: 14px;
---en-single-f-j-r-fontFamily: SF Pro;
---en-single-f-j-r-fontWeight: 400;
---en-single-f-j-r-lineHeight: AUTO;
---en-single-f-j-r-fontSize: 15px;
---en-single-f-d-r-fontFamily: SF Pro;
---en-single-f-d-r-fontWeight: 400;
---en-single-f-d-r-lineHeight: AUTO;
---en-single-f-d-r-fontSize: 16px;
---en-single-f-e-r-fontFamily: SF Pro;
---en-single-f-e-r-fontWeight: 400;
---en-single-f-e-r-lineHeight: AUTO;
---en-single-f-e-r-fontSize: 18px;
---en-single-f-a-s-fontFamily: SF Pro;
---en-single-f-a-s-fontWeight: 600;
---en-single-f-a-s-lineHeight: AUTO;
---en-single-f-a-s-fontSize: 11px;
---en-single-f-b-s-fontFamily: SF Pro;
---en-single-f-b-s-fontWeight: 600;
---en-single-f-b-s-lineHeight: AUTO;
---en-single-f-b-s-fontSize: 12px;
---en-single-f-c-s-fontFamily: SF Pro;
---en-single-f-c-s-fontWeight: 600;
---en-single-f-c-s-lineHeight: AUTO;
---en-single-f-c-s-fontSize: 14px;
---en-single-f-d-s-fontFamily: SF Pro;
---en-single-f-d-s-fontWeight: 600;
---en-single-f-d-s-lineHeight: AUTO;
---en-single-f-d-s-fontSize: 16px;
---en-single-f-e-s-fontFamily: SF Pro;
---en-single-f-e-s-fontWeight: 600;
---en-single-f-e-s-lineHeight: AUTO;
---en-single-f-e-s-fontSize: 18px;
---en-single-f-f-b-fontFamily: SF Pro;
---en-single-f-f-b-fontWeight: 700;
---en-single-f-f-b-lineHeight: AUTO;
---en-single-f-f-b-fontSize: 22px;
---en-single-f-g-b-fontFamily: SF Pro;
---en-single-f-g-b-fontWeight: 700;
---en-single-f-g-b-lineHeight: AUTO;
---en-single-f-g-b-fontSize: 28px;
---en-single-f-h-b-fontFamily: SF Pro;
---en-single-f-h-b-fontWeight: 700;
---en-single-f-h-b-lineHeight: AUTO;
---en-single-f-h-b-fontSize: 34px;
---en-single-f-i-b-fontFamily: SF Pro;
---en-single-f-i-b-fontWeight: 700;
---en-single-f-i-b-lineHeight: AUTO;
---en-single-f-i-b-fontSize: 42px;
---en-single-f-j-s-fontFamily: SF Pro;
---en-single-f-j-s-fontWeight: 600;
---en-single-f-j-s-lineHeight: AUTO;
---en-single-f-j-s-fontSize: 15px;
---en-single-f-l-s-fontFamily: SF Pro;
---en-single-f-l-s-fontWeight: 600;
---en-single-f-l-s-lineHeight: AUTO;
---en-single-f-l-s-fontSize: 10px;
---en-multi-f-b-r-fontFamily: SF Pro;
---en-multi-f-b-r-fontWeight: 400;
---en-multi-f-b-r-lineHeight: 18px;
---en-multi-f-b-r-fontSize: 12px;
---en-multi-f-c-r-fontFamily: SF Pro;
---en-multi-f-c-r-fontWeight: 400;
---en-multi-f-c-r-lineHeight: 21px;
---en-multi-f-c-r-fontSize: 14px;
---en-multi-f-d-r-fontFamily: SF Pro;
---en-multi-f-d-r-fontWeight: 400;
---en-multi-f-d-r-lineHeight: 24px;
---en-multi-f-d-r-fontSize: 16px;
---en-multi-f-e-r-fontFamily: SF Pro;
---en-multi-f-e-r-fontWeight: 400;
---en-multi-f-e-r-lineHeight: 24px;
---en-multi-f-e-r-fontSize: 18px;
---en-multi-f-c-s-fontFamily: SF Pro;
---en-multi-f-c-s-fontWeight: 600;
---en-multi-f-c-s-lineHeight: 21px;
---en-multi-f-c-s-fontSize: 14px;
---en-multi-f-d-s-fontFamily: SF Pro;
---en-multi-f-d-s-fontWeight: 600;
---en-multi-f-d-s-lineHeight: 24px;
---en-multi-f-d-s-fontSize: 16px;
---en-multi-f-e-s-fontFamily: SF Pro;
---en-multi-f-e-s-fontWeight: 600;
---en-multi-f-e-s-lineHeight: 24px;
---en-multi-f-e-s-fontSize: 18px;
---en-multi-f-q-b-fontFamily: SF Pro;
---en-multi-f-q-b-fontWeight: 700;
---en-multi-f-q-b-lineHeight: 27px;
---en-multi-f-q-b-fontSize: 20px;
---cn-single-f-f-b-fontFamily: PingFang SC;
---cn-single-f-f-b-fontWeight: 600;
---cn-single-f-f-b-lineHeight: AUTO;
---cn-single-f-f-b-fontSize: 22px;
---cn-single-f-g-b-fontFamily: PingFang SC;
---cn-single-f-g-b-fontWeight: 600;
---cn-single-f-g-b-lineHeight: AUTO;
---cn-single-f-g-b-fontSize: 28px;
---cn-single-f-i-b-fontFamily: PingFang SC;
---cn-single-f-i-b-fontWeight: 600;
---cn-single-f-i-b-lineHeight: AUTO;
---cn-single-f-i-b-fontSize: 42px;
---cn-single-f-q-b-fontFamily: PingFang SC;
---cn-single-f-q-b-fontWeight: 600;
---cn-single-f-q-b-lineHeight: AUTO;
---cn-single-f-q-b-fontSize: 20px;
---cn-multi-f-e-r-fontFamily: PingFang SC;
---cn-multi-f-e-r-fontWeight: 400;
---cn-multi-f-e-r-lineHeight: 27px;
---cn-multi-f-e-r-fontSize: 18px;
---cn-multi-f-e-s-fontFamily: PingFang SC;
---cn-multi-f-e-s-fontWeight: 600;
---cn-multi-f-e-s-lineHeight: 27px;
---cn-multi-f-e-s-fontSize: 18px;
---border-super-small:0.5px;
---border-extra-small:1px;
---border-small:1.5px;
---border-medium:2px;
---border-radius-super-full:999px;
---font-size-l:10px;
---black-opacity-3:rgba(0,0,0,.15);
---black-opacity-6:rgba(0,0,0,.3);
---white-opacity-3:rgba(255,255,255,.15);
---divider-color-default-1:rgba(84,84,88,.35);
---divider-color-default-2:rgba(84,84,88,.85);
---divider-color-hover:rgba(255,255,255,.85);
---divider-color-reverse-1:rgba(0,0,0,.05);
---divider-color-reverse-2:rgba(0,0,0,.15);
---primary-color:#1bc47d;
---primary-color-press:#09825a;
---primary-color-disable:rgba(27,196,125,.25);
---primary-color-light:#113226;
---primary-color-light-press:#093E28;
---secondary-color:#00B5CE;
---secondary-color-press:#008192;
---secondary-color-disable:rgba(0,181,206,.25);
---secondary-color-light:#0B2F36;
---secondary-color-light-press:#003941;
---shadow-color:rgba(0,0,0,.80);
---text-color-h1:#F2F5FF;
---text-color-h2:rgba(235,235,245,.65);
---text-color-h3:rgba(235,235,245,.3);
---text-color-highlight:#1bc47d;
---text-color-highlight-press:#09825a;
---text-color-highlight-disable:rgba(27,196,125,.25);
---text-color-link:#5998e9;
---text-color-link-press:#076b9d;
---text-color-link-disable:rgba(89,152,233,.25);
---text-color-reverse:#ffffff;
---text-color-reverse2:rgba(255,255,255,.6);
---text-color-reverse3:rgba(255,255,255,.3);
---bg-color-1:#0E0E10;
---bg-color-2:#19191E;
---bg-color-3:rgba(118,118,128,.14);
---bg-color-4:rgba(118,118,128,.24);
---bg-color-mask:rgba(0,0,0,.6);
---bg-color-mask-light:rgba(0,0,0,.15);
---bg-grouped-color-1:#0E0E10;
---bg-grouped-color-2:#19191E;
---bg-grouped-color-3:rgba(118,118,128,.14);
---rise-color:#1bc47d;
---rise-color-press:#0da36b;
---rise-color-disable:rgba(27,196,125,.3);
---rise-color-light:rgba(27,196,125,.05);
---rise-color-light-hover:rgba(27,196,125,.15);
---rise-color-light-press:rgba(27,196,125,.2);
---fall-color:#f24822;
---fall-color-press:#db2c0d;
---fall-color-disable:rgba(242,72,34,.3);
---fall-color-light:rgba(242,72,34,.05);
---fall-color-light-hover:rgba(242,72,34,.15);
---fall-color-light-press:rgba(242,72,34,.2);
---tips-color-success:#1bc47d;
---tips-color-success-press:#09825a;
---tips-color-success-disable:rgba(27,196,125,.25);
---tips-color-success_light:#113226;
---tips-color-success_light-press:#093E28;
---tips-color-tips:#ffc700;
---tips-color-tips-press:#ffa819;
---tips-color-tips-disable:rgba(255,199,0,.3);
---tips-color-tips-light:#40380C;
---tips-color-tips-light-press:#513F00;
---tips-color-warning:#eb5c31;
---tips-color-warning-press:#db2c0d;
---tips-color-warning-disable:rgba(235,92,49,.25);
---tips-color-warning-light:#3C1A14;
---tips-color-warning-light-press:#4D170B;
---chart-color-1:#61b8ea;
---chart-color-2:#33d8d5;
---chart-color-3:#64e8c6;
---chart-color-4:#a6e86c;
---chart-color-5:#ffc700;
---chart-color-6:#ffa819;
---chart-color-7:#ff863c;
---chart-color-8:#7f7f7f;
---chart-color-9:#fe6258;
---chart-color-10:#f459a7;
---chart-color-11:rgba(27,196,125,.85);
---chart-color-12:rgba(27,196,125,.5);
---chart-color-13:rgba(27,196,125,.3);
---chart-color-14:rgba(242,72,34,.85);
---chart-color-15:rgba(242,72,34,.5);
---chart-color-16:rgba(242,72,34,.3);
---chart-line-color-1:#7f7f7f;
---chart-line-color-2:#ffa819;
---chart-line-color-3:#18a0fb;
---chart-line-color-4:#f459a7;
---chart-line-color-5:#47d3c0;
---chart-line-color-6:#76db5b;
---chart-line-color-7:#8165ff;
---chart-line-color-8:#ff733c;
---chart-line-color-9:#00A5BB;
---chart-line-color-10:rgba(235,235,245,.30);
---chart-column-color-1:#47d3c0;
---chart-column-color-2:#5998e9;
---color-quotes-stock_chart_indicator-bg:rgba(14,14,16,.8);
---color-quotes-stock_chart_point-bg:rgba(11,47,54,.8);
---color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:#F2F5FF;
---color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:rgba(0,0,0,.85);
---color-quotes-marketdepth_hide_data-mask:rgba(0,0,0,.10);
---color-trade-account_head_card_my-bg:#3A2D72;
---color-trade-account_head_card_ar-bg:#09825a;
+html[theme="dark"]{
+--height-footnav-content:56px;
+--spacing-footnav-icon-margin_top:5px;
+--spacing-footnav-icon-margin_bottom:2px;
+--icon-footnav-size:32px;
+--color-footnav-text-default:rgba(235,235,245,.65);
+--color-footnav-icon-default:rgba(242,245,255,.75);
+--color-footnav-text-active:#1bc47d;
+--color-footnav-bg:#0E0E10;
+}
+html{
+--height-footnav-content:56px;
+--spacing-footnav-icon-margin_top:5px;
+--spacing-footnav-icon-margin_bottom:2px;
+--icon-footnav-size:32px;
+--color-footnav-text-default:rgba(0,0,0,.65);
+--color-footnav-icon-default:rgba(0,0,0,.65);
+--color-footnav-text-active:#1bc47d;
+--color-footnav-bg:#ffffff;
 }
-html{
---divider-medium:1px;
---divider-large:3px;
---divider-small:0.5px;
---height-super-small:28px;
---height-extra-small:32px;
---height-small:36px;
---height-medium:40px;
---height-large:44px;
---height-extra-large:48px;
---height-super-large:56px;
---neutral-c0:rgba(0,0,0,0.0);
---neutral-c1:#ffffff;
---neutral-c2:#f2f2f2;
---neutral-c3:#eeeeee;
---neutral-c4:#e6e6e6;
---neutral-c5:#dddddd;
---neutral-c6:#c2c2c2;
---neutral-c7:#999999;
---neutral-c8:#7f7f7f;
---neutral-c9:#767680;
---neutral-c10:#696970;
---neutral-c11:#545458;
---neutral-c11-5:#48484A;
---neutral-c12:#2C2C2E;
---neutral-c13:#19191E;
---neutral-c14:#0E0E10;
---neutral-c15:#000000;
---blue_gray-c1:#f7f8f9;
---blue_gray-c2:#f1f2f4;
---blue_gray-c3:#ebedf0;
---blue_gray-c4:#cad2da;
---blue_gray-c5:#9aa9b9;
---blue_gray-c6:#8496AA;
---blue_gray-c7:#768698;
---blue_gray-c8:#667484;
---blue_gray-c9:#535F6C;
---blue_gray-c10:#3b444c;
---green-c1:#f2fffc;
---green-c2:#d2f3ea;
---green-c3:#abe7d5;
---green-c4:#7ddcbb;
---green-c5:#4bd09d;
---green-c6:#1bc47d;
---green-c7:#0da36b;
---green-c8:#09825a;
---green-c9:#0C5838;
---green-c10:#093E28;
---green-c11:#113226;
---green-opacity-1:rgba(27,196,125,.05);
---green-opacity-2:rgba(27,196,125,.1);
---green-opacity-3:rgba(27,196,125,.15);
---green-opacity-4:rgba(27,196,125,.2);
---red-c1:#ffeeee;
---red-c2:#ffdedd;
---red-c3:#fcc0bd;
---red-c4:#fa968e;
---red-c5:#fe6258;
---red-c6:#eb5c31;
---red-c7:#f24822;
---red-c8:#db2c0d;
---red-c9:#BB381A;
---red-c10:#992E16;
---red-c11:#6C200F;
---red-c12:#4D170B;
---red-c13:#3C1A14;
---red-opacity-1:rgba(235,92,49,.05);
---red-opacity-2:rgba(235,92,49,.1);
---red-opacity-3:rgba(235,92,49,.15);
---red-opacity-4:rgba(235,92,49,.2);
---blue-c1:#f2fcff;
---blue-c2:#d9f3fe;
---blue-c3:#b7e7fd;
---blue-c4:#8ad5fd;
---blue-c5:#61b8ea;
---blue-c6:#6CACFF;
---blue-c7:#5998e9;
---blue-c8:#18a0fb;
---blue-c9:#0a85cc;
---blue-c10:#076b9d;
---blue-c11:#09506f;
---blue-c12:#08334F;
---blue-opacity-1:rgba(24,160,251,.1);
---blue-opacity-2:rgba(24,160,251,.2);
---blue-opacity-3:rgba(24,160,251,.3);
---blue-opacity-4:rgba(24,160,251,.5);
---yellow-c1:#fffbe4;
---yellow-c2:#fff6ca;
---yellow-c3:#ffeea5;
---yellow-c4:#ffe476;
---yellow-c5:#ffd63d;
---yellow-c6:#ffc700;
---yellow-c7:#ffa819;
---yellow-c8:#d2a700;
---yellow-c9:#A17E00;
---yellow-c10:#725900;
---yellow-c11:#513F00;
---yellow-c12:#40380C;
---yellow-opacity-1:rgba(255,199,0,.1);
---yellow-opacity-2:rgba(255,199,0,.2);
---yellow-opacity-3:rgba(255,199,0,.3);
---yellow-opacity-4:rgba(255,199,0,.5);
---orange-c1:#fff3ec;
---orange-c2:#ffd9c3;
---orange-c3:#ffbd8e;
---orange-c4:#ffa361;
---orange-c5:#ff863c;
---orange-c6:#ff733c;
---orange-c7:#E47836;
---orange-c8:#A15526;
---orange-c9:#723C1B;
---orange-c10:#512A13;
---orange-c11:#3E2619;
---orange-opacity-1:rgba(255,134,60,.1);
---orange-opacity-2:rgba(255,134,60,.2);
---orange-opacity-3:rgba(255,134,60,.3);
---orange-opacity-4:rgba(255,134,60,.5);
---purple-c1:#F2F5FF;
---purple-c2:#EBEBF5;
---purple-c3:#e1e0ff;
---purple-c4:#cac7ff;
---purple-c5:#aca3ff;
---purple-c6:#907cff;
---purple-c7:#8165ff;
---purple-c8:#644EC6;
---purple-c9:#5240A1;
---purple-c10:#3A2D72;
---purple-c11:#292051;
---purple-opacity-1:rgba(144,124,255,.1);
---purple-opacity-2:rgba(144,124,255,.2);
---purple-opacity-3:rgba(144,124,255,.3);
---purple-opacity-4:rgba(144,124,255,.5);
---teal-c1:#edfbf9;
---teal-c2:#c6f1eb;
---teal-c3:#aaebe2;
---teal-c4:#84e2d5;
---teal-c5:#6cdccd;
---teal-c6:#64e8c6;
---teal-c7:#47d3c0;
---teal-c8:#2D8579;
---teal-c9:#205E56;
---teal-c10:#16433D;
---teal-c11:#193533;
---teal-opacity-1:rgba(71,211,192,.1);
---teal-opacity-2:rgba(71,211,192,.2);
---teal-opacity-3:rgba(71,211,192,.3);
---teal-opacity-4:rgba(71,211,192,.5);
---cyan-c1:#e6f8fa;
---cyan-c2:#b0e8f0;
---cyan-c3:#8adde8;
---cyan-c4:#54cdde;
---cyan-c5:#33d8d5;
---cyan-c6:#00B5CE;
---cyan-c7:#00A5BB;
---cyan-c8:#008192;
---cyan-c9:#00515C;
---cyan-c10:#003941;
---cyan-c11:#0B2F36;
---cyan-opacity-1:rgba(0,165,187,.1);
---cyan-opacity-2:rgba(0,165,187,.2);
---cyan-opacity-3:rgba(0,165,187,.3);
---cyan-opacity-4:rgba(0,165,187,.5);
---pink-c1:#fff2f9;
---pink-c2:#fde6f3;
---pink-c3:#fbd0e7;
---pink-c4:#f8b0d6;
---pink-c5:#f686c0;
---pink-c6:#f459a7;
---pink-c7:#DA5095;
---pink-c8:#BD4581;
---pink-c9:#9A386A;
---pink-c10:#6D284B;
---pink-c11:#53243D;
---pink-opacity-1:rgba(244,89,167,.1);
---pink-opacity-2:rgba(244,89,167,.2);
---pink-opacity-3:rgba(244,89,167,.3);
---pink-opacity-4:rgba(244,89,167,.5);
---olive-c1:#f9fae9;
---olive-c2:#eff6d6;
---olive-c3:#def1b9;
---olive-c4:#c4ed94;
---olive-c5:#a6e86c;
---olive-c6:#76db5b;
---olive-c7:#77c13f;
---olive-c8:#699344;
---olive-c9:#4A6830;
---olive-c10:#344922;
---olive-c11:#2C3A22;
---olive-opacity-1:rgba(166,232,108,.1);
---olive-opacity-2:rgba(166,232,108,.2);
---olive-opacity-3:rgba(166,232,108,.3);
---olive-opacity-4:rgba(166,232,108,.5);
---shadow-s1:0px 2px 2px rgba(0,0,0,.05);
---shadow-s2:0px 2px 8px rgba(0,0,0,.05);
---shadow-s3:0px 2px 16px rgba(0,0,0,.05);
---border-radius-super-small:1px;
---border-radius-extra-small:2px;
---border-radius-small:4px;
---border-radius-medium:6px;
---border-radius-large:10px;
---border-radius-extra-large:12px;
---border-radius-super-large:14px;
---icon-super-small:8px;
---icon-extra-small:12px;
---icon-small:16px;
---icon-medium:20px;
---icon-large:24px;
---icon-extra-large:32px;
---icon-super-large:40px;
---opacity-05:5%;
---opacity-10:10%;
---opacity-15:15%;
---opacity-20:20%;
---opacity-30:30%;
---opacity-50:50%;
---spacing-none:0px;
---opacity-85:85%;
---spacing-super-tight:2px;
---spacing-extra-tight:4px;
---spacing-tight:8px;
---spacing-base-tight:12px;
---spacing-base:16px;
---spacing-base-loose:20px;
---spacing-loose:24px;
---spacing-extra-loose:32px;
---spacing-super-loose:40px;
---font-sf:SF Pro;
---font-pf:PingFang SC;
---font-line-height-auto:AUTO;
---font-line-height-tight:18px;
---font-line-height-base-tight:21px;
---font-line-height-base:24px;
---font-line-height-base-loose:27px;
---font-weight-regular:400;
---font-weight-semibold:600;
---font-weight-bold:700;
---font-size-a:11px;
---font-size-b:12px;
---font-size-c:14px;
---font-size-d:16px;
---font-size-e:18px;
---font-size-f:22px;
---font-size-g:28px;
---font-size-h:34px;
---font-size-i:42px;
---font-size-j:15px;
---font-size-q:20px;
---en-single-f-a-r-fontFamily: SF Pro;
---en-single-f-a-r-fontWeight: 400;
---en-single-f-a-r-lineHeight: AUTO;
---en-single-f-a-r-fontSize: 11px;
---en-single-f-b-r-fontFamily: SF Pro;
---en-single-f-b-r-fontWeight: 400;
---en-single-f-b-r-lineHeight: AUTO;
---en-single-f-b-r-fontSize: 12px;
---en-single-f-c-r-fontFamily: SF Pro;
---en-single-f-c-r-fontWeight: 400;
---en-single-f-c-r-lineHeight: AUTO;
---en-single-f-c-r-fontSize: 14px;
---en-single-f-j-r-fontFamily: SF Pro;
---en-single-f-j-r-fontWeight: 400;
---en-single-f-j-r-lineHeight: AUTO;
---en-single-f-j-r-fontSize: 15px;
---en-single-f-d-r-fontFamily: SF Pro;
---en-single-f-d-r-fontWeight: 400;
---en-single-f-d-r-lineHeight: AUTO;
---en-single-f-d-r-fontSize: 16px;
---en-single-f-e-r-fontFamily: SF Pro;
---en-single-f-e-r-fontWeight: 400;
---en-single-f-e-r-lineHeight: AUTO;
---en-single-f-e-r-fontSize: 18px;
---en-single-f-a-s-fontFamily: SF Pro;
---en-single-f-a-s-fontWeight: 600;
---en-single-f-a-s-lineHeight: AUTO;
---en-single-f-a-s-fontSize: 11px;
---en-single-f-b-s-fontFamily: SF Pro;
---en-single-f-b-s-fontWeight: 600;
---en-single-f-b-s-lineHeight: AUTO;
---en-single-f-b-s-fontSize: 12px;
---en-single-f-c-s-fontFamily: SF Pro;
---en-single-f-c-s-fontWeight: 600;
---en-single-f-c-s-lineHeight: AUTO;
---en-single-f-c-s-fontSize: 14px;
---en-single-f-d-s-fontFamily: SF Pro;
---en-single-f-d-s-fontWeight: 600;
---en-single-f-d-s-lineHeight: AUTO;
---en-single-f-d-s-fontSize: 16px;
---en-single-f-e-s-fontFamily: SF Pro;
---en-single-f-e-s-fontWeight: 600;
---en-single-f-e-s-lineHeight: AUTO;
---en-single-f-e-s-fontSize: 18px;
---en-single-f-f-b-fontFamily: SF Pro;
---en-single-f-f-b-fontWeight: 700;
---en-single-f-f-b-lineHeight: AUTO;
---en-single-f-f-b-fontSize: 22px;
---en-single-f-g-b-fontFamily: SF Pro;
---en-single-f-g-b-fontWeight: 700;
---en-single-f-g-b-lineHeight: AUTO;
---en-single-f-g-b-fontSize: 28px;
---en-single-f-h-b-fontFamily: SF Pro;
---en-single-f-h-b-fontWeight: 700;
---en-single-f-h-b-lineHeight: AUTO;
---en-single-f-h-b-fontSize: 34px;
---en-single-f-i-b-fontFamily: SF Pro;
---en-single-f-i-b-fontWeight: 700;
---en-single-f-i-b-lineHeight: AUTO;
---en-single-f-i-b-fontSize: 42px;
---en-single-f-j-s-fontFamily: SF Pro;
---en-single-f-j-s-fontWeight: 600;
---en-single-f-j-s-lineHeight: AUTO;
---en-single-f-j-s-fontSize: 15px;
---en-single-f-l-s-fontFamily: SF Pro;
---en-single-f-l-s-fontWeight: 600;
---en-single-f-l-s-lineHeight: AUTO;
---en-single-f-l-s-fontSize: 10px;
---en-multi-f-b-r-fontFamily: SF Pro;
---en-multi-f-b-r-fontWeight: 400;
---en-multi-f-b-r-lineHeight: 18px;
---en-multi-f-b-r-fontSize: 12px;
---en-multi-f-c-r-fontFamily: SF Pro;
---en-multi-f-c-r-fontWeight: 400;
---en-multi-f-c-r-lineHeight: 21px;
---en-multi-f-c-r-fontSize: 14px;
---en-multi-f-d-r-fontFamily: SF Pro;
---en-multi-f-d-r-fontWeight: 400;
---en-multi-f-d-r-lineHeight: 24px;
---en-multi-f-d-r-fontSize: 16px;
---en-multi-f-e-r-fontFamily: SF Pro;
---en-multi-f-e-r-fontWeight: 400;
---en-multi-f-e-r-lineHeight: 24px;
---en-multi-f-e-r-fontSize: 18px;
---en-multi-f-c-s-fontFamily: SF Pro;
---en-multi-f-c-s-fontWeight: 600;
---en-multi-f-c-s-lineHeight: 21px;
---en-multi-f-c-s-fontSize: 14px;
---en-multi-f-d-s-fontFamily: SF Pro;
---en-multi-f-d-s-fontWeight: 600;
---en-multi-f-d-s-lineHeight: 24px;
---en-multi-f-d-s-fontSize: 16px;
---en-multi-f-e-s-fontFamily: SF Pro;
---en-multi-f-e-s-fontWeight: 600;
---en-multi-f-e-s-lineHeight: 24px;
---en-multi-f-e-s-fontSize: 18px;
---en-multi-f-q-b-fontFamily: SF Pro;
---en-multi-f-q-b-fontWeight: 700;
---en-multi-f-q-b-lineHeight: 27px;
---en-multi-f-q-b-fontSize: 20px;
---cn-single-f-f-b-fontFamily: PingFang SC;
---cn-single-f-f-b-fontWeight: 600;
---cn-single-f-f-b-lineHeight: AUTO;
---cn-single-f-f-b-fontSize: 22px;
---cn-single-f-g-b-fontFamily: PingFang SC;
---cn-single-f-g-b-fontWeight: 600;
---cn-single-f-g-b-lineHeight: AUTO;
---cn-single-f-g-b-fontSize: 28px;
---cn-single-f-i-b-fontFamily: PingFang SC;
---cn-single-f-i-b-fontWeight: 600;
---cn-single-f-i-b-lineHeight: AUTO;
---cn-single-f-i-b-fontSize: 42px;
---cn-single-f-q-b-fontFamily: PingFang SC;
---cn-single-f-q-b-fontWeight: 600;
---cn-single-f-q-b-lineHeight: AUTO;
---cn-single-f-q-b-fontSize: 20px;
---cn-multi-f-e-r-fontFamily: PingFang SC;
---cn-multi-f-e-r-fontWeight: 400;
---cn-multi-f-e-r-lineHeight: 27px;
---cn-multi-f-e-r-fontSize: 18px;
---cn-multi-f-e-s-fontFamily: PingFang SC;
---cn-multi-f-e-s-fontWeight: 600;
---cn-multi-f-e-s-lineHeight: 27px;
---cn-multi-f-e-s-fontSize: 18px;
---border-super-small:0.5px;
---border-extra-small:1px;
---border-small:1.5px;
---border-medium:2px;
---border-radius-super-full:999px;
---font-size-l:10px;
---black-opacity-3:rgba(0,0,0,.15);
---black-opacity-6:rgba(0,0,0,.3);
---white-opacity-3:rgba(255,255,255,.15);
---divider-color-default-1:rgba(0,0,0,.05);
---divider-color-default-2:rgba(0,0,0,.15);
---divider-color-hover:rgba(0,0,0,.85);
---divider-color-reverse-1:rgba(255,255,255,.15);
---divider-color-reverse-2:rgba(255,255,255,.3);
---primary-color:#1bc47d;
---primary-color-press:#0da36b;
---primary-color-disable:rgba(27,196,125,.3);
---primary-color-light:#f2fffc;
---primary-color-light-press:#d2f3ea;
---secondary-color:#00A5BB;
---secondary-color-press:#008192;
---secondary-color-disable:rgba(0,181,206,.3);
---secondary-color-light:#e6f8fa;
---secondary-color-light-press:#b0e8f0;
---shadow-color:rgba(0,0,0,.05);
---text-color-h1:rgba(0,0,0,.85);
---text-color-h2:rgba(0,0,0,.5);
---text-color-h3:rgba(0,0,0,.3);
---text-color-highlight:#1bc47d;
---text-color-highlight-press:#09825a;
---text-color-highlight-disable:rgba(27,196,125,.3);
---text-color-link:#5998e9;
---text-color-link-press:#076b9d;
---text-color-link-disable:rgba(89,152,233,.3);
---text-color-reverse:#ffffff;
---text-color-reverse2:rgba(255,255,255,.6);
---text-color-reverse3:rgba(255,255,255,.3);
---bg-color-1:#ffffff;
---bg-color-2:#f7f8f9;
---bg-color-3:#f7f8f9;
---bg-color-4:#ebedf0;
---bg-color-mask:rgba(0,0,0,.5);
---bg-color-mask-light:rgba(0,0,0,.05);
---bg-grouped-color-1:#f7f8f9;
---bg-grouped-color-2:#ffffff;
---bg-grouped-color-3:#ffffff;
---rise-color:#1bc47d;
---rise-color-press:#0da36b;
---rise-color-disable:rgba(27,196,125,.3);
---rise-color-light:rgba(27,196,125,.05);
---rise-color-light-hover:rgba(27,196,125,.15);
---rise-color-light-press:rgba(27,196,125,.2);
---fall-color:#f24822;
---fall-color-press:#db2c0d;
---fall-color-disable:rgba(242,72,34,.3);
---fall-color-light:rgba(242,72,34,.05);
---fall-color-light-hover:rgba(242,72,34,.15);
---fall-color-light-press:rgba(242,72,34,.2);
---tips-color-success:#1bc47d;
---tips-color-success-press:#09825a;
---tips-color-success-disable:rgba(27,196,125,.3);
---tips-color-success_light:#f2fffc;
---tips-color-success_light-press:#d2f3ea;
---tips-color-tips:#ffc700;
---tips-color-tips-press:#ffa819;
---tips-color-tips-disable:rgba(255,199,0,.3);
---tips-color-tips-light:#fffbe4;
---tips-color-tips-light-press:#fff6ca;
---tips-color-warning:#eb5c31;
---tips-color-warning-press:#db2c0d;
---tips-color-warning-disable:rgba(235,92,49,.3);
---tips-color-warning-light:#ffeeee;
---tips-color-warning-light-press:#ffdedd;
---chart-color-1:#61b8ea;
---chart-color-2:#33d8d5;
---chart-color-3:#64e8c6;
---chart-color-4:#a6e86c;
---chart-color-5:#ffc700;
---chart-color-6:#ffa819;
---chart-color-7:#ff863c;
---chart-color-8:#7f7f7f;
---chart-color-9:#fe6258;
---chart-color-10:#f459a7;
---chart-color-11:rgba(27,196,125,.85);
---chart-color-12:rgba(27,196,125,.5);
---chart-color-13:rgba(27,196,125,.3);
---chart-color-14:rgba(242,72,34,.85);
---chart-color-15:rgba(242,72,34,.5);
---chart-color-16:rgba(242,72,34,.3);
---chart-line-color-1:#7f7f7f;
---chart-line-color-2:#ffa819;
---chart-line-color-3:#18a0fb;
---chart-line-color-4:#f459a7;
---chart-line-color-5:#47d3c0;
---chart-line-color-6:#76db5b;
---chart-line-color-7:#8165ff;
---chart-line-color-8:#ff733c;
---chart-line-color-9:#00A5BB;
---chart-line-color-10:rgba(0,0,0,.30);
---chart-column-color-1:#47d3c0;
---chart-column-color-2:#5998e9;
---color-quotes-stock_chart_indicator-bg:rgba(255,255,255,.8);
---color-quotes-stock_chart_point-bg:rgba(230,248,250,.8);
---color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:rgba(0,0,0,.85);
---color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:#ffffff;
---color-quotes-marketdepth_hide_data-mask:rgba(255,255,255,.15);
---color-trade-account_head_card_my-bg:#3A2D72;
---color-trade-account_head_card_ar-bg:#1bc47d;
+html[theme="dark"]{
+--divider-medium:1px;
+--divider-large:3px;
+--divider-small:0.5px;
+--height-super-small:28px;
+--height-extra-small:32px;
+--height-small:36px;
+--height-medium:40px;
+--height-large:44px;
+--height-extra-large:48px;
+--height-super-large:56px;
+--neutral-c0:rgba(0,0,0,0.0);
+--neutral-c1:#ffffff;
+--neutral-c2:#f2f2f2;
+--neutral-c3:#eeeeee;
+--neutral-c4:#e6e6e6;
+--neutral-c5:#dddddd;
+--neutral-c6:#c2c2c2;
+--neutral-c7:#999999;
+--neutral-c8:#7f7f7f;
+--neutral-c9:#767680;
+--neutral-c10:#696970;
+--neutral-c11:#545458;
+--neutral-c11-5:#48484A;
+--neutral-c12:#2C2C2E;
+--neutral-c13:#19191E;
+--neutral-c14:#0E0E10;
+--neutral-c15:#000000;
+--blue_gray-c1:#f7f8f9;
+--blue_gray-c2:#f1f2f4;
+--blue_gray-c3:#ebedf0;
+--blue_gray-c4:#cad2da;
+--blue_gray-c5:#9aa9b9;
+--blue_gray-c6:#8496AA;
+--blue_gray-c7:#768698;
+--blue_gray-c8:#667484;
+--blue_gray-c9:#535F6C;
+--blue_gray-c10:#3b444c;
+--green-c1:#f2fffc;
+--green-c2:#d2f3ea;
+--green-c3:#abe7d5;
+--green-c4:#7ddcbb;
+--green-c5:#4bd09d;
+--green-c6:#1bc47d;
+--green-c7:#0da36b;
+--green-c8:#09825a;
+--green-c9:#0C5838;
+--green-c10:#093E28;
+--green-c11:#113226;
+--green-opacity-1:rgba(27,196,125,.05);
+--green-opacity-2:rgba(27,196,125,.1);
+--green-opacity-3:rgba(27,196,125,.15);
+--green-opacity-4:rgba(27,196,125,.2);
+--red-c1:#ffeeee;
+--red-c2:#ffdedd;
+--red-c3:#fcc0bd;
+--red-c4:#fa968e;
+--red-c5:#fe6258;
+--red-c6:#eb5c31;
+--red-c7:#f24822;
+--red-c8:#db2c0d;
+--red-c9:#BB381A;
+--red-c10:#992E16;
+--red-c11:#6C200F;
+--red-c12:#4D170B;
+--red-c13:#3C1A14;
+--red-opacity-1:rgba(235,92,49,.05);
+--red-opacity-2:rgba(235,92,49,.1);
+--red-opacity-3:rgba(235,92,49,.15);
+--red-opacity-4:rgba(235,92,49,.2);
+--blue-c1:#f2fcff;
+--blue-c2:#d9f3fe;
+--blue-c3:#b7e7fd;
+--blue-c4:#8ad5fd;
+--blue-c5:#61b8ea;
+--blue-c6:#6CACFF;
+--blue-c7:#5998e9;
+--blue-c8:#18a0fb;
+--blue-c9:#0a85cc;
+--blue-c10:#076b9d;
+--blue-c11:#09506f;
+--blue-c12:#08334F;
+--blue-opacity-1:rgba(24,160,251,.1);
+--blue-opacity-2:rgba(24,160,251,.2);
+--blue-opacity-3:rgba(24,160,251,.3);
+--blue-opacity-4:rgba(24,160,251,.5);
+--yellow-c1:#fffbe4;
+--yellow-c2:#fff6ca;
+--yellow-c3:#ffeea5;
+--yellow-c4:#ffe476;
+--yellow-c5:#ffd63d;
+--yellow-c6:#ffc700;
+--yellow-c7:#ffa819;
+--yellow-c8:#d2a700;
+--yellow-c9:#A17E00;
+--yellow-c10:#725900;
+--yellow-c11:#513F00;
+--yellow-c12:#40380C;
+--yellow-opacity-1:rgba(255,199,0,.1);
+--yellow-opacity-2:rgba(255,199,0,.2);
+--yellow-opacity-3:rgba(255,199,0,.3);
+--yellow-opacity-4:rgba(255,199,0,.5);
+--orange-c1:#fff3ec;
+--orange-c2:#ffd9c3;
+--orange-c3:#ffbd8e;
+--orange-c4:#ffa361;
+--orange-c5:#ff863c;
+--orange-c6:#ff733c;
+--orange-c7:#E47836;
+--orange-c8:#A15526;
+--orange-c9:#723C1B;
+--orange-c10:#512A13;
+--orange-c11:#3E2619;
+--orange-opacity-1:rgba(255,134,60,.1);
+--orange-opacity-2:rgba(255,134,60,.2);
+--orange-opacity-3:rgba(255,134,60,.3);
+--orange-opacity-4:rgba(255,134,60,.5);
+--purple-c1:#F2F5FF;
+--purple-c2:#EBEBF5;
+--purple-c3:#e1e0ff;
+--purple-c4:#cac7ff;
+--purple-c5:#aca3ff;
+--purple-c6:#907cff;
+--purple-c7:#8165ff;
+--purple-c8:#644EC6;
+--purple-c9:#5240A1;
+--purple-c10:#3A2D72;
+--purple-c11:#292051;
+--purple-opacity-1:rgba(144,124,255,.1);
+--purple-opacity-2:rgba(144,124,255,.2);
+--purple-opacity-3:rgba(144,124,255,.3);
+--purple-opacity-4:rgba(144,124,255,.5);
+--teal-c1:#edfbf9;
+--teal-c2:#c6f1eb;
+--teal-c3:#aaebe2;
+--teal-c4:#84e2d5;
+--teal-c5:#6cdccd;
+--teal-c6:#64e8c6;
+--teal-c7:#47d3c0;
+--teal-c8:#2D8579;
+--teal-c9:#205E56;
+--teal-c10:#16433D;
+--teal-c11:#193533;
+--teal-opacity-1:rgba(71,211,192,.1);
+--teal-opacity-2:rgba(71,211,192,.2);
+--teal-opacity-3:rgba(71,211,192,.3);
+--teal-opacity-4:rgba(71,211,192,.5);
+--cyan-c1:#e6f8fa;
+--cyan-c2:#b0e8f0;
+--cyan-c3:#8adde8;
+--cyan-c4:#54cdde;
+--cyan-c5:#33d8d5;
+--cyan-c6:#00B5CE;
+--cyan-c7:#00A5BB;
+--cyan-c8:#008192;
+--cyan-c9:#00515C;
+--cyan-c10:#003941;
+--cyan-c11:#0B2F36;
+--cyan-opacity-1:rgba(0,165,187,.1);
+--cyan-opacity-2:rgba(0,165,187,.2);
+--cyan-opacity-3:rgba(0,165,187,.3);
+--cyan-opacity-4:rgba(0,165,187,.5);
+--pink-c1:#fff2f9;
+--pink-c2:#fde6f3;
+--pink-c3:#fbd0e7;
+--pink-c4:#f8b0d6;
+--pink-c5:#f686c0;
+--pink-c6:#f459a7;
+--pink-c7:#DA5095;
+--pink-c8:#BD4581;
+--pink-c9:#9A386A;
+--pink-c10:#6D284B;
+--pink-c11:#53243D;
+--pink-opacity-1:rgba(244,89,167,.1);
+--pink-opacity-2:rgba(244,89,167,.2);
+--pink-opacity-3:rgba(244,89,167,.3);
+--pink-opacity-4:rgba(244,89,167,.5);
+--olive-c1:#f9fae9;
+--olive-c2:#eff6d6;
+--olive-c3:#def1b9;
+--olive-c4:#c4ed94;
+--olive-c5:#a6e86c;
+--olive-c6:#76db5b;
+--olive-c7:#77c13f;
+--olive-c8:#699344;
+--olive-c9:#4A6830;
+--olive-c10:#344922;
+--olive-c11:#2C3A22;
+--olive-opacity-1:rgba(166,232,108,.1);
+--olive-opacity-2:rgba(166,232,108,.2);
+--olive-opacity-3:rgba(166,232,108,.3);
+--olive-opacity-4:rgba(166,232,108,.5);
+--shadow-s1:0px 2px 2px rgba(0,0,0,.05);
+--shadow-s2:0px 2px 8px rgba(0,0,0,.05);
+--shadow-s3:0px 2px 16px rgba(0,0,0,.05);
+--border-radius-super-small:1px;
+--border-radius-extra-small:2px;
+--border-radius-small:4px;
+--border-radius-medium:6px;
+--border-radius-large:10px;
+--border-radius-extra-large:12px;
+--border-radius-super-large:14px;
+--icon-super-small:8px;
+--icon-extra-small:12px;
+--icon-small:16px;
+--icon-medium:20px;
+--icon-large:24px;
+--icon-extra-large:32px;
+--icon-super-large:40px;
+--opacity-05:5%;
+--opacity-10:10%;
+--opacity-15:15%;
+--opacity-20:20%;
+--opacity-30:30%;
+--opacity-50:50%;
+--spacing-none:0px;
+--opacity-85:85%;
+--spacing-super-tight:2px;
+--spacing-extra-tight:4px;
+--spacing-tight:8px;
+--spacing-base-tight:12px;
+--spacing-base:16px;
+--spacing-base-loose:20px;
+--spacing-loose:24px;
+--spacing-extra-loose:32px;
+--spacing-super-loose:40px;
+--font-sf:SF Pro;
+--font-pf:PingFang SC;
+--font-line-height-auto:AUTO;
+--font-line-height-tight:18px;
+--font-line-height-base-tight:21px;
+--font-line-height-base:24px;
+--font-line-height-base-loose:27px;
+--font-weight-regular:400;
+--font-weight-semibold:600;
+--font-weight-bold:700;
+--font-size-a:11px;
+--font-size-b:12px;
+--font-size-c:14px;
+--font-size-d:16px;
+--font-size-e:18px;
+--font-size-f:22px;
+--font-size-g:28px;
+--font-size-h:34px;
+--font-size-i:42px;
+--font-size-j:15px;
+--font-size-q:20px;
+--en-single-f-a-r-fontFamily: SF Pro;
+--en-single-f-a-r-fontWeight: 400;
+--en-single-f-a-r-lineHeight: AUTO;
+--en-single-f-a-r-fontSize: 11px;
+--en-single-f-b-r-fontFamily: SF Pro;
+--en-single-f-b-r-fontWeight: 400;
+--en-single-f-b-r-lineHeight: AUTO;
+--en-single-f-b-r-fontSize: 12px;
+--en-single-f-c-r-fontFamily: SF Pro;
+--en-single-f-c-r-fontWeight: 400;
+--en-single-f-c-r-lineHeight: AUTO;
+--en-single-f-c-r-fontSize: 14px;
+--en-single-f-j-r-fontFamily: SF Pro;
+--en-single-f-j-r-fontWeight: 400;
+--en-single-f-j-r-lineHeight: AUTO;
+--en-single-f-j-r-fontSize: 15px;
+--en-single-f-d-r-fontFamily: SF Pro;
+--en-single-f-d-r-fontWeight: 400;
+--en-single-f-d-r-lineHeight: AUTO;
+--en-single-f-d-r-fontSize: 16px;
+--en-single-f-e-r-fontFamily: SF Pro;
+--en-single-f-e-r-fontWeight: 400;
+--en-single-f-e-r-lineHeight: AUTO;
+--en-single-f-e-r-fontSize: 18px;
+--en-single-f-a-s-fontFamily: SF Pro;
+--en-single-f-a-s-fontWeight: 600;
+--en-single-f-a-s-lineHeight: AUTO;
+--en-single-f-a-s-fontSize: 11px;
+--en-single-f-b-s-fontFamily: SF Pro;
+--en-single-f-b-s-fontWeight: 600;
+--en-single-f-b-s-lineHeight: AUTO;
+--en-single-f-b-s-fontSize: 12px;
+--en-single-f-c-s-fontFamily: SF Pro;
+--en-single-f-c-s-fontWeight: 600;
+--en-single-f-c-s-lineHeight: AUTO;
+--en-single-f-c-s-fontSize: 14px;
+--en-single-f-d-s-fontFamily: SF Pro;
+--en-single-f-d-s-fontWeight: 600;
+--en-single-f-d-s-lineHeight: AUTO;
+--en-single-f-d-s-fontSize: 16px;
+--en-single-f-e-s-fontFamily: SF Pro;
+--en-single-f-e-s-fontWeight: 600;
+--en-single-f-e-s-lineHeight: AUTO;
+--en-single-f-e-s-fontSize: 18px;
+--en-single-f-f-b-fontFamily: SF Pro;
+--en-single-f-f-b-fontWeight: 700;
+--en-single-f-f-b-lineHeight: AUTO;
+--en-single-f-f-b-fontSize: 22px;
+--en-single-f-g-b-fontFamily: SF Pro;
+--en-single-f-g-b-fontWeight: 700;
+--en-single-f-g-b-lineHeight: AUTO;
+--en-single-f-g-b-fontSize: 28px;
+--en-single-f-h-b-fontFamily: SF Pro;
+--en-single-f-h-b-fontWeight: 700;
+--en-single-f-h-b-lineHeight: AUTO;
+--en-single-f-h-b-fontSize: 34px;
+--en-single-f-i-b-fontFamily: SF Pro;
+--en-single-f-i-b-fontWeight: 700;
+--en-single-f-i-b-lineHeight: AUTO;
+--en-single-f-i-b-fontSize: 42px;
+--en-single-f-j-s-fontFamily: SF Pro;
+--en-single-f-j-s-fontWeight: 600;
+--en-single-f-j-s-lineHeight: AUTO;
+--en-single-f-j-s-fontSize: 15px;
+--en-single-f-l-s-fontFamily: SF Pro;
+--en-single-f-l-s-fontWeight: 600;
+--en-single-f-l-s-lineHeight: AUTO;
+--en-single-f-l-s-fontSize: 10px;
+--en-multi-f-b-r-fontFamily: SF Pro;
+--en-multi-f-b-r-fontWeight: 400;
+--en-multi-f-b-r-lineHeight: 18px;
+--en-multi-f-b-r-fontSize: 12px;
+--en-multi-f-c-r-fontFamily: SF Pro;
+--en-multi-f-c-r-fontWeight: 400;
+--en-multi-f-c-r-lineHeight: 21px;
+--en-multi-f-c-r-fontSize: 14px;
+--en-multi-f-d-r-fontFamily: SF Pro;
+--en-multi-f-d-r-fontWeight: 400;
+--en-multi-f-d-r-lineHeight: 24px;
+--en-multi-f-d-r-fontSize: 16px;
+--en-multi-f-e-r-fontFamily: SF Pro;
+--en-multi-f-e-r-fontWeight: 400;
+--en-multi-f-e-r-lineHeight: 24px;
+--en-multi-f-e-r-fontSize: 18px;
+--en-multi-f-c-s-fontFamily: SF Pro;
+--en-multi-f-c-s-fontWeight: 600;
+--en-multi-f-c-s-lineHeight: 21px;
+--en-multi-f-c-s-fontSize: 14px;
+--en-multi-f-d-s-fontFamily: SF Pro;
+--en-multi-f-d-s-fontWeight: 600;
+--en-multi-f-d-s-lineHeight: 24px;
+--en-multi-f-d-s-fontSize: 16px;
+--en-multi-f-e-s-fontFamily: SF Pro;
+--en-multi-f-e-s-fontWeight: 600;
+--en-multi-f-e-s-lineHeight: 24px;
+--en-multi-f-e-s-fontSize: 18px;
+--en-multi-f-q-b-fontFamily: SF Pro;
+--en-multi-f-q-b-fontWeight: 700;
+--en-multi-f-q-b-lineHeight: 27px;
+--en-multi-f-q-b-fontSize: 20px;
+--cn-single-f-f-b-fontFamily: PingFang SC;
+--cn-single-f-f-b-fontWeight: 600;
+--cn-single-f-f-b-lineHeight: AUTO;
+--cn-single-f-f-b-fontSize: 22px;
+--cn-single-f-g-b-fontFamily: PingFang SC;
+--cn-single-f-g-b-fontWeight: 600;
+--cn-single-f-g-b-lineHeight: AUTO;
+--cn-single-f-g-b-fontSize: 28px;
+--cn-single-f-i-b-fontFamily: PingFang SC;
+--cn-single-f-i-b-fontWeight: 600;
+--cn-single-f-i-b-lineHeight: AUTO;
+--cn-single-f-i-b-fontSize: 42px;
+--cn-single-f-q-b-fontFamily: PingFang SC;
+--cn-single-f-q-b-fontWeight: 600;
+--cn-single-f-q-b-lineHeight: AUTO;
+--cn-single-f-q-b-fontSize: 20px;
+--cn-multi-f-e-r-fontFamily: PingFang SC;
+--cn-multi-f-e-r-fontWeight: 400;
+--cn-multi-f-e-r-lineHeight: 27px;
+--cn-multi-f-e-r-fontSize: 18px;
+--cn-multi-f-e-s-fontFamily: PingFang SC;
+--cn-multi-f-e-s-fontWeight: 600;
+--cn-multi-f-e-s-lineHeight: 27px;
+--cn-multi-f-e-s-fontSize: 18px;
+--border-super-small:0.5px;
+--border-extra-small:1px;
+--border-small:1.5px;
+--border-medium:2px;
+--border-radius-super-full:999px;
+--font-size-l:10px;
+--black-opacity-3:rgba(0,0,0,.15);
+--black-opacity-6:rgba(0,0,0,.3);
+--white-opacity-3:rgba(255,255,255,.15);
+--divider-color-default-1:rgba(84,84,88,.35);
+--divider-color-default-2:rgba(84,84,88,.85);
+--divider-color-hover:rgba(255,255,255,.85);
+--divider-color-reverse-1:rgba(0,0,0,.05);
+--divider-color-reverse-2:rgba(0,0,0,.15);
+--primary-color:#1bc47d;
+--primary-color-press:#09825a;
+--primary-color-disable:rgba(27,196,125,.25);
+--primary-color-light:#113226;
+--primary-color-light-press:#093E28;
+--secondary-color:#00B5CE;
+--secondary-color-press:#008192;
+--secondary-color-disable:rgba(0,181,206,.25);
+--secondary-color-light:#0B2F36;
+--secondary-color-light-press:#003941;
+--shadow-color:rgba(0,0,0,.80);
+--text-color-h1:#F2F5FF;
+--text-color-h2:rgba(235,235,245,.65);
+--text-color-h3:rgba(235,235,245,.3);
+--text-color-highlight:#1bc47d;
+--text-color-highlight-press:#09825a;
+--text-color-highlight-disable:rgba(27,196,125,.25);
+--text-color-link:#5998e9;
+--text-color-link-press:#076b9d;
+--text-color-link-disable:rgba(89,152,233,.25);
+--text-color-reverse:#ffffff;
+--text-color-reverse2:rgba(255,255,255,.6);
+--text-color-reverse3:rgba(255,255,255,.3);
+--bg-color-1:#0E0E10;
+--bg-color-2:#19191E;
+--bg-color-3:rgba(118,118,128,.14);
+--bg-color-4:rgba(118,118,128,.24);
+--bg-color-mask:rgba(0,0,0,.6);
+--bg-color-mask-light:rgba(0,0,0,.15);
+--bg-grouped-color-1:#0E0E10;
+--bg-grouped-color-2:#19191E;
+--bg-grouped-color-3:rgba(118,118,128,.14);
+--rise-color:#1bc47d;
+--rise-color-press:#0da36b;
+--rise-color-disable:rgba(27,196,125,.3);
+--rise-color-light:rgba(27,196,125,.05);
+--rise-color-light-hover:rgba(27,196,125,.15);
+--rise-color-light-press:rgba(27,196,125,.2);
+--fall-color:#f24822;
+--fall-color-press:#db2c0d;
+--fall-color-disable:rgba(242,72,34,.3);
+--fall-color-light:rgba(242,72,34,.05);
+--fall-color-light-hover:rgba(242,72,34,.15);
+--fall-color-light-press:rgba(242,72,34,.2);
+--tips-color-success:#1bc47d;
+--tips-color-success-press:#09825a;
+--tips-color-success-disable:rgba(27,196,125,.25);
+--tips-color-success_light:#113226;
+--tips-color-success_light-press:#093E28;
+--tips-color-tips:#ffc700;
+--tips-color-tips-press:#ffa819;
+--tips-color-tips-disable:rgba(255,199,0,.3);
+--tips-color-tips-light:#40380C;
+--tips-color-tips-light-press:#513F00;
+--tips-color-warning:#eb5c31;
+--tips-color-warning-press:#db2c0d;
+--tips-color-warning-disable:rgba(235,92,49,.25);
+--tips-color-warning-light:#3C1A14;
+--tips-color-warning-light-press:#4D170B;
+--chart-color-1:#61b8ea;
+--chart-color-2:#33d8d5;
+--chart-color-3:#64e8c6;
+--chart-color-4:#a6e86c;
+--chart-color-5:#ffc700;
+--chart-color-6:#ffa819;
+--chart-color-7:#ff863c;
+--chart-color-8:#7f7f7f;
+--chart-color-9:#fe6258;
+--chart-color-10:#f459a7;
+--chart-color-11:rgba(27,196,125,.85);
+--chart-color-12:rgba(27,196,125,.5);
+--chart-color-13:rgba(27,196,125,.3);
+--chart-color-14:rgba(242,72,34,.85);
+--chart-color-15:rgba(242,72,34,.5);
+--chart-color-16:rgba(242,72,34,.3);
+--chart-line-color-1:#7f7f7f;
+--chart-line-color-2:#ffa819;
+--chart-line-color-3:#18a0fb;
+--chart-line-color-4:#f459a7;
+--chart-line-color-5:#47d3c0;
+--chart-line-color-6:#76db5b;
+--chart-line-color-7:#8165ff;
+--chart-line-color-8:#ff733c;
+--chart-line-color-9:#00A5BB;
+--chart-line-color-10:rgba(235,235,245,.30);
+--chart-column-color-1:#47d3c0;
+--chart-column-color-2:#5998e9;
+--color-quotes-stock_chart_indicator-bg:rgba(14,14,16,.8);
+--color-quotes-stock_chart_point-bg:rgba(11,47,54,.8);
+--color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:#F2F5FF;
+--color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:rgba(0,0,0,.85);
+--color-quotes-marketdepth_hide_data-mask:rgba(0,0,0,.10);
+--color-trade-account_head_card_my-bg:#3A2D72;
+--color-trade-account_head_card_ar-bg:#09825a;
+}
+html{
+--divider-medium:1px;
+--divider-large:3px;
+--divider-small:0.5px;
+--height-super-small:28px;
+--height-extra-small:32px;
+--height-small:36px;
+--height-medium:40px;
+--height-large:44px;
+--height-extra-large:48px;
+--height-super-large:56px;
+--neutral-c0:rgba(0,0,0,0.0);
+--neutral-c1:#ffffff;
+--neutral-c2:#f2f2f2;
+--neutral-c3:#eeeeee;
+--neutral-c4:#e6e6e6;
+--neutral-c5:#dddddd;
+--neutral-c6:#c2c2c2;
+--neutral-c7:#999999;
+--neutral-c8:#7f7f7f;
+--neutral-c9:#767680;
+--neutral-c10:#696970;
+--neutral-c11:#545458;
+--neutral-c11-5:#48484A;
+--neutral-c12:#2C2C2E;
+--neutral-c13:#19191E;
+--neutral-c14:#0E0E10;
+--neutral-c15:#000000;
+--blue_gray-c1:#f7f8f9;
+--blue_gray-c2:#f1f2f4;
+--blue_gray-c3:#ebedf0;
+--blue_gray-c4:#cad2da;
+--blue_gray-c5:#9aa9b9;
+--blue_gray-c6:#8496AA;
+--blue_gray-c7:#768698;
+--blue_gray-c8:#667484;
+--blue_gray-c9:#535F6C;
+--blue_gray-c10:#3b444c;
+--green-c1:#f2fffc;
+--green-c2:#d2f3ea;
+--green-c3:#abe7d5;
+--green-c4:#7ddcbb;
+--green-c5:#4bd09d;
+--green-c6:#1bc47d;
+--green-c7:#0da36b;
+--green-c8:#09825a;
+--green-c9:#0C5838;
+--green-c10:#093E28;
+--green-c11:#113226;
+--green-opacity-1:rgba(27,196,125,.05);
+--green-opacity-2:rgba(27,196,125,.1);
+--green-opacity-3:rgba(27,196,125,.15);
+--green-opacity-4:rgba(27,196,125,.2);
+--red-c1:#ffeeee;
+--red-c2:#ffdedd;
+--red-c3:#fcc0bd;
+--red-c4:#fa968e;
+--red-c5:#fe6258;
+--red-c6:#eb5c31;
+--red-c7:#f24822;
+--red-c8:#db2c0d;
+--red-c9:#BB381A;
+--red-c10:#992E16;
+--red-c11:#6C200F;
+--red-c12:#4D170B;
+--red-c13:#3C1A14;
+--red-opacity-1:rgba(235,92,49,.05);
+--red-opacity-2:rgba(235,92,49,.1);
+--red-opacity-3:rgba(235,92,49,.15);
+--red-opacity-4:rgba(235,92,49,.2);
+--blue-c1:#f2fcff;
+--blue-c2:#d9f3fe;
+--blue-c3:#b7e7fd;
+--blue-c4:#8ad5fd;
+--blue-c5:#61b8ea;
+--blue-c6:#6CACFF;
+--blue-c7:#5998e9;
+--blue-c8:#18a0fb;
+--blue-c9:#0a85cc;
+--blue-c10:#076b9d;
+--blue-c11:#09506f;
+--blue-c12:#08334F;
+--blue-opacity-1:rgba(24,160,251,.1);
+--blue-opacity-2:rgba(24,160,251,.2);
+--blue-opacity-3:rgba(24,160,251,.3);
+--blue-opacity-4:rgba(24,160,251,.5);
+--yellow-c1:#fffbe4;
+--yellow-c2:#fff6ca;
+--yellow-c3:#ffeea5;
+--yellow-c4:#ffe476;
+--yellow-c5:#ffd63d;
+--yellow-c6:#ffc700;
+--yellow-c7:#ffa819;
+--yellow-c8:#d2a700;
+--yellow-c9:#A17E00;
+--yellow-c10:#725900;
+--yellow-c11:#513F00;
+--yellow-c12:#40380C;
+--yellow-opacity-1:rgba(255,199,0,.1);
+--yellow-opacity-2:rgba(255,199,0,.2);
+--yellow-opacity-3:rgba(255,199,0,.3);
+--yellow-opacity-4:rgba(255,199,0,.5);
+--orange-c1:#fff3ec;
+--orange-c2:#ffd9c3;
+--orange-c3:#ffbd8e;
+--orange-c4:#ffa361;
+--orange-c5:#ff863c;
+--orange-c6:#ff733c;
+--orange-c7:#E47836;
+--orange-c8:#A15526;
+--orange-c9:#723C1B;
+--orange-c10:#512A13;
+--orange-c11:#3E2619;
+--orange-opacity-1:rgba(255,134,60,.1);
+--orange-opacity-2:rgba(255,134,60,.2);
+--orange-opacity-3:rgba(255,134,60,.3);
+--orange-opacity-4:rgba(255,134,60,.5);
+--purple-c1:#F2F5FF;
+--purple-c2:#EBEBF5;
+--purple-c3:#e1e0ff;
+--purple-c4:#cac7ff;
+--purple-c5:#aca3ff;
+--purple-c6:#907cff;
+--purple-c7:#8165ff;
+--purple-c8:#644EC6;
+--purple-c9:#5240A1;
+--purple-c10:#3A2D72;
+--purple-c11:#292051;
+--purple-opacity-1:rgba(144,124,255,.1);
+--purple-opacity-2:rgba(144,124,255,.2);
+--purple-opacity-3:rgba(144,124,255,.3);
+--purple-opacity-4:rgba(144,124,255,.5);
+--teal-c1:#edfbf9;
+--teal-c2:#c6f1eb;
+--teal-c3:#aaebe2;
+--teal-c4:#84e2d5;
+--teal-c5:#6cdccd;
+--teal-c6:#64e8c6;
+--teal-c7:#47d3c0;
+--teal-c8:#2D8579;
+--teal-c9:#205E56;
+--teal-c10:#16433D;
+--teal-c11:#193533;
+--teal-opacity-1:rgba(71,211,192,.1);
+--teal-opacity-2:rgba(71,211,192,.2);
+--teal-opacity-3:rgba(71,211,192,.3);
+--teal-opacity-4:rgba(71,211,192,.5);
+--cyan-c1:#e6f8fa;
+--cyan-c2:#b0e8f0;
+--cyan-c3:#8adde8;
+--cyan-c4:#54cdde;
+--cyan-c5:#33d8d5;
+--cyan-c6:#00B5CE;
+--cyan-c7:#00A5BB;
+--cyan-c8:#008192;
+--cyan-c9:#00515C;
+--cyan-c10:#003941;
+--cyan-c11:#0B2F36;
+--cyan-opacity-1:rgba(0,165,187,.1);
+--cyan-opacity-2:rgba(0,165,187,.2);
+--cyan-opacity-3:rgba(0,165,187,.3);
+--cyan-opacity-4:rgba(0,165,187,.5);
+--pink-c1:#fff2f9;
+--pink-c2:#fde6f3;
+--pink-c3:#fbd0e7;
+--pink-c4:#f8b0d6;
+--pink-c5:#f686c0;
+--pink-c6:#f459a7;
+--pink-c7:#DA5095;
+--pink-c8:#BD4581;
+--pink-c9:#9A386A;
+--pink-c10:#6D284B;
+--pink-c11:#53243D;
+--pink-opacity-1:rgba(244,89,167,.1);
+--pink-opacity-2:rgba(244,89,167,.2);
+--pink-opacity-3:rgba(244,89,167,.3);
+--pink-opacity-4:rgba(244,89,167,.5);
+--olive-c1:#f9fae9;
+--olive-c2:#eff6d6;
+--olive-c3:#def1b9;
+--olive-c4:#c4ed94;
+--olive-c5:#a6e86c;
+--olive-c6:#76db5b;
+--olive-c7:#77c13f;
+--olive-c8:#699344;
+--olive-c9:#4A6830;
+--olive-c10:#344922;
+--olive-c11:#2C3A22;
+--olive-opacity-1:rgba(166,232,108,.1);
+--olive-opacity-2:rgba(166,232,108,.2);
+--olive-opacity-3:rgba(166,232,108,.3);
+--olive-opacity-4:rgba(166,232,108,.5);
+--shadow-s1:0px 2px 2px rgba(0,0,0,.05);
+--shadow-s2:0px 2px 8px rgba(0,0,0,.05);
+--shadow-s3:0px 2px 16px rgba(0,0,0,.05);
+--border-radius-super-small:1px;
+--border-radius-extra-small:2px;
+--border-radius-small:4px;
+--border-radius-medium:6px;
+--border-radius-large:10px;
+--border-radius-extra-large:12px;
+--border-radius-super-large:14px;
+--icon-super-small:8px;
+--icon-extra-small:12px;
+--icon-small:16px;
+--icon-medium:20px;
+--icon-large:24px;
+--icon-extra-large:32px;
+--icon-super-large:40px;
+--opacity-05:5%;
+--opacity-10:10%;
+--opacity-15:15%;
+--opacity-20:20%;
+--opacity-30:30%;
+--opacity-50:50%;
+--spacing-none:0px;
+--opacity-85:85%;
+--spacing-super-tight:2px;
+--spacing-extra-tight:4px;
+--spacing-tight:8px;
+--spacing-base-tight:12px;
+--spacing-base:16px;
+--spacing-base-loose:20px;
+--spacing-loose:24px;
+--spacing-extra-loose:32px;
+--spacing-super-loose:40px;
+--font-sf:SF Pro;
+--font-pf:PingFang SC;
+--font-line-height-auto:AUTO;
+--font-line-height-tight:18px;
+--font-line-height-base-tight:21px;
+--font-line-height-base:24px;
+--font-line-height-base-loose:27px;
+--font-weight-regular:400;
+--font-weight-semibold:600;
+--font-weight-bold:700;
+--font-size-a:11px;
+--font-size-b:12px;
+--font-size-c:14px;
+--font-size-d:16px;
+--font-size-e:18px;
+--font-size-f:22px;
+--font-size-g:28px;
+--font-size-h:34px;
+--font-size-i:42px;
+--font-size-j:15px;
+--font-size-q:20px;
+--en-single-f-a-r-fontFamily: SF Pro;
+--en-single-f-a-r-fontWeight: 400;
+--en-single-f-a-r-lineHeight: AUTO;
+--en-single-f-a-r-fontSize: 11px;
+--en-single-f-b-r-fontFamily: SF Pro;
+--en-single-f-b-r-fontWeight: 400;
+--en-single-f-b-r-lineHeight: AUTO;
+--en-single-f-b-r-fontSize: 12px;
+--en-single-f-c-r-fontFamily: SF Pro;
+--en-single-f-c-r-fontWeight: 400;
+--en-single-f-c-r-lineHeight: AUTO;
+--en-single-f-c-r-fontSize: 14px;
+--en-single-f-j-r-fontFamily: SF Pro;
+--en-single-f-j-r-fontWeight: 400;
+--en-single-f-j-r-lineHeight: AUTO;
+--en-single-f-j-r-fontSize: 15px;
+--en-single-f-d-r-fontFamily: SF Pro;
+--en-single-f-d-r-fontWeight: 400;
+--en-single-f-d-r-lineHeight: AUTO;
+--en-single-f-d-r-fontSize: 16px;
+--en-single-f-e-r-fontFamily: SF Pro;
+--en-single-f-e-r-fontWeight: 400;
+--en-single-f-e-r-lineHeight: AUTO;
+--en-single-f-e-r-fontSize: 18px;
+--en-single-f-a-s-fontFamily: SF Pro;
+--en-single-f-a-s-fontWeight: 600;
+--en-single-f-a-s-lineHeight: AUTO;
+--en-single-f-a-s-fontSize: 11px;
+--en-single-f-b-s-fontFamily: SF Pro;
+--en-single-f-b-s-fontWeight: 600;
+--en-single-f-b-s-lineHeight: AUTO;
+--en-single-f-b-s-fontSize: 12px;
+--en-single-f-c-s-fontFamily: SF Pro;
+--en-single-f-c-s-fontWeight: 600;
+--en-single-f-c-s-lineHeight: AUTO;
+--en-single-f-c-s-fontSize: 14px;
+--en-single-f-d-s-fontFamily: SF Pro;
+--en-single-f-d-s-fontWeight: 600;
+--en-single-f-d-s-lineHeight: AUTO;
+--en-single-f-d-s-fontSize: 16px;
+--en-single-f-e-s-fontFamily: SF Pro;
+--en-single-f-e-s-fontWeight: 600;
+--en-single-f-e-s-lineHeight: AUTO;
+--en-single-f-e-s-fontSize: 18px;
+--en-single-f-f-b-fontFamily: SF Pro;
+--en-single-f-f-b-fontWeight: 700;
+--en-single-f-f-b-lineHeight: AUTO;
+--en-single-f-f-b-fontSize: 22px;
+--en-single-f-g-b-fontFamily: SF Pro;
+--en-single-f-g-b-fontWeight: 700;
+--en-single-f-g-b-lineHeight: AUTO;
+--en-single-f-g-b-fontSize: 28px;
+--en-single-f-h-b-fontFamily: SF Pro;
+--en-single-f-h-b-fontWeight: 700;
+--en-single-f-h-b-lineHeight: AUTO;
+--en-single-f-h-b-fontSize: 34px;
+--en-single-f-i-b-fontFamily: SF Pro;
+--en-single-f-i-b-fontWeight: 700;
+--en-single-f-i-b-lineHeight: AUTO;
+--en-single-f-i-b-fontSize: 42px;
+--en-single-f-j-s-fontFamily: SF Pro;
+--en-single-f-j-s-fontWeight: 600;
+--en-single-f-j-s-lineHeight: AUTO;
+--en-single-f-j-s-fontSize: 15px;
+--en-single-f-l-s-fontFamily: SF Pro;
+--en-single-f-l-s-fontWeight: 600;
+--en-single-f-l-s-lineHeight: AUTO;
+--en-single-f-l-s-fontSize: 10px;
+--en-multi-f-b-r-fontFamily: SF Pro;
+--en-multi-f-b-r-fontWeight: 400;
+--en-multi-f-b-r-lineHeight: 18px;
+--en-multi-f-b-r-fontSize: 12px;
+--en-multi-f-c-r-fontFamily: SF Pro;
+--en-multi-f-c-r-fontWeight: 400;
+--en-multi-f-c-r-lineHeight: 21px;
+--en-multi-f-c-r-fontSize: 14px;
+--en-multi-f-d-r-fontFamily: SF Pro;
+--en-multi-f-d-r-fontWeight: 400;
+--en-multi-f-d-r-lineHeight: 24px;
+--en-multi-f-d-r-fontSize: 16px;
+--en-multi-f-e-r-fontFamily: SF Pro;
+--en-multi-f-e-r-fontWeight: 400;
+--en-multi-f-e-r-lineHeight: 24px;
+--en-multi-f-e-r-fontSize: 18px;
+--en-multi-f-c-s-fontFamily: SF Pro;
+--en-multi-f-c-s-fontWeight: 600;
+--en-multi-f-c-s-lineHeight: 21px;
+--en-multi-f-c-s-fontSize: 14px;
+--en-multi-f-d-s-fontFamily: SF Pro;
+--en-multi-f-d-s-fontWeight: 600;
+--en-multi-f-d-s-lineHeight: 24px;
+--en-multi-f-d-s-fontSize: 16px;
+--en-multi-f-e-s-fontFamily: SF Pro;
+--en-multi-f-e-s-fontWeight: 600;
+--en-multi-f-e-s-lineHeight: 24px;
+--en-multi-f-e-s-fontSize: 18px;
+--en-multi-f-q-b-fontFamily: SF Pro;
+--en-multi-f-q-b-fontWeight: 700;
+--en-multi-f-q-b-lineHeight: 27px;
+--en-multi-f-q-b-fontSize: 20px;
+--cn-single-f-f-b-fontFamily: PingFang SC;
+--cn-single-f-f-b-fontWeight: 600;
+--cn-single-f-f-b-lineHeight: AUTO;
+--cn-single-f-f-b-fontSize: 22px;
+--cn-single-f-g-b-fontFamily: PingFang SC;
+--cn-single-f-g-b-fontWeight: 600;
+--cn-single-f-g-b-lineHeight: AUTO;
+--cn-single-f-g-b-fontSize: 28px;
+--cn-single-f-i-b-fontFamily: PingFang SC;
+--cn-single-f-i-b-fontWeight: 600;
+--cn-single-f-i-b-lineHeight: AUTO;
+--cn-single-f-i-b-fontSize: 42px;
+--cn-single-f-q-b-fontFamily: PingFang SC;
+--cn-single-f-q-b-fontWeight: 600;
+--cn-single-f-q-b-lineHeight: AUTO;
+--cn-single-f-q-b-fontSize: 20px;
+--cn-multi-f-e-r-fontFamily: PingFang SC;
+--cn-multi-f-e-r-fontWeight: 400;
+--cn-multi-f-e-r-lineHeight: 27px;
+--cn-multi-f-e-r-fontSize: 18px;
+--cn-multi-f-e-s-fontFamily: PingFang SC;
+--cn-multi-f-e-s-fontWeight: 600;
+--cn-multi-f-e-s-lineHeight: 27px;
+--cn-multi-f-e-s-fontSize: 18px;
+--border-super-small:0.5px;
+--border-extra-small:1px;
+--border-small:1.5px;
+--border-medium:2px;
+--border-radius-super-full:999px;
+--font-size-l:10px;
+--black-opacity-3:rgba(0,0,0,.15);
+--black-opacity-6:rgba(0,0,0,.3);
+--white-opacity-3:rgba(255,255,255,.15);
+--divider-color-default-1:rgba(0,0,0,.05);
+--divider-color-default-2:rgba(0,0,0,.15);
+--divider-color-hover:rgba(0,0,0,.85);
+--divider-color-reverse-1:rgba(255,255,255,.15);
+--divider-color-reverse-2:rgba(255,255,255,.3);
+--primary-color:#1bc47d;
+--primary-color-press:#0da36b;
+--primary-color-disable:rgba(27,196,125,.3);
+--primary-color-light:#f2fffc;
+--primary-color-light-press:#d2f3ea;
+--secondary-color:#00A5BB;
+--secondary-color-press:#008192;
+--secondary-color-disable:rgba(0,181,206,.3);
+--secondary-color-light:#e6f8fa;
+--secondary-color-light-press:#b0e8f0;
+--shadow-color:rgba(0,0,0,.05);
+--text-color-h1:rgba(0,0,0,.85);
+--text-color-h2:rgba(0,0,0,.5);
+--text-color-h3:rgba(0,0,0,.3);
+--text-color-highlight:#1bc47d;
+--text-color-highlight-press:#09825a;
+--text-color-highlight-disable:rgba(27,196,125,.3);
+--text-color-link:#5998e9;
+--text-color-link-press:#076b9d;
+--text-color-link-disable:rgba(89,152,233,.3);
+--text-color-reverse:#ffffff;
+--text-color-reverse2:rgba(255,255,255,.6);
+--text-color-reverse3:rgba(255,255,255,.3);
+--bg-color-1:#ffffff;
+--bg-color-2:#f7f8f9;
+--bg-color-3:#f7f8f9;
+--bg-color-4:#ebedf0;
+--bg-color-mask:rgba(0,0,0,.5);
+--bg-color-mask-light:rgba(0,0,0,.05);
+--bg-grouped-color-1:#f7f8f9;
+--bg-grouped-color-2:#ffffff;
+--bg-grouped-color-3:#ffffff;
+--rise-color:#1bc47d;
+--rise-color-press:#0da36b;
+--rise-color-disable:rgba(27,196,125,.3);
+--rise-color-light:rgba(27,196,125,.05);
+--rise-color-light-hover:rgba(27,196,125,.15);
+--rise-color-light-press:rgba(27,196,125,.2);
+--fall-color:#f24822;
+--fall-color-press:#db2c0d;
+--fall-color-disable:rgba(242,72,34,.3);
+--fall-color-light:rgba(242,72,34,.05);
+--fall-color-light-hover:rgba(242,72,34,.15);
+--fall-color-light-press:rgba(242,72,34,.2);
+--tips-color-success:#1bc47d;
+--tips-color-success-press:#09825a;
+--tips-color-success-disable:rgba(27,196,125,.3);
+--tips-color-success_light:#f2fffc;
+--tips-color-success_light-press:#d2f3ea;
+--tips-color-tips:#ffc700;
+--tips-color-tips-press:#ffa819;
+--tips-color-tips-disable:rgba(255,199,0,.3);
+--tips-color-tips-light:#fffbe4;
+--tips-color-tips-light-press:#fff6ca;
+--tips-color-warning:#eb5c31;
+--tips-color-warning-press:#db2c0d;
+--tips-color-warning-disable:rgba(235,92,49,.3);
+--tips-color-warning-light:#ffeeee;
+--tips-color-warning-light-press:#ffdedd;
+--chart-color-1:#61b8ea;
+--chart-color-2:#33d8d5;
+--chart-color-3:#64e8c6;
+--chart-color-4:#a6e86c;
+--chart-color-5:#ffc700;
+--chart-color-6:#ffa819;
+--chart-color-7:#ff863c;
+--chart-color-8:#7f7f7f;
+--chart-color-9:#fe6258;
+--chart-color-10:#f459a7;
+--chart-color-11:rgba(27,196,125,.85);
+--chart-color-12:rgba(27,196,125,.5);
+--chart-color-13:rgba(27,196,125,.3);
+--chart-color-14:rgba(242,72,34,.85);
+--chart-color-15:rgba(242,72,34,.5);
+--chart-color-16:rgba(242,72,34,.3);
+--chart-line-color-1:#7f7f7f;
+--chart-line-color-2:#ffa819;
+--chart-line-color-3:#18a0fb;
+--chart-line-color-4:#f459a7;
+--chart-line-color-5:#47d3c0;
+--chart-line-color-6:#76db5b;
+--chart-line-color-7:#8165ff;
+--chart-line-color-8:#ff733c;
+--chart-line-color-9:#00A5BB;
+--chart-line-color-10:rgba(0,0,0,.30);
+--chart-column-color-1:#47d3c0;
+--chart-column-color-2:#5998e9;
+--color-quotes-stock_chart_indicator-bg:rgba(255,255,255,.8);
+--color-quotes-stock_chart_point-bg:rgba(230,248,250,.8);
+--color-quotes-stock_chart_fullscreen_doji_floatinglayer-bg:rgba(0,0,0,.85);
+--color-quotes-stock_chart_fullscreen_doji_floatinglayer-text:#ffffff;
+--color-quotes-marketdepth_hide_data-mask:rgba(255,255,255,.15);
+--color-trade-account_head_card_my-bg:#3A2D72;
+--color-trade-account_head_card_ar-bg:#1bc47d;
 }
 html[theme="dark"]{
@@ -2086,92 +2086,92 @@ html{
 --color-loading-bg:rgba(0,0,0,.85);
 --color-loading-text:#ffffff;
 }
-html[theme="dark"]{
---height-noticebar-snackbar:34px;
---radius-noticebar-snackbar:6px;
---radius-noticebar-toast:17px;
---radius-noticebar-notification:10px;
---radius-noticebar-notification_tag:4px;
---spacing-noticebar-snackbar-padding_left:8px;
---spacing-noticebar-snackbar-padding_right:12px;
---spacing-noticebar-snackbar_icon-margin_right:8px;
---spacing-noticebar-snackbar_text-margin_right:4px;
---spacing-noticebar-toast-padding_left:8px;
---spacing-noticebar-toast-padding_right:16px;
---spacing-noticebar-toast_icon-margin_right:4px;
---spacing-noticebar-notification-padding_left:16px;
---spacing-noticebar-notification-padding_right:16px;
---spacing-noticebar-notification-padding_top:16px;
---spacing-noticebar-notification-padding_bottom:16px;
---spacing-noticebar-notification_title-margin_bottom:6px;
---spacing-noticebar-notification_button-padding_right:12px;
---spacing-noticebar-notification-button-margin_left:3px;
---icon-noticebar-snackbar:16px;
---icon-noticebar-toast:20px;
---icon-noticebar-notification:12px;
---icon-noticebar-:20px;
---color-noticebar-snackbar_info-bg:#0B2F36;
---color-noticebar-snackbar_info-text:#e6f8fa;
---color-noticebar-snackbar_info-icon:rgba(230,248,250,.6);
---color-noticebar-snackbar_warning-bg:#3C1A14;
---color-noticebar-snackbar_warning-text:#ffdedd;
---color-noticebar-snackbar_warning-icon:rgba(255,222,221,.6);
---color-noticebar-snackbar_tips-bg:#40380C;
---color-noticebar-snackbar_tips-text:#fff6ca;
---color-noticebar-snackbar_tips-icon:rgba(255,246,202,.6);
---color-noticebar-notification-bg:#2C2C2E;
---color-noticebar-notification-text:#F2F5FF;
---color-noticebar-notification_tag_success-bg:rgba(27,196,125,.2);
---color-noticebar-notification_tag_tips-bg:rgba(255,199,0,.2);
---color-noticebar-notification_tag_warning-bg:rgba(235,92,49,.15);
---color-noticebar-notification_tag_disable-bg:rgba(255,255,255,.15);
---color-noticebar-toast_info-bg:rgba(84,84,88,.95);
---color-noticebar-toast_info-text:#ffffff;
---color-noticebar-toast_warning-icon:#eb5c31;
-}
-html{
---height-noticebar-snackbar:34px;
---radius-noticebar-snackbar:6px;
---radius-noticebar-toast:17px;
---radius-noticebar-notification:10px;
---radius-noticebar-notification_tag:4px;
---spacing-noticebar-snackbar-padding_left:8px;
---spacing-noticebar-snackbar-padding_right:12px;
---spacing-noticebar-snackbar_icon-margin_right:8px;
---spacing-noticebar-snackbar_text-margin_right:4px;
---spacing-noticebar-toast-padding_left:8px;
---spacing-noticebar-toast-padding_right:16px;
---spacing-noticebar-toast_icon-margin_right:4px;
---spacing-noticebar-notification-padding_left:16px;
---spacing-noticebar-notification-padding_right:16px;
---spacing-noticebar-notification-padding_top:16px;
---spacing-noticebar-notification-padding_bottom:16px;
---spacing-noticebar-notification_title-margin_bottom:6px;
---spacing-noticebar-notification_button-padding_right:12px;
---spacing-noticebar-notification-button-margin_left:3px;
---icon-noticebar-snackbar:16px;
---icon-noticebar-toast:20px;
---icon-noticebar-notification:12px;
---icon-noticebar-:20px;
---color-noticebar-snackbar_info-bg:#e6f8fa;
---color-noticebar-snackbar_info-text:#00A5BB;
---color-noticebar-snackbar_info-icon:rgba(0,165,187,.6);
---color-noticebar-snackbar_warning-bg:#ffeeee;
---color-noticebar-snackbar_warning-text:#eb5c31;
---color-noticebar-snackbar_warning-icon:rgba(235,92,49,.6);
---color-noticebar-snackbar_tips-bg:#fffbe4;
---color-noticebar-snackbar_tips-text:#A17E00;
---color-noticebar-snackbar_tips-icon:rgba(161,126,0,.6);
---color-noticebar-notification-bg:#ffffff;
---color-noticebar-notification-text:rgba(0,0,0,.85);
---color-noticebar-notification_tag_success-bg:rgba(27,196,125,.2);
---color-noticebar-notification_tag_tips-bg:rgba(255,199,0,.2);
---color-noticebar-notification_tag_warning-bg:rgba(235,92,49,.1);
---color-noticebar-notification_tag_disable-bg:rgba(0,0,0,.10);
---color-noticebar-toast_info-bg:rgba(0,0,0,.85);
---color-noticebar-toast_info-text:#ffffff;
---color-noticebar-toast_warning-icon:#eb5c31;
+html[theme="dark"]{
+--height-noticebar-snackbar:34px;
+--radius-noticebar-snackbar:6px;
+--radius-noticebar-toast:17px;
+--radius-noticebar-notification:10px;
+--radius-noticebar-notification_tag:4px;
+--spacing-noticebar-snackbar-padding_left:8px;
+--spacing-noticebar-snackbar-padding_right:12px;
+--spacing-noticebar-snackbar_icon-margin_right:8px;
+--spacing-noticebar-snackbar_text-margin_right:4px;
+--spacing-noticebar-toast-padding_left:8px;
+--spacing-noticebar-toast-padding_right:16px;
+--spacing-noticebar-toast_icon-margin_right:4px;
+--spacing-noticebar-notification-padding_left:16px;
+--spacing-noticebar-notification-padding_right:16px;
+--spacing-noticebar-notification-padding_top:16px;
+--spacing-noticebar-notification-padding_bottom:16px;
+--spacing-noticebar-notification_title-margin_bottom:6px;
+--spacing-noticebar-notification_button-padding_right:12px;
+--spacing-noticebar-notification-button-margin_left:3px;
+--icon-noticebar-snackbar:16px;
+--icon-noticebar-toast:20px;
+--icon-noticebar-notification:12px;
+--icon-noticebar-:20px;
+--color-noticebar-snackbar_info-bg:#0B2F36;
+--color-noticebar-snackbar_info-text:#e6f8fa;
+--color-noticebar-snackbar_info-icon:rgba(230,248,250,.6);
+--color-noticebar-snackbar_warning-bg:#3C1A14;
+--color-noticebar-snackbar_warning-text:#ffdedd;
+--color-noticebar-snackbar_warning-icon:rgba(255,222,221,.6);
+--color-noticebar-snackbar_tips-bg:#40380C;
+--color-noticebar-snackbar_tips-text:#fff6ca;
+--color-noticebar-snackbar_tips-icon:rgba(255,246,202,.6);
+--color-noticebar-notification-bg:#2C2C2E;
+--color-noticebar-notification-text:#F2F5FF;
+--color-noticebar-notification_tag_success-bg:rgba(27,196,125,.2);
+--color-noticebar-notification_tag_tips-bg:rgba(255,199,0,.2);
+--color-noticebar-notification_tag_warning-bg:rgba(235,92,49,.15);
+--color-noticebar-notification_tag_disable-bg:rgba(255,255,255,.15);
+--color-noticebar-toast_info-bg:rgba(84,84,88,.95);
+--color-noticebar-toast_info-text:#ffffff;
+--color-noticebar-toast_warning-icon:#eb5c31;
+}
+html{
+--height-noticebar-snackbar:34px;
+--radius-noticebar-snackbar:6px;
+--radius-noticebar-toast:17px;
+--radius-noticebar-notification:10px;
+--radius-noticebar-notification_tag:4px;
+--spacing-noticebar-snackbar-padding_left:8px;
+--spacing-noticebar-snackbar-padding_right:12px;
+--spacing-noticebar-snackbar_icon-margin_right:8px;
+--spacing-noticebar-snackbar_text-margin_right:4px;
+--spacing-noticebar-toast-padding_left:8px;
+--spacing-noticebar-toast-padding_right:16px;
+--spacing-noticebar-toast_icon-margin_right:4px;
+--spacing-noticebar-notification-padding_left:16px;
+--spacing-noticebar-notification-padding_right:16px;
+--spacing-noticebar-notification-padding_top:16px;
+--spacing-noticebar-notification-padding_bottom:16px;
+--spacing-noticebar-notification_title-margin_bottom:6px;
+--spacing-noticebar-notification_button-padding_right:12px;
+--spacing-noticebar-notification-button-margin_left:3px;
+--icon-noticebar-snackbar:16px;
+--icon-noticebar-toast:20px;
+--icon-noticebar-notification:12px;
+--icon-noticebar-:20px;
+--color-noticebar-snackbar_info-bg:#e6f8fa;
+--color-noticebar-snackbar_info-text:#00A5BB;
+--color-noticebar-snackbar_info-icon:rgba(0,165,187,.6);
+--color-noticebar-snackbar_warning-bg:#ffeeee;
+--color-noticebar-snackbar_warning-text:#eb5c31;
+--color-noticebar-snackbar_warning-icon:rgba(235,92,49,.6);
+--color-noticebar-snackbar_tips-bg:#fffbe4;
+--color-noticebar-snackbar_tips-text:#A17E00;
+--color-noticebar-snackbar_tips-icon:rgba(161,126,0,.6);
+--color-noticebar-notification-bg:#ffffff;
+--color-noticebar-notification-text:rgba(0,0,0,.85);
+--color-noticebar-notification_tag_success-bg:rgba(27,196,125,.2);
+--color-noticebar-notification_tag_tips-bg:rgba(255,199,0,.2);
+--color-noticebar-notification_tag_warning-bg:rgba(235,92,49,.1);
+--color-noticebar-notification_tag_disable-bg:rgba(0,0,0,.10);
+--color-noticebar-toast_info-bg:rgba(0,0,0,.85);
+--color-noticebar-toast_info-text:#ffffff;
+--color-noticebar-toast_warning-icon:#eb5c31;
 }
 html[theme="dark"]{
@@ -2621,180 +2621,180 @@ html{
 --color-switch-on_button_border-default:rgba(0,0,0,.1);
 --color-switch-on_button_border-disable:rgba(0,0,0,.05);
 }
-html[theme="dark"]{
---height-tab-primary:56px;
---height-tab-primary-bar:3px;
---height-tab-secondary:44px;
---height-tab-secondary-bar:2px;
---height-tab-capsule:48px;
---height-tab-capsule_btn:28px;
---height-tab-selector_l:34px;
---height-tab-selector_l_btn:30px;
---height-tab-selector_m:28px;
---height-tab-selector_m_btn:24px;
---height-tab-secondary-divider:0.5px;
---height-tab-buy_sell:44px;
---height-tab-filter:48px;
---height-tab-filter_divider:0.5px;
---spacing-tab-primary-padding_left:8px;
---spacing-tab-primary-padding_right:8px;
---spacing-tab-primary-margin_left:12px;
---spacing-tab-primary_bar-margin_top-active:4px;
---spacing-tab-primary_icon-margin_right:20px;
---spacing-tab-secondary-padding_left:12px;
---spacing-tab-secondary-padding_right:12px;
---spacing-tab-secondary-margin_left:8px;
---spacing-tab-secondary_bar-margin_top-active:13px;
---spacing-tab-secondary_icon-margin_right:20px;
---spacing-tab-capsule_btn-padding_left:12px;
---spacing-tab-capsule_btn-padding_right:12px;
---spacing-tab-capsule_btn-margin_right:6px;
---spacing-tab-capsule_btn-margin_left:6px;
---spacing-tab-capsule_btn_icon-margin_left:0px;
---spacing-tab-capsule-margin_left:14px;
---spacing-tab-capsule-margin_top:10px;
---spacing-tab-capsule-margin_bottom:10px;
---spacing-tab-capsule_icon-margin_right:20px;
---spacing-tab-selector-margin_left:2px;
---spacing-tab-selector-margin_right:2px;
---spacing-tab-selector-margin_top:2px;
---spacing-tab-selector-margin_bottom:2px;
---spacing-tab-filter-margin_y:20px;
---spacing-tab-filter_contant-margin_y:8px;
---spacing-tab-filter_down-margin_left:0px;
---spacing-tab-double_click_filter-margin_y:24px;
---radius-tab-capsule_button:14px;
---radius-tab-selector_card:6px;
---radius-tab-buy_sell-1:6px;
---radius-tab-buy_sell-2:4px;
---radius-tab-primary_bar:1px;
---radius-tab-secondary-bar_bottom:0px;
---radius-tab-secondary-bar_top:1px;
---width-tab-primary-bar:16px;
---width-tab-buy-border-active:1px;
---icon-tab-filter_down:16px;
---color-tab-primary-text-default:rgba(235,235,245,.65);
---color-tab-primary-text-active:#F2F5FF;
---color-tab-primary-bar-active:#1bc47d;
---color-tab-secondary-text-default:rgba(235,235,245,.65);
---color-tab-secondary-text-active:#F2F5FF;
---color-tab-secondary-bar-active:#F2F5FF;
---color-tab-secondary-divider:rgba(84,84,88,.35);
---color-tab-capsule-text-default:#F2F5FF;
---color-tab-capsule_btn-bg-default:rgba(118,118,128,.14);
---color-tab-capsule-text-active:#1bc47d;
---color-tab-capsule_btn-bg-active:rgba(27,196,125,.2);
---color-tab-selector-text-default:rgba(235,235,245,.65);
---color-tab-selector-bg-default:rgba(118,118,128,.2);
---color-tab-selector-bg-active:rgba(118,118,128,.5);
---color-tab-selector-text-active:#F2F5FF;
---color-tab-buy-text-default:#F2F5FF;
---color-tab-buy-text-active:#1bc47d;
---color-tab-buy-text-disable:rgba(235,235,245,.3);
---color-tab-buy-bg-default:rgba(118,118,128,.14);
---color-tab-buy-bg-active:rgba(27,196,125,.20);
---color-tab-buy-border-active:#1bc47d;
---color-tab-buy-bg-disable:rgba(118,118,128,.14);
---color-tab-sell-text-default:#F2F5FF;
---color-tab-sell-text-active:#f24822;
---color-tab-sell-bg-default:rgba(118,118,128,.14);
---color-tab-sell-bg-active:rgba(242,72,34,.20);
---color-tab-sell-border-active:#f24822;
---color-tab-sell-bg-disable:rgba(118,118,128,.14);
---color-tab-filter-text-default:rgba(235,235,245,.65);
---color-tab-filter-text-active:#F2F5FF;
---color-tab-filter_down:rgba(235,235,245,.65);
---color-tab-filter-divider:rgba(84,84,88,.35);
---color-tab-sell-text-disable:rgba(235,235,245,.3);
---color-tab-filter_down-active:#1bc47d;
-}
-html{
---height-tab-primary:56px;
---height-tab-primary-bar:3px;
---height-tab-secondary:44px;
---height-tab-secondary-bar:2px;
---height-tab-capsule:48px;
---height-tab-capsule_btn:28px;
---height-tab-selector_l:34px;
---height-tab-selector_l_btn:30px;
---height-tab-selector_m:28px;
---height-tab-selector_m_btn:24px;
---height-tab-secondary-divider:0.5px;
---height-tab-buy_sell:44px;
---height-tab-filter:48px;
---height-tab-filter_divider:0.5px;
---spacing-tab-primary-padding_left:8px;
---spacing-tab-primary-padding_right:8px;
---spacing-tab-primary-margin_left:12px;
---spacing-tab-primary_bar-margin_top-active:4px;
---spacing-tab-primary_icon-margin_right:20px;
---spacing-tab-secondary-padding_left:12px;
---spacing-tab-secondary-padding_right:12px;
---spacing-tab-secondary-margin_left:8px;
---spacing-tab-secondary_bar-margin_top-active:13px;
---spacing-tab-secondary_icon-margin_right:20px;
---spacing-tab-capsule_btn-padding_left:12px;
---spacing-tab-capsule_btn-padding_right:12px;
---spacing-tab-capsule_btn-margin_right:6px;
---spacing-tab-capsule_btn-margin_left:6px;
---spacing-tab-capsule_btn_icon-margin_left:0px;
---spacing-tab-capsule-margin_left:14px;
---spacing-tab-capsule-margin_top:10px;
---spacing-tab-capsule-margin_bottom:10px;
---spacing-tab-capsule_icon-margin_right:20px;
---spacing-tab-selector-margin_left:2px;
---spacing-tab-selector-margin_right:2px;
---spacing-tab-selector-margin_top:2px;
---spacing-tab-selector-margin_bottom:2px;
---spacing-tab-filter-margin_y:20px;
---spacing-tab-filter_contant-margin_y:8px;
---spacing-tab-filter_down-margin_left:0px;
---spacing-tab-double_click_filter-margin_y:24px;
---radius-tab-capsule_button:14px;
---radius-tab-selector_card:6px;
---radius-tab-buy_sell-1:6px;
---radius-tab-buy_sell-2:4px;
---radius-tab-primary_bar:1px;
---radius-tab-secondary-bar_bottom:0px;
---radius-tab-secondary-bar_top:1px;
---width-tab-primary-bar:16px;
---width-tab-buy-border-active:1px;
---icon-tab-filter_down:16px;
---color-tab-primary-text-default:rgba(0,0,0,.5);
---color-tab-primary-text-active:rgba(0,0,0,.85);
---color-tab-primary-bar-active:#1bc47d;
---color-tab-secondary-text-default:rgba(0,0,0,.5);
---color-tab-secondary-text-active:rgba(0,0,0,.85);
---color-tab-secondary-bar-active:rgba(0,0,0,.85);
---color-tab-secondary-divider:rgba(0,0,0,.05);
---color-tab-capsule-text-default:rgba(0,0,0,.85);
---color-tab-capsule_btn-bg-default:#f7f8f9;
---color-tab-capsule-text-active:#1bc47d;
---color-tab-capsule_btn-bg-active:rgba(27,196,125,.1);
---color-tab-selector-text-default:rgba(0,0,0,.5);
---color-tab-selector-bg-default:#f7f8f9;
---color-tab-selector-bg-active:#ffffff;
---color-tab-selector-text-active:rgba(0,0,0,.85);
---color-tab-buy-text-default:rgba(0,0,0,.85);
---color-tab-buy-text-active:#1bc47d;
---color-tab-buy-text-disable:rgba(0,0,0,.3);
---color-tab-buy-bg-default:#f7f8f9;
---color-tab-buy-bg-active:rgba(27,196,125,.15);
---color-tab-buy-border-active:#1bc47d;
---color-tab-buy-bg-disable:#f7f8f9;
---color-tab-sell-text-default:rgba(0,0,0,.85);
---color-tab-sell-text-active:#f24822;
---color-tab-sell-text-disable:rgba(0,0,0,.3);
---color-tab-sell-bg-default:#f7f8f9;
---color-tab-sell-bg-active:rgba(242,72,34,.15);
---color-tab-sell-border-active:#f24822;
---color-tab-sell-bg-disable:#f7f8f9;
---color-tab-filter-text-default:rgba(0,0,0,.5);
---color-tab-filter-text-active:rgba(0,0,0,.85);
---color-tab-filter_down:rgba(0,0,0,.5);
---color-tab-filter-divider:rgba(0,0,0,.05);
---color-tab-filter_down-active:#1bc47d;
+html[theme="dark"]{
+--height-tab-primary:56px;
+--height-tab-primary-bar:3px;
+--height-tab-secondary:44px;
+--height-tab-secondary-bar:2px;
+--height-tab-capsule:48px;
+--height-tab-capsule_btn:28px;
+--height-tab-selector_l:34px;
+--height-tab-selector_l_btn:30px;
+--height-tab-selector_m:28px;
+--height-tab-selector_m_btn:24px;
+--height-tab-secondary-divider:0.5px;
+--height-tab-buy_sell:44px;
+--height-tab-filter:48px;
+--height-tab-filter_divider:0.5px;
+--spacing-tab-primary-padding_left:8px;
+--spacing-tab-primary-padding_right:8px;
+--spacing-tab-primary-margin_left:12px;
+--spacing-tab-primary_bar-margin_top-active:4px;
+--spacing-tab-primary_icon-margin_right:20px;
+--spacing-tab-secondary-padding_left:12px;
+--spacing-tab-secondary-padding_right:12px;
+--spacing-tab-secondary-margin_left:8px;
+--spacing-tab-secondary_bar-margin_top-active:13px;
+--spacing-tab-secondary_icon-margin_right:20px;
+--spacing-tab-capsule_btn-padding_left:12px;
+--spacing-tab-capsule_btn-padding_right:12px;
+--spacing-tab-capsule_btn-margin_right:6px;
+--spacing-tab-capsule_btn-margin_left:6px;
+--spacing-tab-capsule_btn_icon-margin_left:0px;
+--spacing-tab-capsule-margin_left:14px;
+--spacing-tab-capsule-margin_top:10px;
+--spacing-tab-capsule-margin_bottom:10px;
+--spacing-tab-capsule_icon-margin_right:20px;
+--spacing-tab-selector-margin_left:2px;
+--spacing-tab-selector-margin_right:2px;
+--spacing-tab-selector-margin_top:2px;
+--spacing-tab-selector-margin_bottom:2px;
+--spacing-tab-filter-margin_y:20px;
+--spacing-tab-filter_contant-margin_y:8px;
+--spacing-tab-filter_down-margin_left:0px;
+--spacing-tab-double_click_filter-margin_y:24px;
+--radius-tab-capsule_button:14px;
+--radius-tab-selector_card:6px;
+--radius-tab-buy_sell-1:6px;
+--radius-tab-buy_sell-2:4px;
+--radius-tab-primary_bar:1px;
+--radius-tab-secondary-bar_bottom:0px;
+--radius-tab-secondary-bar_top:1px;
+--width-tab-primary-bar:16px;
+--width-tab-buy-border-active:1px;
+--icon-tab-filter_down:16px;
+--color-tab-primary-text-default:rgba(235,235,245,.65);
+--color-tab-primary-text-active:#F2F5FF;
+--color-tab-primary-bar-active:#1bc47d;
+--color-tab-secondary-text-default:rgba(235,235,245,.65);
+--color-tab-secondary-text-active:#F2F5FF;
+--color-tab-secondary-bar-active:#F2F5FF;
+--color-tab-secondary-divider:rgba(84,84,88,.35);
+--color-tab-capsule-text-default:#F2F5FF;
+--color-tab-capsule_btn-bg-default:rgba(118,118,128,.14);
+--color-tab-capsule-text-active:#1bc47d;
+--color-tab-capsule_btn-bg-active:rgba(27,196,125,.2);
+--color-tab-selector-text-default:rgba(235,235,245,.65);
+--color-tab-selector-bg-default:rgba(118,118,128,.2);
+--color-tab-selector-bg-active:rgba(118,118,128,.5);
+--color-tab-selector-text-active:#F2F5FF;
+--color-tab-buy-text-default:#F2F5FF;
+--color-tab-buy-text-active:#1bc47d;
+--color-tab-buy-text-disable:rgba(235,235,245,.3);
+--color-tab-buy-bg-default:rgba(118,118,128,.14);
+--color-tab-buy-bg-active:rgba(27,196,125,.20);
+--color-tab-buy-border-active:#1bc47d;
+--color-tab-buy-bg-disable:rgba(118,118,128,.14);
+--color-tab-sell-text-default:#F2F5FF;
+--color-tab-sell-text-active:#f24822;
+--color-tab-sell-bg-default:rgba(118,118,128,.14);
+--color-tab-sell-bg-active:rgba(242,72,34,.20);
+--color-tab-sell-border-active:#f24822;
+--color-tab-sell-bg-disable:rgba(118,118,128,.14);
+--color-tab-filter-text-default:rgba(235,235,245,.65);
+--color-tab-filter-text-active:#F2F5FF;
+--color-tab-filter_down:rgba(235,235,245,.65);
+--color-tab-filter-divider:rgba(84,84,88,.35);
+--color-tab-sell-text-disable:rgba(235,235,245,.3);
+--color-tab-filter_down-active:#1bc47d;
+}
+html{
+--height-tab-primary:56px;
+--height-tab-primary-bar:3px;
+--height-tab-secondary:44px;
+--height-tab-secondary-bar:2px;
+--height-tab-capsule:48px;
+--height-tab-capsule_btn:28px;
+--height-tab-selector_l:34px;
+--height-tab-selector_l_btn:30px;
+--height-tab-selector_m:28px;
+--height-tab-selector_m_btn:24px;
+--height-tab-secondary-divider:0.5px;
+--height-tab-buy_sell:44px;
+--height-tab-filter:48px;
+--height-tab-filter_divider:0.5px;
+--spacing-tab-primary-padding_left:8px;
+--spacing-tab-primary-padding_right:8px;
+--spacing-tab-primary-margin_left:12px;
+--spacing-tab-primary_bar-margin_top-active:4px;
+--spacing-tab-primary_icon-margin_right:20px;
+--spacing-tab-secondary-padding_left:12px;
+--spacing-tab-secondary-padding_right:12px;
+--spacing-tab-secondary-margin_left:8px;
+--spacing-tab-secondary_bar-margin_top-active:13px;
+--spacing-tab-secondary_icon-margin_right:20px;
+--spacing-tab-capsule_btn-padding_left:12px;
+--spacing-tab-capsule_btn-padding_right:12px;
+--spacing-tab-capsule_btn-margin_right:6px;
+--spacing-tab-capsule_btn-margin_left:6px;
+--spacing-tab-capsule_btn_icon-margin_left:0px;
+--spacing-tab-capsule-margin_left:14px;
+--spacing-tab-capsule-margin_top:10px;
+--spacing-tab-capsule-margin_bottom:10px;
+--spacing-tab-capsule_icon-margin_right:20px;
+--spacing-tab-selector-margin_left:2px;
+--spacing-tab-selector-margin_right:2px;
+--spacing-tab-selector-margin_top:2px;
+--spacing-tab-selector-margin_bottom:2px;
+--spacing-tab-filter-margin_y:20px;
+--spacing-tab-filter_contant-margin_y:8px;
+--spacing-tab-filter_down-margin_left:0px;
+--spacing-tab-double_click_filter-margin_y:24px;
+--radius-tab-capsule_button:14px;
+--radius-tab-selector_card:6px;
+--radius-tab-buy_sell-1:6px;
+--radius-tab-buy_sell-2:4px;
+--radius-tab-primary_bar:1px;
+--radius-tab-secondary-bar_bottom:0px;
+--radius-tab-secondary-bar_top:1px;
+--width-tab-primary-bar:16px;
+--width-tab-buy-border-active:1px;
+--icon-tab-filter_down:16px;
+--color-tab-primary-text-default:rgba(0,0,0,.5);
+--color-tab-primary-text-active:rgba(0,0,0,.85);
+--color-tab-primary-bar-active:#1bc47d;
+--color-tab-secondary-text-default:rgba(0,0,0,.5);
+--color-tab-secondary-text-active:rgba(0,0,0,.85);
+--color-tab-secondary-bar-active:rgba(0,0,0,.85);
+--color-tab-secondary-divider:rgba(0,0,0,.05);
+--color-tab-capsule-text-default:rgba(0,0,0,.85);
+--color-tab-capsule_btn-bg-default:#f7f8f9;
+--color-tab-capsule-text-active:#1bc47d;
+--color-tab-capsule_btn-bg-active:rgba(27,196,125,.1);
+--color-tab-selector-text-default:rgba(0,0,0,.5);
+--color-tab-selector-bg-default:#f7f8f9;
+--color-tab-selector-bg-active:#ffffff;
+--color-tab-selector-text-active:rgba(0,0,0,.85);
+--color-tab-buy-text-default:rgba(0,0,0,.85);
+--color-tab-buy-text-active:#1bc47d;
+--color-tab-buy-text-disable:rgba(0,0,0,.3);
+--color-tab-buy-bg-default:#f7f8f9;
+--color-tab-buy-bg-active:rgba(27,196,125,.15);
+--color-tab-buy-border-active:#1bc47d;
+--color-tab-buy-bg-disable:#f7f8f9;
+--color-tab-sell-text-default:rgba(0,0,0,.85);
+--color-tab-sell-text-active:#f24822;
+--color-tab-sell-text-disable:rgba(0,0,0,.3);
+--color-tab-sell-bg-default:#f7f8f9;
+--color-tab-sell-bg-active:rgba(242,72,34,.15);
+--color-tab-sell-border-active:#f24822;
+--color-tab-sell-bg-disable:#f7f8f9;
+--color-tab-filter-text-default:rgba(0,0,0,.5);
+--color-tab-filter-text-active:rgba(0,0,0,.85);
+--color-tab-filter_down:rgba(0,0,0,.5);
+--color-tab-filter-divider:rgba(0,0,0,.05);
+--color-tab-filter_down-active:#1bc47d;
 }
 html[theme="dark"]{