@charset "utf-8";


1
.news-box{width: 100%;border-top: 1px solid #ddd;padding-top: 10px;}
	@media (max-width:767px)	{.news-box{margin: -10px auto;}}
	@media (max-width:575px)	{.news-box{}}

.nws-scroll{width: 100%;height: 330px;overflow-x: hidden;overflow-y: auto;padding:10px 16px 10px 0;}

.news-article{display: table;width: 100%;line-height: 36px;}
	@media only screen and (max-width:767px)	{.news-article{line-height: 24px;}}
	@media only screen and (max-width:575px)	{.news-article{display: block;padding: 10px 0;}}

.news-article + .news-article{}

.news-date,.news-comment,.news-detail{line-height: 27px;display: table-cell;vertical-align: top;}
	@media only screen and (max-width:575px)	{.news-date,.news-comment,.news-detail{display: block;}}

.news-date{width: 180px;}
	@media only screen and (max-width:767px)	{.news-date{width: 150px;}}
	@media only screen and (max-width:575px)	{.news-date{width: 100%;margin-bottom: 10px;}}

.news-date-inner{display: flex;align-items:center;padding:0 10px;}
	@media only screen and (max-width:575px)	{.news-date-inner{padding: 0;}}

.date{padding:0 10px;font-size: 12px;line-height: 36px;font-weight: bold;width: 90px;}
	@media only screen and (max-width:767px)	{.date{padding:0 5px;}}
	@media only screen and (max-width:575px)	{.date{padding: 0;width: 75px;}}

.new{width: 36px;font-size: 12px;line-height: 18px;font-family: 'roboto-cn-b',sans-serif;font-weight: bold;padding: 0 4px;background: #990;color:#fff;text-align: center;}
	@media only screen and (max-width:767px)	{.new{margin:0 5px;}}

.news-comment{line-height: 36px;}
	@media only screen and (max-width:1199px)	{.news-comment{}}
	@media only screen and (max-width:991px)	{.news-comment{}}
	@media only screen and (max-width:767px)	{.news-comment{line-height: 24px;}}
	@media only screen and (max-width:575px)	{.news-comment{}}



.news-comment .axbtn{margin-left: .5em;margin: 5px 0 5px  .5em;}


.detail-date{position: absolute;top: 50%;right: 29px;bottom: 50%;margin: -15px 0;font-size: 16px;line-height: 30px;background: #fff;color:#060;padding:0 1em;}
	@media only screen and (max-width:767px)	{.detail-date{right: 14px;margin: -10px 0;font-size: 12px;line-height: 20px;padding:0 .5em;}}
	@media only screen and (max-width:575px)	{.detail-date{right: 14px;margin: 0;font-size: 12px;line-height: 20px;padding:0 .5em;top: -10px;bottom: auto;border: 1px solid #093;}}