[i="case"] .box1 {
	padding-top: 1.933333rem;
}

[i="case"] .box1 .top {
	text-align: left;
	padding: 0 0.573333rem;
}

[i="case"] .box1 .top .title {
	font-size: 0.533333rem;
	color: #201C1A;
	letter-spacing: 0;
}

[i="case"] .box1 .top .tag {
	margin-top: 0.6rem;
}

[i="case"] .box1 .top .tag li {
	cursor: pointer;
	float: left;
	font-size: 0.346666rem;
	color: #999999;
	letter-spacing: 0;
	border-radius: 1.333333rem;
	padding: 0.133333rem 0.43rem;
	margin-bottom: 0.5rem;
}

[i="case"] .box1 .top .tag .active {
	background: #222222;
	color: #FFFFFF;
}

[i="case"] .box1 .middle {
	margin-top: 0.733333rem;
	padding: 0 0.573333rem;
	text-align: left;
}

[i="case"] .box1 .middle li {
	margin-bottom: 0.666666rem;
}

[i="case"] .box1 .middle li .cover {
	height: 4.3rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	position: relative;
}

[i="case"] .box1 .middle li .cover .cover-detail {
	height: 2.15rem;
	font-size: 0.4rem;
	color: #FFFFFF;
	letter-spacing: 0;
	background-image: linear-gradient(-180deg, rgba(38, 38, 38, 0.015) 11%, rgba(0, 0, 0, 0.5) 100%);
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0 0.5rem;
	padding-top: 0.9rem;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

[i="case"] .box1 .middle li .detail {
	margin-top: 0.2rem;
	font-size: 0.35rem;
	color: #505050;
	letter-spacing: 0;
	text-align: justify;
	line-height: 0.56rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}


/*
[i="case"] .box1 .topx img{
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}*/

[i="case"] .footerx {
	padding: 0.705333rem 0.573333rem;
	text-align: left;
	background: #252525;
}

[i="case"] .footerx .title {
	font-size: 0.373333rem;
	color: #FFFFFF;
	letter-spacing: 0;
}

[i="case"] .footerx .middle {
	position: relative;
	margin-top: 0.218666rem;
	height: 1.906666rem;
}

[i="case"] .footerx .middle .left {
	float: left;
	width: 5.573333rem;
}

[i="case"] .footerx .middle .left .tops {
	font-size: 0.266666rem;
	color: #999999;
	letter-spacing: 0;
	line-height: 0.36rem;
}

[i="case"] .footerx .middle .left .text {
	position: absolute;
	font-size: 0.266666rem;
	color: #747474;
	letter-spacing: 0;
	line-height: 0.32rem;
	bottom: 0;
}

[i="case"] .footerx .code {
	width: 1.906666rem;
	height: 1.906666rem;
}