:root {
    --font-size:14px;                               /* 主体字号 */
    
    /* 主色 */
    --global-color:#6434FF;                       /* 主色调 */
    --title-color:#040F43;                        /* 标题文本色 */
    --text-color:#040F43;                         /* 通用文本色 */
    --info-color:#8187A1;                         /* 通用信息色 */
    --info-background-color:#F2F5FF;              /* 通用信息背景色 */    
    --disabled-color:#E1E6F0;                     /* 通用禁用色 */
    --hover-color:var(--global-color);              /* 悬浮文本色 */
    --stripe-background-color:#f7f9ff;            /* 斑马纹背景色 */
    --banner-des-color:#999999;                   /* 横幅描述色 */
    --banner-text-color:#fff;                     /* 横幅文本色 */    

    /* 状态颜色 */
    --wait-color:#0000ff;                         /* 等待色 */
    --success-color:#00BA09;                      /* 成功色 */  
    --waiting-color:#FFAC00;                      /* 等待中色 */
    --saleing-color:#E49A00;                      /* 出售中色 */
    --editing-color:#E49A00;                      /* 修改中色 */
    --error-color:#E8001C;                        /* 错误色 */
    --alert-color:#E8001C;                        /* 提醒色 */
    --strongwarn-color:#00BA09;                   /* 强提示色 */
    --cancel-color:#8187A1;                       /* 取消色 */

    /* 中性色 */
    --icon-color:#8187A1;                         /* 通用图标色 */
    --border-color:#E1E6F0;                       /* 通用边框色 */
    --hover-background-color:#f2f5ff;             /* 鼠标移入背景 */
    --table-header-background-color:#F3F5FC;      /* 表头背景色 */
    --table-header-text-color:#040F43;            /* 表头文本色 */
    --table-stripe-background-color:#F7F9FF;      /* 表格斑马线背景色 */
    --table-hover-background-color:#EAEEF6;       /* 表格移入背景色 */
    

    /* 文字色 */
    --content-title-color:#040F43;                 /* 正文标题色 */
    --high-color:var(--global-color);                /* 亮色 */
    --list-des-text-color:#8187A1;                 /* 列表描述文字 */

    /* 字体 */
    --PingFangSC:PingFangSC,PingFang SC,PingFangSC-Regular,Arial,"Microsoft YaHei",Tahoma,Helvetica,sans-serif;
    --PingFang-Medium:PingFangSC-Medium,var(--PingFangSC);
    --PingFang-Semibold:PingFangSC-Semibold,var(--PingFangSC);
    --Arial-Regular:Arial-Regular,var(--PingFangSC);
    --Arial-Bold:Arial-Bold,var(--PingFangSC);
    --DIN-Medium:DIN-Medium,var(--PingFangSC);
    --DIN-Bold:DIN-Bold,var(--PingFangSC);
    --Helvetica:Helvetica,var(--PingFangSC);

    --PingFangSC-Regular:PingFangSC-Regular,var(--PingFangSC);
    --DINProM:DINProM,var(--PingFangSC);

    /* 导航相关 */
    --nav-background-color:linear-gradient(289deg,rgb(20,37,141) 0%,rgb(5,16,68) 85%,rgb(4,15,65) 100%);          /* 导航栏背景色 */
    --nav-text-color:#ffffff;                     /* 导航栏文本色 */
    --nav-a-hover-color:var(--global-color);        /* 导航栏文本色 */
    --nav-drop-background-color:#fff;             /* 导航栏下拉背景色 */
    --nav-drop-title-color:#040F43;               /* 导航栏下拉title文本色 */
    --nav-drop-text-color:#040F43;                /* 导航栏下拉文本色 */
    --nav-mark-icon-color:#fff;                   /* 导航栏下拉标记icon色 */
    --nav-mark-icon-background-color:#E8001C;     /* 导航栏下拉标记icon背景色 */

    /* foot底部相关 */
    --foot-background-color:linear-gradient(309deg,rgba(0,17,120,1) 0%,rgba(5,16,68,1) 46%,rgba(4,15,65,1) 100%); /* 底部背景色 */
    --foot-text-color:rgba(255,255,255,.5);       /* 底部文本色 */
    --foot-a-hover-color:rgba(255,255,255,1);     /* 底部跳转文本hover色 */
    --foot-title-color:rgba(255,255,255,.8);      /* 底部title文本色 */

    /* form表单相关 (输入框 选择框 下拉框 单选框 复选框)*/
    --form-label-color:#8187A1;                           /* 表单label文本色 */    
    --form-error-msg:#e8001c;                             /* 错误提示文本色 */       
    --select-hover-background-color:#EAEEF6;              /* 下拉选择项hover背景色 */
    --select-hover-text-color:var(--global-color);          /* 下拉选择项hover文本色 */
    --input-border-color:var(--border-color);               /* 输入框色 */
    --input-hover-border-color:var(--global-color);         /* 输入框hover色 */
    --input-focus-border-color:var(--global-color);         /* 输入框focus色 */
    --input-active-border-color:var(--global-color);        /* 输入框active色 */
    --input-error-border-color:#e8001c;                   /* 输入框错误色 */
    --input-placeholder-color:#8187A1;                    /* 输入框placeholder色 */
    --input-text-color:#040F43;                           /* 输入框文本色 */
    --input-text-high-color:#e8001c;                      /* 输入框高亮文本色 */
    --input-disabled-background-color:#fff;               /* 输入框禁用背景色 */
    --input-disabled-text-color:#040F43;                  /* 输入框禁用文本色 */
    --input-disabled-border-color:var(--border-color);      /* 输入框禁用文本色 */
    --input-error-msg-color:#e8001c;                      /* 输入框错误提示色 */
    --radio-color:#E1E6F0;                                /* 单选框颜色 */
    --radio-label-color:#8187A1;                          /* 单选框文本色 */
    --radio-selected-color:var(--global-color);             /* 单选框选中色 */
    --radio-disabled-color:#E1E6F0;                       /* 单选框禁用色 */
    --checkbox-label-color:#8187A1;                       /* 多选框文本色 */
    --checkbox-border-color:#E1E6F0;                      /* 多选框边框色 */
    --checkbox-selected-border-color:var(--global-color);   /* 多选框选中色 */
    --checkbox-disabled-border-color:#E1E6F0;             /* 多选框禁用边框色 */
    --checkbox-disabled-background-color:#F7F9FF;         /* 多选框禁用背景色 */
    --checkbox-disabled-color:#8187A1;                    /* 多选框禁用文字色 */

    --switch-border-color:#8187A1;                        /* 开关按钮边框色 */
    --switch-text-color:#fff;                             /* 开关按钮文字色 */
    --switch-selected-border-color:var(--global-color);     /* 开关按钮选中色 */
    --switch-disabled-border-color:#E1E6F0;               /* 开关按钮禁用边框色 */




    /* 按钮相关 */
    --btn-text-color:#8187A1;                             /* 普通按钮文本色 */
    --btn-border-color:var(--border-color);                 /* 普通按钮边框色 */
    --btn-text-hover-color:var(--global-color);                          /* 普通按钮hover文本色 */
    --btn-border-hover-color:var(--global-color);           /* 普通按钮hover背景色 */
    --btn-background-color:#fff;                          /* 普通按钮背景色 */
    --btn-hover-background-color:var(--global-color);       /* 普通按钮hover背景色 */
    --btn-confirm-text-color:#fff;                        /* 确认类按钮主文本色 */
    --btn-confirm-text-hover-color:#fff;                  /* 确认类按钮hover文本色 */
    --btn-confirm-background-color:var(--global-color);     /* 确认类按钮主背景色 */
    --btn-confirm-background-hover-color:rgba(100, 52, 255, 0.8);         /* 确认类按钮主背景hover色 */
    --btn-success-text-color:#fff;                        /* 成功类按钮主文本色 */
    --btn-success-text-hover-color:#fff;                  /* 成功类按钮hover文本色 */
    --btn-success-background-color:linear-gradient( 180deg, #00B610 0%, #009207 100%);                                    /* 成功类按钮主背景色 */
    --btn-success-background-hover-color:linear-gradient( 180deg, rgba(0, 182, 16, 0.8) 0%, rgba(0, 146, 7, 0.8) 100%);   /* 成功类按钮主背景hover色 */
    --btn-warn-text-color:#fff;                            /* 提醒类按钮主文本色 */
    --btn-warn-text-hover-color:#fff;                      /* 提醒类按钮hover文本色 */
    --btn-warn-background-color:linear-gradient( 180deg, rgba(255, 188, 61, 1) 0%, rgba(227, 137, 0, 1) 100%);            /* 提醒类按钮主背景色 */
    --btn-warn-background-hover-color:linear-gradient( 180deg, rgba(255, 188, 61, 0.8) 0%, rgba(227, 137, 0, 0.8) 100%);  /* 提醒类按钮主背景hover色 */
    --btn-info-text-color:var(--info-color);                 /* 信息类按钮主文本色 */
    --btn-info-text-hover-color:var(--global-color);         /* 信息类按钮hover文本色 */
    --btn-info-background-color:var(--info-background-color);                   /* 信息类按钮主背景色 */
    --btn-info-background-hover-color:var(--info-background-color);             /* 信息类按钮主背景hover色 */
    --btn-danger-text-color:#fff;                          /* 红色类按钮主文本色 */
    --btn-danger-text-hover-color:#fff;                    /* 红色类按钮hover文本色 */
    --btn-danger-background-color:linear-gradient(180deg, #e8888c 0%, #e8001c 100%);              /* 信息类按钮主背景色 */
    --btn-danger-background-hover-color:linear-gradient(180deg, rgb(232, 136, 140, 0.8) 0%, rgb(232, 0, 28, 0.8) 100%);  /* 信息类按钮主背景hover色 */


    /* 对话框相关 */
    --dialog-background-title-color:#fff;      /* 对话框标题背景色 */
    --slider-bar-color:#515E88;                   /* 滑块条颜色 */

}