body {
	background: #F5F5F5;
}

/* case */
.m-case .tab {
	padding: 22px 0 48px;
}
.m-case .tab ul {
	gap: 52px;
	border-bottom: 1px solid #ddd;
	padding: 0 10px;
}
.m-case .tab li {
	position: relative;
	line-height: 54px;
	font-size: 15px;
	color: #666;
	cursor: pointer;
}
.m-case .tab li:hover,
.m-case .tab li.z-crt {
	font-weight: bold;
	color: #000;
}
.m-case .tab li.z-crt:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	background: #000;
}
.m-case .list {
	gap: .33rem;
}
.m-case .list li {
	width: 3.5rem;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	box-shadow: 3px 3px 5px 0 rgba(0,0,0,.06);
	transition: box-shadow .3s ease;
}
@media screen and (max-width: 1300px) {
	.m-case .list li {
		width: 4.78rem;
	}
}
.m-case .list li:hover {
	box-shadow: 0 0 15px 0 rgba(0,0,0,.16);
}
.m-case .list li .image {
	height: 200px;
	overflow: hidden;
}
.m-case .list li h5 {
	padding: 26px 26px 18px;
	font-size: 20px;
}
.m-case .list li .summary {
	padding: 0 26px;
	height: 78px;
	line-height: 26px;
	font-size: 15px;
	color: #444;
}
.m-case .list li .total {
	padding: 26px;
}
.m-case .list li .total .item {
	width: 50%;
}
.m-case .list li .total .item strong {
	font-size: 36px;
}
.m-case .list li .total .item span {
	margin-left: 4px;
	font-size: 24px;
}
.m-case .list li .total .item p {
	margin-top: 10px;
	font-size: 13px;
	color: #999;
}
/* end case */