:root{
  /**
   * @deprecated
   *
   * 已过期的颜色变量，逐步替换掉
   */
   --color-main: #1F2229;
   --color-main2: #232F5D;
   --color-main3: #5C5C5C;
   --color-main4: #999999;
   --color-main5: #666;
   --color-main6: #ccc;
   --color-main7: #a2a6b8;
   --color-main4--f60: rgba(153, 153, 153, 0.6); /* fade(#999999, 60) */
   --color-border: #D8D8D8;
   --color-border2: #E7E7E7;
   --color-yellow: #fff777;
   --color-yellow2: #FFDF7A;
   --color-yellow3: #FDF571;
   --color-yellow4: rgb(255, 194, 71);
   --color-green-bold: #349D8E;
   --color-gray: #999;
   --color-gray2: #BCC0D1;
   --color-gray3: #7b8092;
   --color-gray4: #A5ACCC;
   --color-gray5: #909DD2;
   --color-gray6: #717DAE;
   --color-gray7: #EBEFF4;
   --color-gray8: #999DA6;
   --color-gray9: #666E91;
   --color-gray10: #666E91;
   --color-gray11: #656A73;
   --color-gray--f50: rgba(204, 204, 204, 0.5); /* fade(#CCCCCC, 50) */
   --color-red: #FA648C;
   --color-red2: #FF4D6A;
   --color-red3: #FF7F96;
   --color-red4: #FB5E5E;
   --color-red5: #FC78AD;
   --color-red6: #FF3259;
   --color-red7: #FA4A3E;
   --color-orange: #FF6A5C;
   --color-orange2: #FAA360;
   --color-orange3: #FFB965;
   --color-orange4: #FF5F40;
   --color-orange5: #D66340;
   --color-orange6: #FF9B42;
   --color-orange--light: #FFEDDF;
   --color-orange-bg: #FFF2F0;
   --color-orange--f5: rgba(255, 106, 92, 0.05); /* fade(#FF6A5C, 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: #F5F5F5;
   --color-bg3: #F6F8FE;
   --color-bg4: #F5F6F9;
   --color-bg5: #f7f7f7;
   --color-bg6: #F4F5FA;
   --color-bg7: #e6e6e6;
   --color-bg-search: #F5F5F5;
   --color-bg-disabled: #C2C2C2;
   --color-text: #fff;
   --color-text--f50: rgba(255, 255, 255, 0.5); /* fade(#fff, 50) */
   --color-theme: #FF6C47;
   --color-theme-new: #01A6FE;
   --color-theme--f10: rgba(255, 108, 71, 0.1); /* fade(#FF6C47, 10) */
   --color-theme--f30: rgba(255, 108, 71, 0.3); /* fade(#FF6C47, 30) */
   --color-theme--f40: rgba(255, 108, 71, 0.4); /* fade(#FF6C47, 40) */
   --color-theme-new--f10: rgba(1, 165, 254, 0.1);
   --color-theme-new--f30: rgba(1, 165, 254, 0.3);
   --color-theme-new--f40: rgba(1, 165, 254, 0.4);
   --color-theme2: #57A2F2;
   --color-theme3: #5993EB;
   --color-theme-tab: #01A6FE;
   --color-theme-tab-gray: #656A73;
   --color-lighttheme: #FFF2F0;
   --color-lighttheme-new: #EAF8FF;
   --color-lighttheme2: #BCC2DD;
   --color-purple: #333333;
   --color-purple2: #694DFB;
   --color-purple3: #2C3660;
   --color-purple4: #303237;
   --color-purple5: #373D52;
   --color-purple6: #1F2229;
   --color-black: #37383D;
   --color-black2: #1F1F1F;
   --color-actionTrain: #00C2C2;
   --color-title: #1F1F1F;
   --color-sub-title: #999999;
   --color-content: #5c5c5c;

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

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

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

  /* 标题色 */
  --color-text-primary: #1F1F1F;
  /* 醒目文本色 */
  --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;
}