/**----------------------平台通用css 主题样式-------------------**/
/**----------------------平台通用 字体css-------------------**/

/* 基础字体 */
html body{
	color: #333333;
	font-family: 'MicrosoftYaHei','微软雅黑', sans-serif;
}
/**特大字体 一般用于监控项目名称**/
.hjh0{
	font-family: 'MicrosoftYaHei', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 36px;
}

/**主标题 一般用于：对话框标题、页签标题**/
.hjh1{
	font-family: 'MicrosoftYaHei', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}
.hjh2{
    font-family: 'MicrosoftYaHei', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}
.hjh3{
    font-family: 'MicrosoftYaHei', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #333333;
    line-height: 26px;
}

/* 正文*/
.hjh4{
	font-family: 'MicrosoftYaHei', sans-serif;
    font-style: normal;
    font-size: 14px;
    color: #333333;
    line-height: 26px;
}

/* 辅助文字*/
.hjf1{
	font-family: 'MicrosoftYaHei', sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #999999;
    line-height: 26px;
}
.hjf2{
	font-family: 'MicrosoftYaHei', sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #999999;
    line-height: 22px;
}

/*------------状态文本------------*/
/*失效*/
.hjinvalid{
   color: #CCCCCC;
}
/*链接*/
.hjlink{
   color: #0079FE;
}
/*错误*/
.hjerror{
   color: #FF3B30;
}
/*成功*/
.hjsuccess{
   color: #4BD863;
}
/*预警*/
.hjwarn{
	color: #FE9400;
}

/**----------------------平台通用 按钮css-------------------**/
.hjbtn{
	font-family: 'MicrosoftYaHei', sans-serif;
	border-radius: 4px;
	background-color: #409EFF;
	border: solid 1px #409EFF;
	height: 32px;
	line-height: 0;
	font-size: 14px;
	padding: 0px 10px;
	color: #ffffff;
	cursor: pointer;
	min-width: 60px;
	display: inline-block;
	margin-right: 0px;
}

.hjbtn>i{
	font-size: 16px;
	margin-right: 4px;
	position: relative;
	top: 1px;
}
.hjbtn>i._tag{
	margin-left: 4px;
	margin-right: 0px;
	font-size: 12px;
}
.hjbtn:hover{
	background-color: #63b1ff;
	border-color: #63b1ff;
}
.hjbtn:focus{
	outline: 0px;
	outline: none;
}
/* 小按钮 */
.hjsmall{
	height: 28px;
}
.hjbtn + *{
	margin-left: 8px;
}
.hjbtns{
	font-size: 0px;
}
.hjbtns >*{
	display: inline-block;
}
.hjbtns >* + *{
	margin-left: 8px;
}

.sec{
	border: solid 1px #DCDFE6;
	background-color: #ffffff;
    color: #333333;
}

.sec:hover{
	border: solid 1px #409EFF;
	background-color: #ffffff;
	color: #409EFF;
}

.gen{
	background-color: #ffffff;
	border-color: #dedede;
    color: #999999;
}

.gen:hover{
	background-color: #f2f2f2;
	border-color: #dedede;
	color: #333333;
}

.hjbtn-danger{
	background-color: #ffffff;
	color: #f95e5a;
	border-color: #f95e5a;
}

.hjbtn-danger:hover{
	background-color: #f95e5a;
	color: #ffffff;
	border-color: #f95e5a;
}

.hjbtn-warn{
	background-color: #ffffff;
	color: #fe9400;
	border-color: #fe9400;
}

.hjbtn-warn:hover{
	background-color: #fe9400;
	color: #ffffff;
	border-color: #fe9400;
}
/* 独立图标按钮 */
.ibtn {
	display: inline-block;
	vertical-align: top;
    cursor: pointer;
	color: #409EFF;
	font-size: 18px;
}
.ibtn:hover {
	text-shadow: 0 0 1px;
}
.ibtn + .ibtn{
	margin-left: 4px;
}
/* 列表操作列按钮 start */

.lbtn{
	width: 32px;
	height: 32px;
	line-height: 27px;
	text-align: center;
	background-color: #409EFF;
	border: solid 1px #409EFF;
	color: #ffffff;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;
	margin-right: 4px;

	font-family: "iconfont-pc" !important;
	font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lbtn::before{
	font-size: 20px;
	line-height: 0;
	position: relative;
    top: 1px;
}
.lbtn:hover {
	background-color: #63b1ff;
	border-color: #63b1ff;
}
.lbtns{
	font-size: 0px;
}
.lbtns >*{
	display: inline-block;
	margin-right: 4px;
}


/* 内置列表操作列按钮 start */
/* 查看 */
.licck::before {
  content: '\e77c';
}
/* 编辑 */
.licbj::before{
	content: "\e703";
}
/* 删除 */
.licsc::before{
	content: "\e708";
}
/* 监控 */
.licjk::before{
	content: "\e70b";
}
/* 统计 */
.lictj::before{
	content: "\e70a";
}
/* 复制 */
.licfz::before{
	content: "\e6cd";
}
/* 发布 */
.licfb::before{
	content: "\e702";
}
/* 取消发布 */
.licqxfb::before{
	content: "\e705";
}
/* 回撤 */
.lichc::before{
	content: "\e7a3";
}
/* 上移 */
.licsy::before{
	content: "\e6e6";
}
/* 下移 */
.licxy::before{
	content: "\e6e9";
}
/* 催促 */
.liccc::before{
	content: "\e688";
}
/* 导入 */
.licdr::before{
	content: "\e647";
}
/* 导出 */
.licdc::before{
	content: "\e646";
}
/* 下载中心 */
.licxzzx::before{
	content: "\e61d";
}
/* 启动 */
.licqd::before{
	content: "\e707";
}
/* 启用 */
.licqy::before{
	content: "\e710";
}
/* 禁用/中止 */
.licjy::before{
	content: "\e70f";
}
/* 保存完成 */
.licbcwc::before{
	content: "\e649";
}
/* 列表操作列按钮 end*/


/* a标签颜色 */

.hja{
	color: #63b1ff;
	text-decoration: none;
	cursor: pointer;
	background-color: inherit;
}

.hja:hover{
	color: #63b1ff;
	text-decoration: none;
}

/* ------------------面包屑导航---------------- */
.hjbcs{
	z-index: 1900;
	background: #fff;
	user-select: none;
	position: sticky;
	top: 0;
	display: flex;
	align-items: center;
	height: 40px;
	box-sizing: border-box;
	border-bottom: solid 1px #dedede;
}
.hjbcs .bcbc{
	line-height: 40px;
	width:fit-content;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	font-size: 14px;
	display: flex;
}
.hjbcs .back-btn {
	color: #409eff;
	padding: 0px 16px;
	margin-right: 16px;
	line-height: 40px;
	cursor: pointer;
	position: relative;
}
.hjbcs .back-btn::after{
	content: ' ';
    width: 1px;
    display: block;
    height: 20px;
    position: absolute;
    right: 0px;
    top: 10px;
    background-color: #dedede;
}
.hjbcs .la, .hjbcs .tag{
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}
.hjbcs .la, .hjbcs .next{
	margin-right: 8px;
}
.hjbcs .la{
	color: #666666;
}

.hjbcs .next{
	font-size: 16px;
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	cursor: default;
	color: #c0c4cc;
	position: relative;
	top: 1px;
	
}
.hjbcs .tag{
	color: #333333;
	cursor: default;
}
/*面包屑导航配置样式-隐藏面包屑导航*/
.hjbcs-hide{
	display: none;
}
/* ------------------面包屑导航 end---------------- */

/* ------------------主题颜色 start---------------- */
.hjbgcolor{
	background-color: #409eff;
}
/* ------------------主题颜色 end---------------- */

/**----------------------平台通用 弹窗css-------------------**/

/**----------------------平台通用 表单元素css-------------------**/


/*---------------------- 通用checkbox/radio样式 start -------------------------*/
label.hj-chki{
	cursor: pointer;
	margin-right: 24px;
}
label.hj-chki:last-child{
	margin-right: 0px;
}

/*---------------------- 通用checkbox样式 start -------------------------*/
label.hj-chki input[type=checkbox]{
	width: 0px;
	height: 0px;
	position: relative;
	top: 3px;
	margin-right: 4px;
	cursor: pointer;
	margin-left: 16px;
}

label.hj-chki input[type=checkbox]::before{
	content: " ";
	width: 16px;
	height: 16px;
	background-color: #FFFFFF;
	border: solid 1px #dcdfe6;
	border-radius: 4px;
	display: block;
	position: absolute;
	left: -16px;
	top: -16px;
	box-sizing: border-box;
}
label.hj-chki input[type=checkbox]::after{
	content: "\e75b";
	width: 10px;
	height: 10px;
	display: none;
	position: absolute;
	left: -14px;
	top: -14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "iconfont-pc" !important;
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
}
label.hj-chki input[type=checkbox]:hover{
	border: solid 1px #409EFF;
}

/*---------------------- 通用checkbox 选中状态样式 -------------------------*/
label.hj-chki input[type=checkbox]:checked::before{
	background-color: #409EFF;
	border: solid 1px #409EFF;
}

label.hj-chki input[type=checkbox]:checked::after{
	display: block;
}

/*---------------------- 通用checkbox 禁用状态样式 -------------------------*/
label.hj-chki input[type=checkbox]:disabled::before{
	background-color: #f5f7fa;
	border: solid 1px #dcdfe6;
	cursor: not-allowed;
}
label.hj-chki input[type=checkbox]:checked:disabled::before{
	background-color: #dcdfe6;
}
label.hj-chki input[type=checkbox]:checked:disabled::after{
	cursor: not-allowed;
}

/*---------------------- 通用checkbox样式 end -------------------------*/

/*---------------------- 通用radio样式 start -------------------------*/
label.hj-chki input[type=radio]{
	width: 0px;
	height: 0px;
	position: relative;
	top: 3px;
	margin-right: 4px;
	cursor: pointer;
	margin-left: 16px;
}

label.hj-chki input[type=radio]::before{
	content: " ";
	width: 16px;
	height: 16px;
	background-color: #FFFFFF;
	border: solid 1px #dcdfe6;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: -16px;
	top: -16px;
	box-sizing: border-box;
}
label.hj-chki input[type=radio]:hover{
	border: solid 1px #409EFF;
}

label.hj-chki input[type=radio]::after{
	content: " ";
	width: 12px;
	height: 12px;
  border-radius: 50%;
	position: absolute;
	left: -14px;
	top: -14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "iconfont-pc" !important;
	background-color: #409EFF;
	font-size: 12px;
	font-style: normal;
  display: none;
}

/*---------------------- 通用radio 选中状态样式 -------------------------*/
label.hj-chki input[type=radio]:checked::before{
	border: solid 1px #409EFF;
}

label.hj-chki input[type=radio]:checked::after{
	display: block;
}

/*---------------------- 通用radio 禁用状态样式 -------------------------*/
label.hj-chki input[type=radio]:checked:disabled::before{
	background-color: #f5f7fa;
	border: solid 1px #dcdfe6;
	cursor: not-allowed;
}
label.hj-chki input[type=radio]:disabled::after{
	display: block;
	background-color: #f5f7fa;
	cursor: not-allowed;
}
label.hj-chki input[type=radio]:checked:disabled::after{
	display: block;
	background-color: #dcdfe6;
	cursor: not-allowed;
}

/*---------------------- 通用radio样式 end -------------------------*/


/*---------------------- 通用checkbox/radio样式 end -------------------------*/


/**----------------------平台通用 滚动条css-------------------**/
/* 滑轨 */
::-webkit-scrollbar{
	width: 6px; /*纵向滚动条的宽度*/
	height: 6px; /*横向滚动条的高度*/
	background-color: inherit;
}
/* 滑块 */
::-webkit-scrollbar-thumb {
	width: 6px; /*纵向滚动条的宽度*/
	height: 6px; /*横向滚动条的高度*/
	border-radius: 6px; /*滚动条圆角*/
	background-color: #d1d1d1;
}
/**----------------------平台通用 滚动条css end-------------------**/

/**----------------------element-ui组件颜色 start-------------------**/

/**----------------------element-ui组件颜色 end-------------------**/

/**----------------------平台通用 表格css-------------------**/