.news .banner .banner-item{height:30vh;min-width:220px}
@media (min-width:769px){
.news .banner .banner-item{height:40vh;min-height:400px}
}
.news .banner .banner-item::after{background:rgba(0,0,0,.7)}
.news .banner-left{margin-bottom:0}
.news .banner-left h1{margin-bottom:0;font-size:30px;font-weight:400}
@media (min-width:992px){
.banner-inner{flex-direction:column;align-items:center;justify-content:space-between}
}
@media (max-width:991px){
.nobanner{padding-top:60px}
}
@media (min-width:1200px){
.filter-section{justify-content:flex-start}
.filter-item{max-width:400px;flex-direction:row;gap:20px;justify-content:flex-start}
.filter-item select{width:50%;background:var(--color-cyan);color:#fff}
}
.card-tags{position:absolute;width:100%;bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;padding-left:1.5rem;padding-right:1.5rem}
.card-category{border-radius:5px;background:var(--color-bg-page);padding:5px 10px;font-size:15px;color:var(--color-text-secondary)}
.card-tags .card-date{position:static}
.news-list .fa_pagebox{margin-top:0;margin-bottom:60px}
.news .news-title{color:#333;font-size:2.2rem;line-height:1.2;font-weight:100}
.article-tags{margin:0 0 15px 0;font-size:.75rem;display:flex;flex-wrap:wrap;gap:10px}
.article-tags a{border:1px solid #daeaf6;background:#daeaf6;border-radius:var(--radius-md);padding:5px 10px;color:#666}
.article-tags a:hover{color:var(--color-primary)}
.article-tags span{border:1px solid #eee;background:#eee;border-radius:var(--radius-md);padding:5px 10px;color:#666}
.article-meta{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:20px;padding-top:10px;border-top:1px solid #ccc;margin-bottom:0;font-size:.75rem}
.news-body .recommend-block{margin-bottom:20px}
.recommend-block .fa_list li{display:inline-flex;align-items:flex-start;width:100%;margin:5px}
.recommend-block .fa_list li::before{content:"◆";display:inline-flex;align-items:center;height:27px;font-size:6px;color:var(--color-primary);margin-right:10px}
.recommend-block .fa_list a:hover{text-decoration:underline}
@media (min-width:769px){
.news-body{display:flex;gap:3rem}
.news-body .news-main{width:70%}
.news-body .news-aside{width:30%}
.news-body .news-aside .fa_box{position:sticky;top:50px;background:var(--color-bg-page);background:var(--color-bg-surface);padding:30px;border:1px solid #eee;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
}
@media (min-width:992px){
.news-body{padding-top:30px}
}
.news-body .content{margin-top:3vw;width:100%;overflow:hidden;font-size:.9rem}
@media (min-width:769px){
.news-body .content{font-size:1rem}
}
.news-body .news-aside{margin-top:30px}
.news-body .news-aside .fa_tt{border-bottom:1px solid #ddd;padding-bottom:1.6rem;margin-bottom:1.6rem;font-size:1.5rem;color:#303a52}