.docsRow{
	width: 100%;
	margin: 0;
	::v-deep .el-col{
		padding: 0 !important;
	}
}
.docsHeaderMain{
	height: 48px;
	padding-bottom: 0;
}
.docsHeader{
	width: 100%;
	display: flex;align-items: center;
	.arrowBox{
		display: flex;align-items: center;justify-content: center;
		background: #EFF3FB;height: 28px;
		border-radius: 4px;padding: 2px 0;
		.item{
			padding: 0 12px;
			height: 100%;
			display: flex;align-items: center;justify-content: center;
			cursor: pointer;
		}
		.leftArrow{border-right: 1px solid #f9f9f9;color: #aaa;}
		.rightArrow{border-left: 1px solid #f9f9f9;color: #aaa;}
		.leftShow{color: #333;}
	}
	.refreshBox{
		margin-left: 12px;
		padding: 0 12px;
		background: #EFF3FB;height: 28px;
		border-radius: 4px;
		display: flex;align-items: center;justify-content: center;
		cursor: pointer;
		color: #000;
	}
	.breadcrumb{
		flex: 1;
		margin:0 12px;
		height: 28px;
		padding: 0 10px;
		border-radius: 4px;
		display: flex;align-items: center;
		border:1px solid #f3f3f3;
		.item{
			cursor: pointer;
		}
	}
}