body,ul,li,p,h1,h2,h3,h4{margin: 0;padding: 0;}
img{border:none;}
ul,li{list-style: none;}

.clearfix:after{
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	content: "";
}
.clearfix{
	zoom:1; /* 为了兼容IE6、7*/
}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

a{
	text-decoration: none;
}

table{
   border-collapse:collapse;
   border: 1px solid #aaa !important;
}
table td{
   border: 1px solid #aaa !important;
}

#footer p,#copyright p,.footer p,.copyright p{
	margin: 0;padding: 0;
}
/*------ 右侧文章列表 mainRight ------开始*/
.mainRight{
	float: right;
	width: 900px;
	width: 980px;
	min-height:500px;
	color: #333;
	margin: 30px 0 0;
	padding:30px;
	background-color: #fff;
}
.content .location{
	font-size: 14px;
	margin:20px 0 15px;
	/* display: flex;
	align-items: center; */
}
/* .content .location span{
	margin: 0 4px;
} */
.content .location,.content .location a{	
	color: #555;
}
.content .location a:hover{
	color: #0046a8;
}
.content .location img{
	vertical-align: middle;
	margin-right: 6px;
}
/* .content .location svg{
	width: 13px;
	height: 13px;
	fill: currentColor;
	vertical-align: middle;
	margin-right: 5px;
	color: #0046a8;
} */
.main_article{
	min-height:500px;
	color: #333;
	margin: 10px 0 0;
	padding:30px 50px;
	background-color: #fff;
}
.mainRight .title,.main_article .title{
	text-align: center;
	margin: 10px 0;
	font-size: 26px;
	line-height:40px;
	font-weight: normal;
}
.mainRight .time,.main_article .time{
	font-size: 14px;
	color: #888;
	text-align: center;
	margin-bottom:18px;
	padding:15px 0 20px;
	padding:10px 0 20px;
	border-bottom: 1px solid #DDD;
}
.mainRight .txt p,.main_article .txt p{
	color: #333;
	font-size: 16px;
	line-height: 32px;
}
.mainRight .txt img,.main_article .txt img{
	max-width: 100%; /*防止图片过宽超出网页*/
}
/*------ 右侧文章列表 mainRight ------结束*/

/*------content 正文页响应式覆盖：仅作用于带侧栏的正文详情页，不影响 article 页面-----[开始]*/
@media screen and (max-width: 1279px) and (min-width: 992px){
	.page-content .mainRight{
		width: calc(100% - 290px);
		min-width: 0;
	}
	.page-content .mainRight .title{
		font-size: 24px;
		line-height: 1.6;
	}
	.page-content .mainRight .txt p{
		word-break: break-word;
	}
}

@media screen and (max-width: 991px){
         body{
		/* 固定移动端顶部后，为页面正文预留头部高度 */
		padding-top: var(--mobile-header-height, 112px);
	}

	/* content 正文页在平板端保持正文卡片完整阅读，不直接压成手机排版 */
	.page-content .photo{
		height: 220px;
	}
	.page-content .mainRight{
		min-height: 0;
		margin-top: 20px;
		padding: 24px;
	}
	.page-content .mainRight .title{
		margin: 0 0 14px;
		font-size: 24px;
		line-height: 1.5;
	}
	.page-content .mainRight .time{
		margin-bottom: 16px;
		padding: 10px 0 16px;
		font-size: 14px;
		line-height: 1.8;
	}
	.page-content .mainRight .txt{
		overflow: hidden;
	}
	.page-content .mainRight .txt p{
		font-size: 16px;
		line-height: 1.95;
		word-break: break-word;
	}
	.page-content .mainRight .txt img{
		display: block;
		height: auto;
		margin: 16px auto;
	}
	.page-content .mainRight .txt table{
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media screen and (max-width: 575px){
	 body{
        background-color: #fff;
    }
	/* content 正文页在手机端进一步压缩留白与字号，提升首屏信息密度 */
	.page-content .photo{
		height: 160px;
	}
	.page-content .mainRight{
		margin-top: 16px;
		/* padding: 18px 16px; */
		padding: 4px 2px 30px;
	}
	.page-content .mainRight .title{
		font-size: 20px;
		line-height: 1.6;
		margin: 0 0 4px;
	}
	.page-content .mainRight .time{
		margin-bottom: 14px;
		padding: 8px 0 14px;
		font-size: 13px;
		line-height: 1.8;
	}
	.page-content .mainRight .txt p{
		font-size: 15px;
		line-height: 1.9;
	}
	.page-content .mainRight .txt img{
		margin: 14px auto;
	}
	.page-content .mainRight .txt table{
		font-size: 14px;
	}
}
/*------content 正文页响应式覆盖：仅作用于带侧栏的正文详情页，不影响 article 页面-----[结束]*/

/*------article 正文页响应式覆盖：作用于无侧栏的通栏正文页-----[开始]*/
@media screen and (max-width: 1279px) and (min-width: 992px){
	.page-article .content{
		width: min(1180px, calc(100% - 40px));
	}
	.page-article .main_article{
		width: 100%;
		padding: 30px 36px;
	}
	.page-article .title{
		font-size: 24px;
		line-height: 1.6;
	}
	.page-article .txt p{
		word-break: break-word;
	}
}

@media screen and (max-width: 991px){
	/* article 正文页在平板端保持单栏大卡片，优化标题与信息栏的阅读节奏 */
	.page-article .content{
		width: min(100%, calc(100% - 32px));
	}
	.page-article .location{
		margin: 18px 0 14px;
		font-size: 14px;
		line-height: 1.8;
		word-break: break-word;
	}
	.page-article .main_article{
		min-height: 0;
		margin-top: 0;
		padding: 24px;
	}
	.page-article .main_article .title{
		margin: 0 0 14px;
		font-size: 24px;
		line-height: 1.5;
	}
	.page-article .main_article .time{
		margin-bottom: 16px;
		padding: 10px 0 16px;
		font-size: 14px;
		line-height: 1.8;
	}
	.page-article .main_article .txt{
		overflow: hidden;
	}
	.page-article .main_article .txt p{
		font-size: 16px;
		line-height: 1.95;
		word-break: break-word;
	}
	.page-article .main_article .txt img{
		display: block;
		height: auto;
		margin: 16px auto;
	}
	.page-article .main_article .txt table{
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media screen and (max-width: 575px){
	/* article 正文页在手机端进一步压缩留白，提高正文首屏密度 */
	/* .page-article .content{
		width: min(100%, calc(100% - 20px));
	} */
	.page-article .location{
		margin: 14px 0 10px;
		font-size: 13px;
		line-height: 1.8;
	}
	.page-article .location img{
		margin-right: 4px;
	}
	.page-article .main_article{
		/* padding: 18px 16px; */
		padding: 4px 2px 30px;
	}
	.page-article .main_article .title{
		font-size: 20px;
		line-height: 1.6;
		margin: 0 0 4px;
	}
	.page-article .main_article .time{
		margin-bottom: 14px;
		padding: 8px 0 14px;
		font-size: 13px;
		line-height: 1.8;
	}
	.page-article .main_article .txt p{
		font-size: 15px;
		line-height: 1.9;
	}
	.page-article .main_article .txt img{
		margin: 14px auto;
	}
	.page-article .main_article .txt table{
		font-size: 14px;
	}

	.footer {
        margin-top:0;
    }
}
/*------article 正文页响应式覆盖：作用于无侧栏的通栏正文页-----[结束]*/