.news { margin-top: 3rem; padding-bottom: 6rem; min-height: 40rem; }
.news-content { margin-top: 3rem; }
.news-list { border-top: solid 1px #eee; }
.news-list + .pager { margin-top: 3rem; }
.news-item { display: flex; padding: 1.25rem 0; border-bottom: solid 1px #eee; }
.news-item .left { flex: none; width: 18.75rem; height: 10.5rem; }
.news-item .left img { display: block; width: 100%; height: 100%; object-fit: cover; }
.news-item .right { flex: auto; overflow: hidden; padding: 0 2% 0 4%; }
.news-item .title { padding-top: .25rem; margin-bottom: .75rem; font-size: 1.125rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-item .time { display: none; font-size: .875rem; color: #aaa; }
.news-item .desc { font-size: 1rem; height: 3.5rem; color: #999; text-align: justify; overflow: hidden; line-height: 1.9; }
.news-item .oper { margin-top: 1.5rem; }
.news-item .oper .btn { height: 2.25rem; line-height: 2rem; padding: 0; background-color: #d0111b; border: none; width: 6.875rem; box-shadow: none !important; border-radius: 0; }
.news-item .oper .btn:hover { background-color: #db2932; }

@media (max-width: 768px) {
    .news-item .left { width: 7.5rem; height: 5.25rem; }
    .news-item .right { }
    .news-item .title { padding-top: 0; margin-bottom: .6rem; white-space: pre-line; overflow: visible; }
    .news-item .time { display: block; }
    .news-item .desc { display: none; }
    .news-item .oper { display: none; }
}

.news-article { padding-bottom: 6rem; }
.news-article .head { padding: 2rem 0; margin-bottom: 2.4rem; border-bottom: solid 1px #eee; }
.news-article .title { margin-bottom: 1rem; text-align: center; font-weight: 700; line-height: 1.5; }
.news-article .time { color: #999; text-align: center; font-size: .875rem; }
.news-article .content { min-height: 40rem; margin-bottom: 4rem; }
.news-article .oper { text-align: center; }
.news-article .oper .btn { padding: 0; height: 3.125rem; line-height: 3.125rem; width: 15rem; background-color: #d0111b; border: #d0111b; box-shadow: none !important; border-radius: 0; }
.news-article .oper .btn:hover { background-color: #db2932; }
@media (max-width: 768px) {
    .news-article .head { padding: 1.5rem 0; }
    .news-article .title { font-size: 1.75rem; margin-bottom: .75rem; }
}