/*********************1.body或main部分的样式start*****************************/
/* 全局遮罩  */
.pear-page-loading {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 19;
	background-color: #fff;
}

/*body背景与宽度*/
.layui-body-ext {
	background-color: whitesmoke;
	min-width:320px;
}

*::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

*::-webkit-scrollbar-thumb {
	background: #afa6a6;
}

*::-webkit-scrollbar-track {
	background: white;
	border-radius: 2px;
}

*::-webkit-scrollbar-thumb {
	background: #afa6a6;
	border-radius: 2px;
}

*::-webkit-scrollbar-thumb:hover {
	background: #afa6a6;
}

body::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

body::-webkit-scrollbar-thumb {
	background: #afa6a6;
}

body::-webkit-scrollbar-track {
	background: white;
	border-radius: 2px;
}

body::-webkit-scrollbar-thumb {
	background: #afa6a6;
	border-radius: 2px;
}

body::-webkit-scrollbar-thumb:hover {
	background: #afa6a6;
}

/*body下的container*/
.layui-container-ext {
	padding-top:10px;
	padding-bottom:3px;
}

.layui-collapse {
	padding:0 10px;
}

.layui-colla-title {
	background:white;
}

.layui-colla-item {
	margin-bottom:10px;
}

.layui-colla-content {
	border: none;
}

/*每个区块内容整体-卡片样式*/
.layui-card {
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom:6px;
	border:1px solid whitesmoke;
	border-radius: 5px;
}

.layui-card-nomargin {
	margin-left: 0;
	margin-right: 0;
}

/*每个区块内容正文-卡片样式*/
.layui-card-body {
	padding: 5px 7px;
}

/* 最后一个card一般为表格，此时设置为padding-bottom为5即可，因为表格默认有margin-bottom了  */
.layui-card:last-child .layui-card-body {
	padding-bottom:5px;
}


.layui-colla-content .layui-card {
	margin-left: 0px;
	margin-right: 0px;
}

.layui-colla-item .layui-card-body .layui-form {
	margin-top: 0;
}

.layui-colla-content .layui-card-body .layui-form .layui-form-item {
	margin-bottom: 0;
}

.layui-colla-content .layui-card-body .layui-form .layui-form-item {
	padding-bottom:3px;
	padding-top:3px;
}

.layui-fixbar li {
	border-radius: 50%;
	margin-bottom:10px;
}

.label-info {
	cursor: pointer;
    background: #fff !important;
    color: #f6ad55 !important;
    border: 1px solid #f6ad55;
}

.custom-label {
	padding: 3px 6px;
	margin-right: 5px;
	border-radius: 3px;
}

.label-small {
	font-size: 11px !important;
}

.label-info:hover {
	background: #f6ad55 !important;
	color: #fff !important;
}

/*********************1.body或main部分的样式end*****************************/


/*********************2.表单样式扩展start*****************************/

/* 只读样式，去除边框 */
/* input.layui-input[readonly="readonly"],只读输入框，下拉框 */
input.layui-readonly , textarea.layui-readonly , select.layui-readonly+div.layui-form-select input {
	border: none;
	padding:0px;
}

/*只读input时获取焦点时重置样式*/
input.layui-readonly:focus , textarea.layui-readonly:focus , select.layui-readonly+div.layui-form-select input:focus {
	border: none !important;
	box-shadow: none !important;
}

select.layui-readonly+div.layui-form-select input {
	pointer-events:none;
}

/*只读选择框样式*/
select.layui-readonly+div.layui-form-select .layui-edge {
	display:none;
}

/* 兼容用于不显示在页面中，代表已弃用的字典  */
.layui-select-item-invalid {
  display: none;
}

textarea.layui-readonly {
	resize:none;
}

/*禁用的输入框不要背景*/
.layui-form-item input.layui-btn-disabled {
	background:none !important;
	color:inherit !important;
}

/*下拉多选的label兼容，居中显示*/
.layui-form-xm-select .layui-form-label {
	display: flex;
	align-items: center;
	justify-content: center;
	background:none;
	border:none;
}

.layui-form-xm-select .layui-form-item[pane] {
	border:none;
}

.layui-form .layui-form-item .long-text {
	border-radius: 4px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background-color: #fff;
	color: rgba(0,0,0,.85);
}

xm-select > .xm-body .disabled {
	display: none !important;
}

xm-select.xm-select-disabled-outer > .xm-body .disabled {
	display: flex !important;
}

/*********************2.表单样式扩展end*****************************/






/*********************3.表格样式扩展start*****************************/
/*
.layui-table-view {
	margin:0 0 8px 0;
}

.layui-card-body .layui-table-view {
	margin-top: 3px;
}
*/

/** add style 20220113，用于固定表头  */
.table-header-fixed .layui-table-header {
	top: 0;
	position: fixed;
	z-index: 999;
}

.table-header-fixed .layui-table-body {
	margin-top:85px;
}

.layui-card-body .layui-table-view {
	margin-bottom:0px;
	margin-top: 3px;
	border: none !important;
}

/* 重写pear-admin-layui的样式，必须有此行样式，避免列数过少，边框线对不齐的问题  */
.layui-table-view .layui-table {
	width:auto;
}

.layui-card-body .layui-table-view .layui-table-header tr th {
	font-weight:bold;
}

/* 表格滚动条宽高  */
.layui-table-body::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

.layui-table-body::-webkit-scrollbar-thumb {
	background: #afa6a6;
}

.layui-table-body::-webkit-scrollbar-thumb:hover {
	background: #afa6a6;
}

.layui-table-body::-webkit-scrollbar-corner {
	background: #f6f6f6;
}

/* 设置为line时，表头的右边框线，还是要显示  */
.layui-table[lay-skin=line] th,.layui-table[lay-skin=line] td{
	border-width: 0 1px 1px;
}

/* 设置为line时，表头的右边框线，还是要显示  */
.layui-upload .layui-table[lay-skin=line] th,.layui-table[lay-skin=line] td{
  border-width: 0;
}

.layui-table[lay-skin=line] td{
	border-right-color: #fff;
}

/* 允许编辑的表格：显示空白及换行，高度自动，一般只用在表格的textarea */
.layui-table-enableCellEdit .layui-table-cell,
.layui-table-cell-prewarp .layui-table-cell {
	text-align: left;
	line-height: 30px;
	white-space: pre-wrap;
	height: auto;
	min-height:30px;
	word-break: break-all;
	overflow: hidden;
}

.layui-table-view-edit .layui-table-body .layui-table-cell {
	/* line-height: 42px; */
}

/* 可编辑的td,th 增加边距 start，以layui-table-view-edit 类来做 */
.layui-table-view-edit .layui-table td, .layui-table-view-edit .layui-table th {
	padding: 5px 5px;
}

.layui-table-view-edit .layui-table-body .layui-table-cell {
	/* min-height:42px; */
}

/* 表格td增加边框 */
.layui-table-view-edit>.layui-table-box>.layui-table-body .layui-table .layui-table-cell-tableEdit .layui-table-cell {
	background-color:#fff;
	border-radius:10px;
	border-width:1px;
	border-color:#9c9c9c !important;
	border-style:solid;
	padding:5px 10px !important;
	min-height:42px;
}

.layui-table-view-edit>.layui-table-box>.layui-table-body .layui-table .layui-table-cell-error .layui-table-cell {
	border-color: #FF5722 !important;
}


.layui-table-view-edit .layui-input:hover,
.layui-table-view-edit .layui-textarea:hover,
.layui-table-view-edit .layui-input:focus,
.layui-table-view-edit .layui-textarea:focus,
.layui-table-view-edit .layui-input:active,
.layui-table-view-edit .layui-textarea:active {
	border-color:#9c9c9c !important;
}

/* xm-select默认有边框了，增加此类，用于不显示边框  */
.layui-table-view-edit>.layui-table-box>.layui-table-body .layui-table .layui-table-edit-xmSelect .layui-table-cell {
	border-width: 0px;
	background: inherit;
} 
/* 可编辑的td,th 增加边距 end */

.layui-table-body .layui-table[lay-skin=line] tr:hover > td:nth-child(n) {
	border-right-color: #FAFAFA;
}

/*z-index太高，会影响dtree*/
.layui-table-tool {
	z-index: 120;
}

/* 允许编辑的表格：layui 表格的textarea编辑时的样式  */
.layui-table-enableCellEdit textarea.layui-tableEdit-textarea1 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.layui-table-enableCellEdit .layui-table-edit {
	width:99%;
}

/* 允许编辑的表格：将单选与多选设置居中  */
.layui-table-enableCellEdit .laytable-cell-checkbox,
.layui-table-cell-prewarp .laytable-cell-checkbox {
	text-align:center;
}

/* layui表格警告域（编辑校验不通过时提示）  */
.layui-table-danger-ext {
	border:1px solid #FF5722 !important;
	position:absolute;
	height:100%;
	width:99%;
	top:0;
	left:0;
	border-radius: 0;
	/* min-height:25px; */
}

/*文本链接样式*/
.layui-table-link,.layui-link-ext {
	cursor:pointer;
}

.layui-link-ext,.layui-link-ext:link,.layui-link-ext:visited,.layui-link-ext:hover,.layui-link-ext:active {
	color: #01AAED;
}

/*表格按钮样式扩展start*/
.layui-btn-container-table {
	position:relative;
}

.layui-btn-container .layui-btn-group-left {
	float:left;
}

.layui-btn-container .layui-btn-group-right {
	float:right;
}

/*还原layui的样式,因为pearadminlayui把这个设置成border-left:none;了*/
.layui-btn-container-table .layui-btn-primary {
	border-left:1px solid #d2d2d2;
}

/*还原layui的样式,因为pearadminlayui把这个设置成 margin-bottom: -10px;了*/
.layui-table-tool .layui-btn-container-table {
	margin-bottom:0;
}

/* 表格序号列强制居中显示  */
.layui-table-body .laytable-cell-numbers,
.layui-table-header .laytable-cell-numbers {
	text-align:center;
}

.layui-table-view .hide-toolbar {
	min-height: 0 !important;
	height:0 !important;
	box-shadow:none;
}

.layui-table-view .hide-toolbar .layui-table-tool-self {
	display:none;
}

/* 重写layui-table表格td的样式  */
.layui-table-view .layui-table td{
	padding-top: 3px;
	padding-bottom: 3px;
}

/*********************3.表格样式扩展end*****************************/




/*********************4.其他（图标等）样式扩展start*****************************/
.assess-icon-error , .assess-icon-success , .assess-icon-nosend{
	color:white;border-width:1px;border-radius:50%;margin-right:2px;padding: 1px 2px
}

.assess-icon-error {
	background:red;
	padding: 1px;
}

.assess-icon-success {
	background:green;
}

.assess-icon-question-tips {
	font-size: 12px;
	margin-left:-2px;
	color: #9a9696;
	border: 1px solid #9a9696;
	border-radius: 50%;
}

.assess-icon-nosend {
	background:#cccccc;
	color:#cccccc;
}

.downloadErrorData {
	cursor:pointer;
	color:blue;
	padding-left:20px;
}

a.downloadErrorData:hover {
	color:blue;
}

/* 返回上一页的按钮区域  */
.back {
	padding: 5px;
	width: 100px;
	cursor:pointer;
}

/* 长页面表单样式 */
.long-page-container {
	max-width: 1150px;
	margin: 0 auto;
}

.long-page-container>.layui-collapse {
	border-width: 0;
}

/*********************4.其他（图标等）样式扩展end*****************************/





/*********************5.字体颜色或边框相关样式扩展start*****************************/

.layui-ext-font-danger {
	color:red;
}

.layui-ext-font-default {
	color:green;
}

.layui-ext-font-success {
	color:green;
}

.layui-ext-font-deleted {
	color:red;
	text-decoration:line-through;
}

/*********************5.字体颜色或边框相关样式扩展end*****************************/



/*********************6.菜单等相关样式扩展start*****************************/

.pear-side-scroll,
.layui-side-scroll,
.pear-nav-tree,
.layui-nav-tree {
  width: auto;
}

/* 没有图标时，padding-left为0 */
.menu-no-icon .layui-nav .layui-nav-item a {
  padding-left: 0;
}

.menu-no-icon .pear-nav-tree .layui-nav-item a i{
  margin-right: 8px;
}

.menu-small .layui-nav .layui-nav-item a:hover {
  border-radius: 3px;
}

.menu-small .pear-nav-tree .layui-nav-item>a {
  height: 38px;
  line-height: 38px;
}

.menu-small .pear-nav-tree .layui-nav-item a span {
  letter-spacing: 1px;
  font-size: 13px;
}
/*********************6.菜单等相关样式扩展end*****************************/




/** 原pear-admin-layui默认组件start ***/
/**重写dtree默认字体大小的样式 start **/
.dtree-theme-item cite {font-size:14px!important;}

.dtree-laySimple-item cite {
	font-size: 14px!important;
}

.dtree-menubar .layui-btn-group .layui-btn-sm {font-size: 14px;}
.dtree-menubar .layui-btn-group .layui-btn-sm i{font-size: 14px!important;}

.dtree-none-text{font-size: 14px;}
/**重写dtree默认字体大小的样式 end **/

/** 原pear-admin-layui默认组件end ***/


/*********************last.媒体查询样式，必须放在最后start*****************************/
@media screen and (min-width: 769px) {
	.layui-table-view .layui-table-tool .layui-btn-container-left {
		float:left;
	}
	
	/* 长表单页面操作按钮  */
	.layui-btn-container-ext .layui-btn-pageOperate {
		display: -webkit-flex; /* Safari */
		display: flex;
		position: fixed;
		top: 10px;
		right: 120px;
		z-index: 99998;
		align-items: center;
		justify-content: space-around;
		height: 3.25em;
	}
	
	.layui-table-tool .layui-btn-pageOperate:after {
		clear:both;
	}
	
	.layui-form .layui-form-item-btn .layui-form-label {
		width: 0;
		padding: 2px;
	}
}
@media screen and (max-width: 768px) {
	.layui-card-body .layui-form {
		margin-top: 0px;
	}

	.layui-form .layui-form-item {
		padding-bottom:3px;
		padding-top:3px;
	}

	.layui-form-item .layui-inline {
		margin-bottom: 0px;
	}
	
	.layui-form .layui-form-item {
		width: 100%;
	}

	.layui-form-item .layui-input-inline {
		margin: 0 0 0px 130px;
	}
	
	.layui-form-item input[readonly="readonly"],
	.layui-form-item textarea[readonly="readonly"],
	.layui-form-item input[readonly],
	.layui-form-item textarea[readonly] {
		margin-bottom:10px;
	}
	
	.layui-form-item input.layui-readonly ,
	.layui-form-item textarea.layui-readonly {
		margin-bottom:2px;
	}
	
	.layui-table-view .layui-table-tool-self .layui-table-tool-panel {
		width:250px;
		overflow-x:auto;
	}
	
	.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] {
		width:auto;
	}
	
	.layui-table-view .layui-table-tool-self .layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span {
		white-space: pre-wrap;
	}
	
	.layui-table-body::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	
	.layui-table-body::-webkit-scrollbar-track {
		background: white;
		border-radius: 2px;
	}
	
	.layui-table-body::-webkit-scrollbar-thumb {
		background: #afa6a6;
		border-radius: 2px;
	}
	
	.layui-table-body::-webkit-scrollbar-thumb:hover {
		background: #afa6a6;
	}
	
	.layui-table-body::-webkit-scrollbar-corner {
		background: #f6f6f6;
	}
	
	.layui-table-view .layui-table-fixed {
		display:none;
	}
	
	.layui-table-view .layui-btn-container-table:after {
		content: '\20';
		clear: both;
		*zoom: 1;
		display: block;
		height: 0;
	}
	
	/* 手机端时，按钮固定在底部，以 layui-btn-pageOperate样式类确定范围  */
	.layui-table-tool .layui-btn-pageOperate , .layui-btn-container-ext .layui-btn-pageOperate {
		display: -webkit-flex; /* Safari */
		display: flex;
		width: 100%;
		position: fixed;
		bottom: 0px;
		right: 0px;
		background-color: #fafafa;
		z-index: 99998;
		align-items: center;
		justify-content: space-around;
		height: 3.25em;
	}
	
	.layui-table-tool .layui-btn-pageOperate .layui-btn , .layui-btn-container-ext .layui-btn-pageOperate .layui-btn {
		display: flex;
		background:none !important;
		border:none;
		color:black;
		text-align: center;
		align-items: center;
		justify-content: center;
		font-size: 18px;
	}
	
	.layui-table-tool .layui-btn-pageOperate .layui-btn-ok , .layui-btn-container-ext .layui-btn-pageOperate .layui-btn-ok {
		color:blue;
	}
	
	.layui-form .layui-form-item {
		border-bottom:1px solid #e5e4e4;
	}
	
	.layui-form .layui-form-item .layui-form-label {
		text-align:left;
	}
	
	.layui-table-header thead tr {
		background:#FAF5F0 !important
	}
	
	.layui-table-header, .layui-table-header th {
		background: inherit !important
	}
	
	/* 设置为line时，表头的右边框线，不要显示  */
	.layui-table[lay-skin=line] th {
		border-width: 0 0 1px;
	}
	
	.layui-fixbar li {
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 25px;
		margin-bottom: 3px;
		border-radius: 50%;
	}
	
	.layui-fixbar .layui-fixbar-top {
		font-size: 30px;
	}
}
/*********************last.媒体查询样式，必须放在最后end*****************************/