
/*【箭头】-右*/
.icon-arrow-r:after {
  display: inline-block;
  content: " ";
  height: 4px;
  width: 4px;
  border-width: 1px 1px 0 0;
  border-color: #e5e6eb;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}

/*标记-可放内容*/
.box-badge {
	display: inline-block;
	padding-left: 3px;
	padding-right: 3px;
	min-width: 9px;
	height: 15px;
	line-height: 14px;
	font-size: 12px;
	text-align: center;
	white-space: normal;
	color: #fff;
	border-radius: 15px;
	background-color: #f63535;
}

/*提示框*/
.note-tip-blue {
	padding: 7px 16px;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color:var(--color-sub-blue);
	border: 1px solid #009cff;
	background-color: #eff9ff;
}
.note-tip-red {
	padding: 7px 16px;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color:var(--color-accent-red);
	border: 1px solid #f63535;
	background-color: #efd1d5;
}
.note-tip-orange {
	padding: 8px 16px;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color:var(--color-accent-orange);
	border-radius: 3px;
	background-color: #fff3e3;
}

/* 统计 */
.modules-total {
	font-size: 13px;
	text-align: left;
	border: 1px solid var(--borColor);
	border-bottom: 0;
	background-color: #f2f3f5;
}
.modules-total .box-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #88909b;
}

/* 表单结构-之后删 */
.form-group {
	font-size:14px;
	text-align: left;
}
.form-group .box-row {
	display: flex;
	padding-top:9px;
	padding-bottom:9px;
	line-height:38px;
}
.form-group .box-label {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	line-height: 20px;
}
.form-group .box-control {
	flex: 1;
}
.form-group .box-row .box-input input {
	padding-top: 8px;
	padding-bottom: 8px;
	height: 36px;
	font-size: 14px;
}
.form-group .select2-container .select2-selection--single {
	height: 38px;
}
.form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 36px;
}
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 36px;
	line-height:36px;
}
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow i {
	height: 36px;
	line-height: 36px;
}
.form-group .box-row .box-btn {
	line-height: 36px;
}

/*【弹出式提示】*/
/*正在加载中*/
.toast-loading {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toast-loading .box-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	color: #fff;
	border-radius: 3px;
	background-color: rgba(0,0,0,0.5);
}
.toast-loading .box-wrap img {
	display: block;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	width: 20px;
}
.toast-loading .mask {
	z-index: -1;
}
/*成功提示*/
.toast-success {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: autohide 0s linear 5s forwards;
}
.toast-success .box-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	max-width: 350px;
	color: #2aaf2a;
	border-radius: 5px;
	background-color: #d5efd4;
}
.toast-success .box-wrap i {
	margin-right: 7px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	background-color: #fff;
}
.toast-success .mask {
	z-index: -1;
}
/*失败提示*/
.toast-warn {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: autohide 0s linear 5s forwards;
}
.toast-warn .box-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	max-width: 350px;
	color: #fe315c;
	border-radius: 5px;
	background-color: #ffd3dc;
}
.toast-warn .box-wrap i {
	margin-right: 7px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	background-color: #fff;
}
.toast-warn .mask {
	z-index: -1;
}

/*【鼠标悬停】白色背景色，边框线*/
.popoverItem {
	position: relative;
}
.popover {
	position: absolute;
	z-index: 1002;
	display: none;
	text-align: left;
}
.popover .popover-content {
	position: relative;
	z-index: 1;
	border-radius: 8px;
	border: .5px solid #dee0eb;
	box-shadow: 0 0 5px #dee0eb;
	background-color: #fff;
}
.popover .popover-arrow {
	position: absolute;
	z-index: 2;
	padding-top: 2px;
	height: 6px;
	overflow: hidden;
}
.popover .popover-arrow:after {
	display: inline-block;
	content: " ";
	height: 12px;
	width: 12px;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	background-color: #fff;
	border-left: 1px solid #e5e6eb;
	border-top: 1px solid #e5e6eb;
}
.popover .popover-arrow-top {
	top: -7px;
}
.popover .popover-arrow-bottom {
	bottom: -8px;
}
.popoverItem:hover>.popover{
	display: block;
}

/*【鼠标悬停-内容】菜单*/
.popover-dropdown-menu ul {
	padding: 4px;
}
.popover-dropdown-menu ul li {
	padding: 10px 12px;
	border-radius: 4px;
	cursor: pointer;
}
.popover-dropdown-menu ul li:hover {
	background-color: #f2f3f5;
}

/*自动隐藏*/
@keyframes autohide {
	to {
		display: none;
	}
}
