:root {
	/* 基础色值  可用作背景，字体，边框颜色 */
	--white: #fff;
	--black: #000;
	
	/* 背景色部分 */
	--bg-html: #fff ;   /* 页面底色 */
	--bg-mainpanel : #f7f8fa;    /* 页面模块背景色 & 同白色按钮底色 & 查看页面禁用效果背景色*/
	--bg-menu-link : #e6f7ff;    /* 侧边栏背景色 顶部导航背景色  e6f7ff */
	--bg-th : #f7f8fa ; /* th 背景色  开关背景色 */
	--bg-toggle : #dcdfe6 ; /*  开关背景色 */
	--bg-active: rgba(0,137,255,0.2) ;  /*  左侧导航背景色 审核页面高亮背景色 */
	--bg-slider:#e8e8e8;   /*  slider背景色，imgbox背景色 */
	--bg-modal-nav:#f0f2f5;   /*  tab-nav背景（弹窗） */
	--bg-tab:#f7f8fa;   /*  tab背景色（如列表页配置） */
	
	/* 字体颜色部分 */
	--tx-default: #475669;  /* 默认字体(状态字体未开始也用该字体) */
	--tx-success:#23bf08;   /* 通过，完成，已发布 */
	--tx-warning: #f49917;  /* 警告，审核中，未发 */
	--tx-danger: #dc3545;   /* 驳回，未完成，失败，报错 */
	--tx-a: #1890FF;        /* a标签文字（文字按钮）用主题色 */
	--tx-a-hover: #1890FF;        /* a标签文字（文字按钮）用主题色 */
	--tx-icon:#97a6bd;
	--tx-icon-disabled:rgba(151,166,189,0.7);
	--br-pagebody: rgba(8, 8, 8, 0.06);
	--tx-explain:#97A6BD;
	--required-icon-color : #dc3545;/* 必填图标颜色 */
	--explain-icon-color : #97a6bd;/* 说明图标颜色 */
	/* 按钮颜色部分 */
	--btn-white: #fff;      /* 白色字体 */
	--btn-black: #000;      /* 黑色字体 */
	--btn-color-default: #475669;  /* 默认字体 */


	/* 组件&标签背景色 */
	--theme: #1890FF ;    /* 主题色 */
	--theme-rgb-2: rgba(255,255,255,0.2) ;      /* 白色带不透明度 */
	--theme-btn-rgb-1: rgba(24,144,255,0.1) ;      /* 主题色带不透明度 */
	--bg-ele-default: #1890FF ;
	--bg-ele-default-hover: #0077DD ;
	--bg-ele-default-disabled: #87BDED;


	/* 消息提示相关 */
	--bg-success:#23BF08  ;
	--bg-warning:#f49917  ;
	--bg-danger:#dc3545  ;
	--bg-success-hover:#1a8e06  ;
	--bg-warning-hover:#ce7d0a  ;
	--bg-danger-hover:#bd2130  ;

	/* 边框 */
	--border: rgba(8, 8, 8, 0.06) ;
	--border-input: rgba(8, 8, 8, 0.06) ;
	
	/*导航和header部分 */
	--bg-header: #1890FF ;
	--tx-header:#fff;
	--tx-logo:#fff;
	--tx-header-active:#1890FF;
	--tx-fast-active:#fff;
	--fast-nav-bg-active: rgba(255,255,255,0.2) ;
	--header-drop-bg-active: rgba(24,144,255,0.1) ;
	--bg-logo:#1890FF;
	--bg-nav: #fff ;
	--tx-nav:#475669;   /*一级导航*/
	--bg-nav-active:rgba(24,144,255,0.1);
	--tx-nav-active:#1890FF;
	--tx-nav-hover:#1890FF;
	--nav-border:rgba(8, 8, 8, 0.06) ;
	
	/* 
		深色主题：
		展开时字体颜色和header保持一致，收起时字体颜色和导航保持一致。
		浅色主题：
		当顶部字体图标为白色时，展开收起按钮无论是否展开或收起，字体固定为白色；
		当顶部字体图标为深色时，展开收起按钮无论是否展开或收起，字体固定为深色；
		 
		产品包默认情况：
		主题一（浅色模式），顶栏导航默认图标及文字颜色为“白色”
	*/
	--tx-btnLeftMenu: #ffffff;  
	--tx-btnLeftMenu-gather: #ffffff; 
	
	--bg-nav2: #fff ;   /*二级导航*/
	--tx-nav2:#475669;
	--bg-nav2-active:rgba(24,144,255,0.1);
	--tx-nav2-active:#1890FF;
	--tx-nav2-hover:#1890FF;
	--nav2-border:rgba(8, 8, 8, 0.06) ;
	--tx-independent:#1890FF!important;
	--tx-independent-active:#1890FF!important;
}