.new_list_main { padding: 5% 0; background-color: #fff;}
.new_list_main > .layout { display: flex; flex-direction: column; gap: 20px; }
.new_list_main .layout .title{font-size: 30px;color:#333;font-weight: 500;}
.new_list_main .layout .time{font-size: 16px;color:#66508F;display: flex;align-items: center;gap: 10px;}
.new_list_main .layout .time::before{content: " ";display: inline-block;width:20px;height:20px;background:url(../images/new/time.webp) no-repeat center/cover;}

.new_list_main .layout .title{font-size: 30px;color:#333;font-weight: 500;}
.new_list_main .layout .article_warp{font-size:16px;color:#999;line-height:2;display: flex;flex-direction: column;gap: 6px;}
.new_list_main .layout .article_warp a{color:#66508F;}
.new_list_main .layout .article_warp a:hover{text-decoration: underline;}
.new_list_main .layout .article_warp .new_title{font-size:30px;color:#333;font-weight: 600;line-height: 1.5;}
.new_list_main .layout .article_warp img{width:100%;height:auto;margin:5% 0}
.new_list_main .layout .post_nav { margin-top: 40px; }
.new_list_main .layout .post_nav .prev{margin-bottom: 15px;}
.new_list_main .layout .post_nav .prev,
.new_list_main .layout .post_nav .next {flex-wrap: wrap;display: flex;align-items: center;gap: 12px;width: 100%;padding: 16px 20px;font-size: 16px;transition: opacity .3s;background-color: #f2f2f2;color: #66508F;}
.new_list_main .layout .post_nav .prev a, 
.new_list_main .layout .post_nav .next a{color: #999;}
.new_list_main .layout .post_nav .prev:hover {background-color: #66508F;color: #fff; }
.new_list_main .layout .post_nav .next:hover {background-color: #66508F;color: #fff; }
.new_list_main .layout .post_nav .prev:hover a,
.new_list_main .layout .post_nav .next:hover a{color: inherit;}





@media only screen and (max-width: 950px) {
	.page_banner{min-height: auto;}
	.new_detail_main > .layout { flex-direction: column; }
	.new_detail_main .left { display: none; }
	.new_detail_main .right { width: 100%; }
	.new_detail_main .right .img_w { flex-direction: column; }
	.new_detail_main .right .img_w .img_warp,
	.new_detail_main .right .img_w .info { width: 100%; }
	.new_detail_main .right .meta_bar { flex-direction: column; align-items: flex-start; }
}