body{background:linear-gradient(135deg,#e4e7ea 0%,#f5f5f5 100%);min-height:100vh}
.news-container{max-width:1228px;width:100%;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.1);overflow:hidden;margin:60px auto;display:flex}
.news-sidebar{width:290px;background:#f8f9fa;border-right:1px solid #e8e8e8;padding:20px 0}
.sidebar-title{font-size:18px;font-weight:600;color:#333;padding:0 20px;margin-bottom:20px;border-bottom:2px solid #F63;padding-bottom:10px}
.sidebar-menu{list-style:none;padding:0;margin:0}
.sidebar-menu li{padding:0}
.sidebar-menu a{display:block;padding:15px 30px;color:#666;font-size:15px;text-decoration:none;transition:all 0.3s ease;border-left:3px solid transparent}
.sidebar-menu a:hover{background:#e8f5f0;color:#F63;border-left-color:#F63;}
.sidebar-menu a.active{background:#e8f5f0;color:#F63;border-left-color:#F63;font-weight:600}
.news-main{flex:1;display:flex;flex-direction:column}
.news-header{background:linear-gradient(135deg,#3E9EFE 0%,#09F 100%);color:#fff;padding:15px 40px;height:70px;margin:0px 0px 0px 5px;}
.news-title{font-size:24px;font-weight:600;margin:0}
.news-content{padding:15px 20px;flex:1}
.news-list{display:flex;flex-direction:column;gap:15px}
.news-item{display:flex;align-items:center;padding:5px 15px;;background:#f8f9fa;border-radius:5px;transition:all 0.3s ease;cursor:pointer;flex-wrap:nowrap}
.news-item:hover{background:#f0f9f5;transform:translateY(-2px)}
.news-date{width:100px;font-size:14px;color:#666;text-align:center;padding:0 15px;border-right:1px solid #e8e8e8;box-sizing:border-box;white-space:nowrap}
.news-info{flex:1;display:flex;align-items:right;gap:15px;padding:5px 15px;min-width:200px;box-sizing:border-box}
.news-item-title{font-size:16px;color:#333;margin:0;flex:1}
.news-item-description{font-size:14px;color:#666;line-height:1.4}

.newsa{width:100px;font-size:14px;color:#666;text-align:center;padding:0 15px;font-weight:600}
.newsb{font-size:16px;color:#333;margin:0;flex:1;font-weight:600}
.newsc{display:flex;align-items:center;padding:5px 15px;;background:#f8f9fa;font-weight:600}
.newsd{width:80px;font-size:16px;color:#333;font-weight:600;text-align:center;}
.newxh{width:80px;font-size:16px;color:#333;text-align:center;}

.pagination{display:flex;justify-content:center;gap:10px;margin-top:40px}
.page-item{padding:8px 16px;border:1px solid #e8e8e8;border-radius:4px;font-size:14px;color:#333;cursor:pointer;transition:all 0.3s ease}
.page-item:hover{border-color:#00b38a;color:#00b38a}
.page-item.active{background:#00b38a;border-color:#00b38a;color:#fff}
.page-item.disabled{color:#999;cursor:not-allowed;border-color:#e8e8e8}
.page-item.disabled:hover{border-color:#e8e8e8;color:#999}
.news-meta-item{font-size:13px;color:#999;white-space:nowrap}
.newsdh{ margin:10px 20px 0 30px; padding:0 20px;}
.red{ color:#F63}
@media (max-width:768px){.news-container{flex-direction:column;margin:20px}
.news-sidebar{width:100%;border-right:none;border-bottom:1px solid #e8e8e8}
.news-header,.news-content{padding:20px}
.news-item{flex-direction:column;gap:5px}
.news-date{width:100%;border-right:none;border-bottom:1px solid #e8e8e8;padding:10px 0;text-align:left}
.news-info{padding:10px 0;min-width:100%}}