.img-show img{width: 100%;}
.sub-show img{width: 100%;}
.ex img {vertical-align: middle;}

.ex .anti_detail1 {
	position: absolute;
	top: 45%;
	background: linear-gradient(#1c90c7d6 10%, #1c90c7 20%, #14648a 100%);
	color: #f1f1f1;
	padding: 15px;
	min-height: 265px;
	font-size: 14px;
}

.ex .anti_detail2 {
	position: absolute;
	top: 45%;
	background: linear-gradient(#1bb4bad6 10%, #1bb4ba 20%, #148186 100%);
	color: #f1f1f1;
	padding: 15px;
	min-height: 265px;
	font-size: 14px;
}

.ex .anti_detail3 {
	position: absolute;
	top: 45%;
	background: linear-gradient(#30c792b8 10%, #30c792 20%, #1e7d5c 100%);
	color: #f1f1f1;
	padding: 15px;
	min-height: 265px;
	font-size: 14px;
}
.anti-topic {
	padding: 20px 10px;
	text-align: center;
	background-image: linear-gradient(45deg, #65c5de 20%, #15b0c2 100%);
	font-size: 24px;
	background-color: white;
	color: #fff;
	text-shadow: 2px 3px 4px #000;
	line-height: 32px;
	margin-top: 15px;
}

.anti-title {
	position: absolute;
	top: 25%;
	left: 5%;
	right: 5%;
	background-color: #ebedf0ba;
	color: black;
	text-align: center;
	padding: 10px 0;
	font-weight: bold;
}

.anti{min-height: 540px;}

@media (max-width: 814px){
	.anti-title {
		top: 20%;
	}

	.ex .anti_detail1{
		top: 38%;
	}
	.ex .anti_detail2, .ex .anti_detail3  {
		top: 38%;
		min-height: 288px;
	}
}

@media (max-width: 777px){
	.anti-title {
		top: 15%;
	}
	.ex .anti_detail1 {
		top: 35%;
	}
	.ex .anti_detail2, .ex .anti_detail3 {
		top: 35%;
		min-height: 312px;
	}
}

@media (max-width: 576px){
	.anti-title {
		top: 25%;
	}
	.ex .anti_detail1 {
		position: unset;
		background: linear-gradient(#1c90c7 20%, #14648a 100%);
		min-height: auto;
		margin-bottom: 10px;
	}
	.ex .anti_detail2{
		position: unset;
		background: linear-gradient(#1bb4ba 20%, #148186 100%);
		min-height: auto;								
		margin-bottom: 10px;
	}
	.ex .anti_detail3{
		position: unset;
		background: linear-gradient(#30c792 20%, #1e7d5c 100%);
		min-height: auto;								
		margin-bottom: 10px;
	}
}