.p5-table {
	position: relative;
	overflow: hidden;
	font-size: 14px;
	color: #606266;
	
	&-box {
		width: 100%;
		height: 100%;
		&:after{
			left: 0;
			bottom: 0;
			width: 100%;
			height: 1px;
			content: "";
			position: absolute;
			background-color: #ebeef5;
			z-index: 1;
		}
		table {
			width: 100%;
			text-align: left;
			border-collapse: separate;
			border-spacing: 0;
			border-radius: 4px 4px 0 0;
			table-layout: fixed;
		}
	}
	tr {
		background-color: #fff;
	}
	th, td {
		padding: 12px 0;
		min-width: 0;
		box-sizing: border-box;
		text-overflow: ellipsis;
		vertical-align: middle;
		position: relative;
		text-align: left;
	}
	.p5-table-cell{
		display: inline-block;
		box-sizing: border-box;
		position: relative;
		vertical-align: middle;
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
		line-height: 23px;
	}
	.p5-table-cell-checkbox{
		// th, td {
			text-align: center;
		// }
	}
}

.p5-table-header {
	color: #909399;
    font-weight: 500;
	tr{
		th {
			overflow: hidden;
			user-select: none;
			background-color: #fff;
			border-bottom: 1px solid #ebeef5;
			
		}
	}
}

.p5-table-tbody {
	tr {
		&.p5-table-tr-hover {
			// background: rgba(255, 85, 46, 0.1); 背景透明有重叠问题
			background: #fbedeb;
		}
	}
}
.p5-table-header, .p5-table-tbody {
	th, td {
		border-bottom: 1px solid #ebeef5;
	}
}
.p5-table-border {
	border-top: 1px solid #ebeef5;
	border-left: 1px solid #ebeef5;
	.p5-table-header, .p5-table-tbody {
		th, td {
			border-right: 1px solid #ebeef5;
		}
	}
}
.p5-table-transition .p5-table-tbody tr{
	transition: background-color .25s ease;

}
.p5-table-body {
	overflow: hidden;
}
.p5-table-fixed-left{
	position: absolute;
	top: 0;
	left: 0;
}
.p5-table-fixed-right{
	position: absolute;
	top: 0;
	right: 0;
	.p5-table-right-wrap{
		position: absolute;
		top: 0;
		right: 0;

	}
}
.p5-table-fixed-left, .p5-table-fixed-right{
	box-shadow: 0 0 10px rgba(0,0,0,.12);
	z-index: 1;
	overflow: hidden;
}
.hidden {
	visibility: hidden;
}
.p5-table-header-wrap{
	overflow-x: auto;
	padding-bottom: 20px;
	margin-bottom: -20px;
}
.p5-table-header-wrap-wrapper{
	overflow: hidden;
}

.p5-table-scroll-middle-body{
	padding-right: 20px;
}
// sortable
.p5-table-header{
	.p5-table-header-th-sortable{
		cursor: pointer;
		&:hover {
			// background: #fbedeb;
			background: #fafafa;
		}
		&-asc {
			.p5-table-cell-sortable-asc{
				border-bottom-color: #ff552e;
			}
		}
		&-desc {
			.p5-table-cell-sortable-desc{
				border-top-color: #ff552e;
			}
		}
	}
	.p5-table-cell-sortable {
		position: relative;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		width: 24px;
		vertical-align: middle;
		&-asc , &-desc{
			width: 0;
			height: 0;
			border: 5px solid transparent;
		}
		&-asc {
			border-bottom-color: #c0c4cc;
			margin-bottom: 1px;
		}
		&-desc {
			margin-top: 1px;
			border-top-color: #c0c4cc;
		}
	}
}

.p5-table-nodata{
	text-align: center;
	height: 100px;
	line-height: 100px;
}