html {
    /* 字体1 (适用于一级文字/标题/正文/输入框已输入文字) */
    --font-color1: #0c100d;
    /* 字体2 (适合用于二级文字内容) */
    --font-color2: #434448;
    /* 字体3 (适用于辅助文字) */
    --font-color3: #858786;
    /* 字体4 (适用暗框显示文字/不可点击文字/转跳箭头颜色) */
    --font-color4: #c5c6c5;
    /* 字体5 */
    --font-color5: #0c100d;

    /* 边框/分割线 */
    --border-color: #F6F8FB;

    /* 表单input背景色 */
    --form-input-background-color: #ffffff;
    /* 表单input边框色 */
    --form-input-border-color: #F6F8FB;

    /* 表格hover */
    --table-hover-background: #F6F8FB;
    /* 表格选择底色 */
    --table-select-background: #F6F8FB;

    /* 分页选中背景色 */
    --table-pagination-background: #F6F8FB;

    /* btn按钮颜色 */
    --market-button-color: #F6F8FB;
    /* menu按钮houver颜色 */
    --menu-button-color: #F6F8FB;
    /* 取消按钮 */
    --canal-button-color: #e1e2e2;
    /* 置灰按钮按钮 */
    --disabled-button-color: #b5b5bd;

    /* 背景颜色1 */
    --background-color0: #fff;
    --background-color1: #fff;
    --background-color2: #f2f2f2;
    --background-color3: #fff;
    --background-color4: #fff;
    --background-color5: #F6F8Fb;
    --background-color6: #e7e7e8;
    --background-color7: #E6EAEF;
    --background-color8: #fff;
    --background-color9: rgba(255, 255, 255, 0.06);
    --background-color10: #fff;
    --background-color11: #15161c;
    --background-color12: rgba(255, 255, 255, 1);

    /* 邀请返佣 */
    --background-color-invite-01: #f2ffba;
    --background-color-invite-02: #f2f2f2;
    --background-color-invite-03: #e7e7e8;

    /* 辅助颜色 */
    --hover-color: #3A8EF6;

    /* 行情颜色 */
    --market-red: #c24d56;
    --market-green: #4dab56;
    --market-blue: #1aaeff;

    --market-red-a: rgba(194, 77, 86, 0.2);
    --market-green-a: rgba(77, 171, 86, 0.2);
    --market-blue-a: rgba(26, 174, 255, 0.2);

    --market-en-up: #4dab56;
    --market-en-down: #c24d56;
    --market-ko-up: #c24d56;
    --market-ko-down: #1aaeff;
    --market-zh-up: #c24d56;
    --market-zh-down: #4dab56;

    /* modal阴影色值 */
    --modal-box-shadow-color: rgba(0, 0, 0, 0.08);


    /* 临时使用 */
    /* h5导航栏颜色 */
    --nav-background-color-1: #f7f7f9;
    --nav-background-color-2: #fff;
    --nav-background-color-3: #fff;

    --home-color: #1c1c1e;

    /* 文字色（深色） */
    --font-word-color1: #202125;

    /* 辅助文字色（深色） */
    --font-word-color2: #7c7f8c;

    /* 注释文字色（深色） */
    --font-word-color3: #a2a6b8;

    /* 输入框提示文字色（深色） */
    --font-word-color4: #b2b5c2;

    /* 标签栏选项框（深色） */
    --font-word-color5: #f5f6fa;

    /* 弹窗及输入框（深色） */
    /* 弹窗背景色/二级背景色 */
    --model-background-color1: #ffffff;

    /* 输入框底色/分割线颜色 */
    --model-background-color2: #e9e9eb;

    /* 输入框/一级背景色/分割条（实心） */
    --model-background-color3: #f7f7f9;

    /* K线背景（深色） */
    /* K线图深色背景模块框底色  */
    --kline-background: #f7f7f9;

    /* list选中（深色） */
    --list-select: #f4f1fd;

    /* #分割线-卡片底板/分割线-深 */
    --border-color-2: #F6F8FB;

    /* 规范 */

    /* 全局背景 */
    --rule-bg: #FFFFFF;

    /* 内容背景（合约交易界面大背景） */
    --rule-content-bg: #FFFFFF;

    /* 输入框背景颜色 */
    --rule-input-bg: #F6F8FB;

    /* button/分割线 */
    --rule-button-bg: #E6EAEF;

    /* 特色背景颜色 */
    --rule-special-bg: #B6BBC5;

    /* 遮罩 */
    --mask-bg: rgba(0, 0, 0, 0.4);

    /* 文字颜色1 */
    --rule-text1: #343739;

    /* 文字颜色2 */
    --rule-text2: #666D79;

    /* 文字颜色3 */
    --rule-text3: #B6BBC5;

    /* Disable背景颜色 */
    --rule-disable-bg: #E6EAEF;

    /* 红色 */
    --rule-red: #EB4848;

    /* 绿色 */
    --rule-green: #00A76A;

    /* 提示颜色 */
    --rule-yellow: #faad14;

    /* 主题色hover */
    --rule-primary-hover: #183EAD;

    /* 红色hover */
    --rule-red-hover: #A53232;

    /* 绿色hover */
    --rule-green-hover: #00774B;

    /* 字体1 (适用于一级文字/标题/正文/输入框已输入文字) */
    --font-color1-market: #343739;
    /* 字体2 (适合用于二级文字内容)辅助文字色（深色）*/
    --font-color2-market: #8E96A5;
    /* 字体3 (适用于辅助文字)注释文字色（深色） */
    --font-color3-market: #B6BBC5;
    /* 字体4 输入框提示文字色（深色） */
    --font-color4-market: #E6EAEF;
    /* 字体4标签栏选项框（深色） */
    --font-color5-market: #454e66;
    /* 字体6 */
    --font-color6-market: #fff;

    /* 一级背景色 弹窗及输入框（深色） */
    --background-color1-market: #FFFFFF;
    /* 二级背景色 #202125 弹窗背景色/二级背景色 */
    --background-color2-market: #FFFFFF;
    /* 三级背景色 输入框/一级背景色/分割条（实心） */
    --background-color3-market: #F6F8FB;
    /* 四级背景色 分割线-卡片底板/tab选项色-深色 */
    --background-color4-market: #E6EAEF;
    /* 五级背景色 */
    --background-color5-market: #000;
}