.article-main{
	background-color: #fff;
}

.article-main .article-title{
	padding: 50px 0 40px;
	text-align: center;
	background-color: #F5F5F5;
}

.article-main .article-title h1{
	font-size: 40px;
	line-height: 48px;
	color: #333;
	margin: 0 auto 24px;
	max-width: 1200px;
}

.article-main .article-title .article-time{
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	gap:10px
}

.article-main .article-title .article-time p{
	font-size: 16px;
	line-height: 19px;
	color: #999;
}

.article-main .article{
	padding:60px 0 102px;
	
}

.article-main  .article-body{
	padding: 40px;
	border-radius: 20px;
	box-shadow: 0px 0px 20px 0px #0000001A;
}

.article .article-body * {
	margin: 0;
	color: #333;
	font-size: 18px;
	line-height: 28px;
	font-family: 'Source Han Sans CN';
}

@media(max-width: 992px){
	.article-main .article-title{
		padding: 3rem 0;
	}
	
	.article-main .article-title h1{
		font-size: 2.2rem;
		line-height: 1.6;
		max-width: 80%;
		margin: auto;
		margin-bottom: 1rem;
	}
	
	.article-main .article-title .article-time{
		font-size: 1.2rem;
	}
	
	.article-main .article{
		padding: 3rem 0 5rem;
	}
	
	.article-main .article-body{
		padding: 1.5rem;
	}
	
	.article .article-body *{
	    font-size: 1.6rem;
	    line-height: 1.6;
	}
}