

a {
	text-decoration: none;
}
.content_A{
	width: 90%;
	margin: 0 auto;
	}
.coordinate {
	width: 95%;
	margin: 0 auto;
	margin-top: 0.2rem;
	font-size: 0.18rem;
	color: #666;
	font-weight: 500;
}

.topic {
	width: 95%;
	margin: 0 auto;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	border: 1px solid #ccc;
	border-top: 2px solid #337645;
	background: #fff;
}

.topic_all {
	width: 100%;
	margin-bottom: 0.2rem;
	margin-top: 0.2rem;
}

.topic_title{
	font-size: 0.26rem;
	width: 100%;
	border-bottom: 2px solid #E9E9E9;
	line-height: 0.4rem;
	margin-bottom: 0rem;
	font-weight: bold;
	
}
.topic_title a{
	color: #3A86E8;
}
.topic_line{
	width: 1.1rem;
	border-top:2px solid #3A86E8;
	position: relative;
	top: 0.02rem;
}

.topic_img {
	position: relative;
	top: 1px;
	width: 0.16rem;
}

.topic_title_content {
	font-size: 0.2rem;
	text-align: center;
	color: #337645;
	cursor: pointer;
}
.topic_content{
	width: 100%;
	margin: 0 auto;
}
.topic_content_details{
	margin: 0 auto;
	width: calc(95% - 2px);
	border: 1px solid #ddd;
	margin-top: 0.2rem;
}
.topic_content_details:hover .topic_content_details2{
	color: #0262D2;
}
.topic_content_details img{
	width: 100%;
	margin-bottom: -0.25rem;
}
.topic_content_details:hover img{
	transform: scale(1.3);
	transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}
.topic_content_details1{
	width: 100%;
	height: 1.7rem;
	overflow: hidden;
}
.topic_content_details2{
	width: 100%;
	line-height: 0.5rem;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 0.24rem;
	text-align: center;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
}

@media (min-width: 1200px) {
	.coordinate,
	.content_A {
		width: 12rem;
		margin: 0 auto;
		margin-top: 0.2rem;
	}
	.topic_img {
		position: relative;
		top: 3px;
		width: 0.14rem;
	}

	.topic_title{
		font-size: 0.18rem;
		width: 100%;
		border-bottom: 2px solid #E9E9E9;
		line-height: 0.4rem;
		margin-bottom: 0.1rem;
		font-weight: bold;
	}
	.topic_line{
		width: 0.7rem;
		border-top:2px solid #3A86E8;
		position: relative;
		top: 0.02rem;
	}
	.topic_content_details{
		margin: 0 auto;
		width: calc(90% - 2px);
		border: 1px solid #ddd;
		margin-top: 0.2rem;
		margin-bottom: 0.4rem;
	}
	.topic_content_details2{
		line-height: 0.4rem;
		font-size: 0.16rem;
	}
	.topic_content>div:nth-child(3n + 3) div{
		float: right;
	}
	.topic_content>div:nth-child(3n + 1) div{
		float: left;
	}

}
