.news-list { padding: 15px; border: 3px #ddd solid; }
.news-list h1 { font-size: 22px; padding: 15px; }
.news-list .news-item { border-top: 1px #eee solid; padding-bottom: 12px; padding-top: 8px; }
.news-list .news-item .title { font-size: 14px; font-weight: bold; padding-bottom: 8px; }
.news-list .news-item .description { font-size: 12px; color: #676767; padding-bottom: 8px; }
.news-list .news-item .date { font-size: 12px; color: #ec971f; }
.news-list .media-body { padding-left: 12px; }
.news-body { padding: 15px; border: 3px #ddd solid; margin-bottom: 2rem; }
.news-body h1 { font-size: 22px; padding: 15px 0; }
.news-body .author-time { border-bottom: 1px #eee solid; padding-bottom: 10px; }
.news-body .author-time > span { color: #999; padding-right: 3rem; }
.news-body .content { font-size: 14px; padding: 15px 0; color: #676767; line-height: 1.8rem; }
.news-body .pages { border-top: 1px #eee solid; padding-top: 1rem; }
.news-body .pages p { display: block; padding: 5px 0; }
.news-body .pages p > span { color: #ec971f; }