.news-top-v1{display:flex;gap:20px;margin:20px 0;background:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:16px}
.news-top-v1-left{position:relative;width:690px;height:380px;border-radius:4px;overflow:hidden;background:#f5f5f5}
.news-top-v1-slider{position:relative;width:100%;height:100%}
.news-top-v1-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:none}
.news-top-v1-slide.active{display:block}
.news-top-v1-slide img{width:100%;height:100%;object-fit:cover}
.news-top-v1-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(0,0,0,.5);min-height:48px;cursor:pointer}
.news-top-v1-overlay-title{color:#fff;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px;max-width:85%;font-weight:600}
.news-top-v1-dots{display:flex;align-items:center;gap:8px}
.news-top-v1-dots .dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.6)}
.news-top-v1-dots .dot.active{background:#fff}
.news-top-v1-right{flex:1;min-width:0;height:380px;display:flex;flex-direction:column}
.news-top-v1-tabs{display:flex;gap:0;border-bottom:1px solid #eee;margin-bottom:10px}
.news-top-v1-tabs .tab{padding:8px 0;cursor:pointer;color:#666;font-size:20px;font-weight:600;position:relative;display:inline-flex}
.news-top-v1-tabs .tab .label{position:relative;display:inline-block}
.news-top-v1-tabs .tab.active{color:#c03}
.news-top-v1-tabs .tab.active .label:after{content:"";position:absolute;left:0;right:0;height:3px;background:#c03;border-radius:2px;bottom:-8px}
.news-top-v1-tabs .tab + .tab:before{content:"|";color:#999;margin:0 12px}
.news-top-v1-tabs .tab.active{color:#c03;border-bottom-color:#c03}
.news-top-v1-more{margin-left:auto;text-decoration:none;color:#999;font-size:14px;line-height:28px}
.news-top-v1-more:hover{color:#003d80}
.news-top-v1-list{list-style:none;margin:0;padding:0;flex:1;display:grid;grid-template-rows:repeat(8,1fr);align-content:stretch}
.news-top-v1-list li a{display:grid;grid-template-columns:1fr max-content;column-gap:12px;align-items:center;padding:0;text-decoration:none;width:100%}
.news-top-v1-list .title{color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-left:14px;font-size:16px;min-width:0}
.news-top-v1-list li{border-bottom:1px dashed #eee;display:flex;align-items:center}
.news-top-v1-list li:last-child{border-bottom:none}
.news-top-v1-list .title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#bbb}
.news-top-v1-list .date{color:#999;font-size:14px;margin-left:16px;white-space:nowrap;justify-self:end}
.news-top-v1-list li a:hover .title{color:#0056b3}
.hidden{display:none}
@media screen and (max-width: 1024px){.news-top-v1{flex-direction:column}.news-top-v1-left{width:100%;height:320px}.news-top-v1-overlay-title{max-width:70%}.news-top-v1-right{height:auto}.news-top-v1-list{display:block}.news-top-v1-list li{padding:10px 0}}
@media screen and (max-width: 768px){.news-top-v1-list{display:block}.news-top-v1-list.hidden{display:none}.news-top-v1-list li{padding:8px 0}.news-top-v1-list .title{font-size:16px;line-height:1.45}.news-top-v1-list .date{font-size:14px}}