.details-container {
	display: flex;
}

/** 推荐新闻 **/
.details-recommend {
	width: 27.7%;
	margin-right: 6%;
	/* border: 1px solid #eee; */
	padding-top: calc(1vw + 64px);
}

.details-recommend .con-nav {
	text-align: left;
}

.details-recommend .con-nav .item {
	margin-left: 0;
}

.details-recommend .con-nav .item+.item {
	margin-left: 1vw;
}

.details-recommend-newslist {
	padding-bottom: 0.5rem;
}

.details-recommend-newslist .item {
	margin-top: 0.2rem;
	display: flex;
	align-items: center;
}

.details-recommend-newslist .item .cover {
	width: 1rem;
	height: 0.8rem;
	overflow: hidden;
	margin-right: 0.2rem;
}

.details-recommend-newslist .item .cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;

}

.details-recommend-newslist .item .info {
	flex: 1;
}

.details-recommend-newslist .item .info .tit {
	font-size: 0.16rem;
	color: #333;
	line-height: 1.2;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: all 0.3s;
}

.details-recommend-newslist .item .info .desc {
	font-size: 0.14rem;
	color: #999;
	line-height: 1.2;
	margin-top: 0.05rem;
}

.details-recommend-newslist .item:hover .cover img {
	opacity: 0.9;
}

.details-recommend-newslist .item:hover .info .tit {
	color: #0A85D3;
}

/** 新闻详情 **/
.details-content {
	flex: 1;
	/* width: 100%; */
	/* max-width: 10rem; */
	margin: 0 auto;
	padding-top: 1vw;
	padding-bottom: 4vw;
}

.details-head {
	border-bottom: 1px solid #EEEEEE;
	text-align: center;
	padding-bottom: 3vw;
}

.details-head .tit {
	font-size: 0.36rem;
	color: #333;
	line-height: 1.2;
}

.details-head .desc {
	margin-top: 1em;
	font-size: 0.18rem;
	color: #333;
	line-height: 1.2;
}

.details {
	font-size: 0.18rem;
	line-height: 2;
	color: #666;
	padding: 3vw 0;
	max-width: 100%;
	overflow-x: auto;
}

.details p+p {
	margin-top: 1em;
}

.details img {
	max-width: 100% !important;
	height: auto !important;
}

.details .content {
	width: auto;
}

.details .map {
	width: 100%;
	height: 3.75rem;
}

.details table {
	max-width: 100%;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

.details table td {
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding: 0.06rem 0.12rem;
	line-height: 1.6;
	font-size: 0.18rem;
	color: #666;
}

.details-p-n {
	/* display: flex; */
	margin-top: -0.1rem;
}

.details-p-n a,
.details-p-n span {
	font-size: 0.18rem;
	color: #333;
	width: 100%;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 0.1rem;
}

.details-p-n a:hover {
	color: #0A85D3;
}

.details-p-n span {
	color: #999;
}

@media screen and (max-width: 1440px) {
	.details-head .tit {
		font-size: 0.3rem;
	}

	.details-head .desc,
	.details,
	.details-p-n a,
	.details-p-n span,
	.details table td {
		font-size: 0.16rem;
	}

	.details-recommend-newslist .item {
		margin-top: 0.16rem;
	}

	.details-recommend-newslist .item .cover {
		width: 0.8rem;
		height: 0.6rem;
		margin-right: 0.16rem;
	}

	.details-recommend-newslist .item .info .tit {
		font-size: 0.14rem;
	}

	.details-recommend-newslist .item .info .desc {
		font-size: 0.12rem;
	}
}

@media screen and (max-width: 900px) {
	.details-recommend {
		display: none;
	}

	.details-content {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.details-head {
		padding-bottom: 0.2rem;
	}

	.details-head .tit {
		font-size: 0.2rem;
	}

	.details-head .desc {
		font-size: 0.16rem;
	}

	.details {
		font-size: 0.16rem;
		padding: 0.2rem 0;
	}

	.details .map {
		width: 100%;
		height: 2.75rem;
	}

	.details table td {
		padding: 0.04rem 0.08rem;
		/* line-height: 1.6; */
		font-size: 0.16rem;
	}


	.details-p-n a,
	.details-p-n span {
		font-size: 0.16rem;
	}

}