* {margin: 0;padding: 0;box-sizing: border-box;font-family: "微软雅黑", sans-serif;}
body {width: 100%;max-width: 1200px;margin: 0 auto;background-color: #f5f5f5;}

.header {width: 100%;background-color: #fff;padding: 15px 0;border-bottom: 2px solid #333;}
.header-top {display: flex;justify-content: space-between;align-items: center;padding: 0 20px;margin-bottom: 10px;}
.logo a{text-decoration: none;}
.logo img{width: 70px;height:70px;}

.search-box {flex: 1;  max-width: 500px; margin: 0 auto;  display: flex;}
.search-box input {width: calc(100% - 80px); height: 38px;padding: 0 15px;border: 2px solid #d93025;border-right: none;border-radius: 4px 0 0 4px;
    font-size: 14px;outline: none;}
.search-box input::placeholder { color: #999;}
.search-btn {width: 80px;height: 38px;background-color: #d93025;color: #fff;border: none;border-radius: 0 4px 4px 0;cursor: pointer;font-size: 14px;
    display: flex;align-items: center;justify-content: center;gap: 4px;}
.search-btn:hover {background-color: #c5281e;}

.login-register {width: 160px; text-align: right;}
.login-register a {color: #666;text-decoration: none;margin: 0 5px;font-size: 14px;}
.login-register a:hover {color: #d93025;}

.nav-bar {background-color: #333;}
.nav-bar ul {display: flex;list-style: none;padding: 0 20px;justify-content: center; }
.nav-bar ul li a {display: block;color: #fff;text-decoration: none;padding: 12px 25px;font-size: 14px;}
.nav-bar ul li a.active,.nav-bar ul li a:hover {background-color: #d93025;}

.news-main {display: flex;justify-content: space-between;margin: 15px 0;gap: 15px;}

.news-container {width: 75%;display: flex;flex-direction: column;gap: 15px;}

.news-section {background-color: #fff;padding: 20px;border: 1px solid #e0e0e0;}
.news-title {font-size: 20px;color: #333;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 2px solid #d93025;}

.news-list {display: flex;flex-direction: column;gap: 15px;}
.news-item {display: flex;gap: 15px;padding: 15px;background-color: #f9f9f9;border-radius: 6px;border: 1px solid #eee;transition: box-shadow 0.3s ease;}
.news-item:hover {box-shadow: 0 2px 8px rgba(0,0,0,0.1);}

.news-img {width: 120px;height: 90px;flex-shrink: 0;border-radius: 4px;overflow: hidden;}
.news-img img {width: 100%;height: 100%;object-fit: cover;}

.news-content {flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
.news-content h3 {font-size: 16px;margin-bottom: 8px;}
.news-content h3 a {color: #333;text-decoration: none;}
.news-content h3 a:hover {color: #d93025;}
.news-desc {font-size: 13px;color: #666;line-height: 1.6;margin-bottom: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-time {font-size: 12px;color: #999;}

.news-sidebar {width: 23%;display: flex;flex-direction: column;gap: 15px;}

.hot-news, .news-tags {background-color: #fff;padding: 15px;border: 1px solid #e0e0e0;}
.hot-news h3, .news-tags h3 {font-size: 16px;margin-bottom: 15px;padding-bottom: 5px;border-bottom: 1px solid #e0e0e0;}
.hot-news ul {list-style: none;}
.hot-news ul li {margin-bottom: 10px;}
.hot-news ul li a {font-size: 13px;color: #666;text-decoration: none;}
.hot-news ul li a:hover {color: #d93025;}

.tag-list {display: flex;flex-wrap: wrap;gap: 8px;}
.tag-list span {font-size: 12px;padding: 4px 10px;background-color: #f5f5f5;color: #666;border-radius: 4px;cursor: pointer;}
.tag-list span:hover {background-color: #d93025;color: #fff;}

.footer {width: 100%;background-color: #333;padding: 15px 0;margin-top: 20px;color: #ccc;}
.footer-nav {display: flex;justify-content: center;gap: 20px;margin-bottom: 15px;}
.footer-nav a {color: #ccc;text-decoration: none;font-size: 14px;}
.footer-nav a:hover {color: #fff;}
.contact-info {text-align: center;font-size: 14px;line-height: 1.6;}