:root{
  /**
   * @deprecated
   *
   * 已过期的颜色变量，逐步替换掉
   */
  --color-main: #222D59;
  --color-main2: #232F5D;
  --color-main3: #333D66;
  --color-main4: #666E91;
  --color-main5: #666;
  --color-main6: #ccc;
  --color-main7: #a2a6b8;
  --color-main4--f60: rgba(102,110,145,.6); /* fade(#666E91, 60); */
  --color-border: #D8D8D8;
  --color-yellow: #fff777;
  --color-yellow2: #FFDF7A;
  --color-yellow3: #FDF571;
  --color-green-bold: #349D8E;
  --color-gray: #969CB3;
  --color-gray2: #BCC0D1;
  --color-gray3: #7b8092;
  --color-gray4: #A5ACCC;
  --color-gray5: #909DD2;
  --color-gray6: #717DAE;
  --color-gray7: #EBEFF4;
  --color-gray8: #999;
  --color-gray9: #666E91;
  --color-gray--f50: rgba(150,156,179,.5); /* fade(#969CB3, 50); */
  --color-red: #FA648C;
  --color-red2: #FF4D6A;
  --color-red3: #FF7F96;
  --color-red4: #FB5E5E;
  --color-red5: #FC78AD;
  --color-red6: #FF3259;
  --color-orange: #FF825D;
  --color-orange2: #FAA360;
  --color-orange3: #FFB965;
  --color-orange4: #FF6C47;
  --color-orange5: #D66340;
  --color-orange--light: #FFEDDF;
  --color-orange-bg: #FCF4ED;
  --color-orange--f5: rgba(255,130,93,.5); /* fade(#FF825D, 5); */
  --color-blue: #408BFB;
  --color-blue--f40: rgba(64, 139, 251, 0.4); /* fade(#408BFB, 40) */
  --color-blue--f10: rgba(64, 139, 251, 0.1); /* fade(#408BFB, 10) */
  --color-brown1: #6C2B2B;
  --color-brown2: #601F1F;
  --color-green: #3DCCC7;
  --color-bright: #3DD6D1;
  --color-green-bg: #EAF7F7;
  --color-bg: #F9F9F9;
  --color-bg2: #F2F5FA;
  --color-bg3: #F6F8FE;
  --color-bg4: #F5F6F9;
  --color-bg5: #F7F8FA;
  --color-bg6: #F4F5FA;
  --color-bg-search: #F0F2F5;
  --color-bg-disabled: #C2C2C2;
  --color-text: #fff;
  --color-text--f50: rgba(255, 255, 255, 0.5); /* fade(#fff, 50) */
  --color-theme: #408BFB;
  --color-theme--f30: rgba(64, 139, 251, 0.3); /* fade(#408BFB, 30) */
  --color-theme2: #57A2F2;
  --color-theme3: #5993EB;
  --color-theme-tab: #74AAFB;
  --color-theme-tab-gray: #A3ACC6;
  --color-lighttheme: #EFF5FF;
  --color-lighttheme2: #BCC2DD;
  --color-purple: #464D75;
  --color-purple2: #694DFB;
  --color-purple3: #2C3660;
  --color-black: #37383D;
  --color-black2: #1F1F1F;
  --color-title: #1F1F1F;
  --color-sub-title: #999999;
  --color-content: #5c5c5c;

  /**
   * 主题相关颜色
   */

  /* 主题色。用于按钮背景（每个大版本迭代很可能会改变该颜色） */
  --color-primary: #408BFB;
  /* 警告色。用于价格、提醒文案 */
  --color-danger: #FF6A5C;
  /* 高浓色。用于按钮背景、特殊标记 */
  --color-thick: #408BFB;

  /**
   * 文本相关颜色
   */

  /* 标题色 */
  --color-text-primary: #222D59;
  /* 醒目文本色 */
  --color-text-clear: #333;
  /* 常规文本色 */
  --color-text-regular: #5C5C5C;
  /* 次常规文本色 */
  --color-text-secondary: #999;
  /* 禁用文本色 */
  --color-text-disabled: #C2C2C2;
  /* 模糊文本色 */
  --color-text-weak: #CCC;
  /* 反色文本色。用于深色背景文本 */
  --color-text-reverse: #FFF;

  /**
   * 背景相关颜色
   */

  /* 主要背景色。用于页面背景、常规板块背景 */
  --color-bg-primary: #FFF;
  /* 醒目背景色。用于弹窗背景、抽屉背景 */
  --color-bg-clear: #FFF;
  /* 常规背景色 */
  --color-bg-regular: #F5F5F5;
  /* 次常规背景色 */
  --color-bg-secondary: #F9F9F9;
  /* 反色背景色。用于分隔闩 */
  --color-bg-reverse: #F5F5F5;

  /**
   * 线条相关颜色
   */

  /* 水平分隔线 */
  --color-divider-horizontal: #F3F3F3;
  /* 垂直分隔线 */
  --color-divider-vertical: #EBEBEB;
}