.deanheader {
	border-bottom: 0;
}

body {
	--DataContextHeight: 250px;
}

.CLbannerText {
	height: 100%;
	color: white;
	position: relative;
}

.CLbannerImgBox img {
	width: calc(var(--bannerHeight) * 0.8);
	/* height: calc(var(--bannerHeight) * 0.8); */
}

.CLbannerImgBox2 {
	height: 100%;
}
ul.timeline {
	padding: 0;
}
ul.timeline li span {
	margin-left: 2.5em;
}
ul.timeline li a {
	margin-left: 3em;
}

ul.timeline li.active::before {
	width: 1em;
	height: 1em;
	border: 3px solid white;
	content: "";
	position: absolute;
	left: 1.05em;
	top: 0.3em;
	border-radius: 50%;
	background: rgb(32, 65, 98);
	z-index: 1;
}

ul.timeline li::after {
	content: "";
	position: absolute;
	left: 1.5em;
	top: 0;
	bottom: -20px;
	width: 2px;
	background: #d4d9df;
	z-index: 0;
}
.card-1 {
	background: url("/plugin/ycf_new_style/view/img/kc_all/kcCard-dd.png")
		no-repeat top left;
	background-size: 20% 20%;
}
@media ((min-width: 1200px)) {
	.card-2 {
		background: url("/plugin/ycf_new_style/view/img/view_data/data_remark.png")
			no-repeat;
		background-size: 10% 80%;
		background-position: 98% 50%;
	}
}
@media ((max-width: 768px)) {
	.dataIndex img {
		display: block;
		margin: 0 auto;
	}
	#timeline {
		max-height: 250px;
		overflow-y: auto;
	}
}
.dataBtnBox {
	overflow-x: auto;
	white-space: nowrap;
}
.table th,
.table td {
	text-align: center !important;
}
.dataTables_wrapper .dataTables_scrollBody tbody td {
	white-space: nowrap;
}