/* 通用样式 */body {font-family:'Roboto',sans-serif;margin:0;padding:0;box-sizing:border-box;color:#333;line-height:1.6;}
h1,h2,h3 {margin:0;font-weight:500;}
* {margin:0;padding:0;}
ul,li {list-style-type:none;}
p {margin:0;}
a {text-decoration:none;color:inherit;}
button {cursor:pointer;}
/* 顶部导航栏 */header {display:flex !important;justify-content:space-between;align-items:center;padding:20px 10%;background-color:#2c3e50;color:#fff;position:sticky;top:0;z-index:1000;}
header .logo {font-size:24px;font-weight:bold;}
header .search-bar input {padding:10px;width:300px;border:none;border-radius:5px;}
header .search-bar button {padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;margin-left:10px;}
header nav ul {list-style:none;display:flex;margin:0;padding:0;}
header nav ul li {margin:0 15px;}
header nav ul li a {color:#fff;font-weight:500; font-size:18px;}
header .user-actions .btn-login {background-color:transparent;border:1px solid #fff;color:#fff;padding:8px 20px;border-radius:5px;margin-right:10px;}
header .user-actions .btn-register {background-color:#3498db;border:none;color:#fff;padding:8px 20px;border-radius:5px;}
/* 轮播图/Banner */.banner {position:relative;height:500px;overflow:hidden;background-image:url('../images/747322.jpg');width:100%;background-size:cover;background-position:center;}
.banner .slide {margin:50px 10%;background:rgba(255,255,255,0.2);display:flex;justify-content:space-between;height:300px;padding:50px;}
.banner .slide-content {width:28%;height:120px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.5);text-align:center;border-radius:10px;box-shadow:4px 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease;}
.banner .slide-content h2 {font-size:28px;margin-bottom:10px;}
.banner .slide-content p {font-size:18px;}
.banner .slide-content:hover {transform:translateY(-10px);}
/* 核心功能入口 */.core-features {padding:60px 10%;text-align:center;background-color:#f9f9f9;overflow:hidden}
.core-features h2 {font-size:36px;margin-bottom:40px;}
.core-features .features-grid {display:flex;justify-content:space-between; }
.core-features .feature {background-color:#fff;padding:20px 0;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease;width:24%; }
.core-features .feature:hover {transform:translateY(-10px);}
.ul-list {margin-top:15px;padding:10px;overflow:hidden}
.ul-list li {height:28px;line-height:28px;overflow:hidden;white-space:nowrap;text-align:left;}
.ul-list li:before {content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#3498db;margin-right:10px;}
.ul-list2 {list-style-type:none;padding:0;display:table;width:100%;border-collapse:collapse;}
.ul-list2 li {display:table-row;}
.ul-list2 li span {display:table-cell;border:1px solid #ccc;padding:5px 10px;}
.ul-list2 li a {display:table-cell;border:1px solid #ccc;padding:5px 10px;text-decoration:none;color:#333;}
.core-features .feature h3 {font-size:20px;margin-bottom:10px;}
.core-features .feature p {font-size:14px;color:#666;}
/* 热门城市专线推荐 */.hot-lines {padding:60px 10%;text-align:center;}
.hot-lines h2 {font-size:36px;margin-bottom:40px;}
.hot-lines .city-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.hot-lines .city-card {background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease;padding:20px;}
.hot-lines .city-card:hover {transform:translateY(-10px);}
.hot-lines .city-card h3 {font-size:20px;margin:15px 0;}
/* 司机招募专区 */.driver-recruitment {background-image:url('../images/siji.jpg');width:100%;background-size:cover;background-position:center;height:200px;text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.5);padding:50px 0;}
.driver-recruitment h2 {font-size:36px;margin-bottom:20px;}
.driver-recruitment p {font-size:18px;margin-bottom:30px;}
.driver-recruitment .btn-primary {background-color:#3498db;border:none;color:#fff;padding:12px 30px;font-size:18px;border-radius:5px;}
.sijibtn {border:1px solid #fff !important;}
/* 货主发货专区 */.shipper-area {background-color:#fff;padding:100px 10%;text-align:center;}
.shipper-area h2 {font-size:36px;margin-bottom:20px;}
.shipper-area p {font-size:18px;margin-bottom:30px;}
.shipper-area .btn-primary {background-color:#3498db;border:none;color:#fff;padding:12px 30px;font-size:18px;border-radius:5px;}
.shipper-area .shipper-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.shipper-area .shipper-card {background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease;padding:20px;cursor:pointer;margin-bottom:15px;}
.shipper-area .shipper-card:hover {transform:translateY(-10px);}
.shipper-area .shipper-card h3 {margin-bottom:15px;background-color:#3498db;padding:0 10px;color:#fff;border-radius:5px;white-space:nowrap;overflow:hidden;font-size:16px;line-height:30px;}
.shipper-area .shipper-card p {width:48%;display:inline-block;line-height:20px;margin-bottom:0;font-size:14px;text-align:left;}
.shipper-area .shipper-card  span {color:#999}
/* 物流资讯与知识 */.news-knowledge {padding:60px 10%;background-color:#f9f9f9;text-align:center;}
.news-knowledge h2 {font-size:36px;margin-bottom:40px;color:#333;}
.news-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
.news-card {background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);text-align:left;}
.news-card h3 {font-size:24px;margin-bottom:20px;color:#2c3e50;}
.news-list {list-style:none;padding:0;margin:0;}
.news-list li {margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee;}
.news-list li:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;}
.news-title {font-size:18px;color:#333;display:inline-block;margin-bottom:5px;width:80%;}
.news-date {font-size:14px;display:inline-block;text-align:right;color:#777;}
/* 合作伙伴展示 */.partners {background:#fff;padding:60px 10%;text-align:center;}
.partners h2 {font-size:36px;margin-bottom:40px;color:#333;}
.partner-list ul {list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.partner-list ul li {background-color:#fff;padding:15px 30px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);font-size:18px;color:#555;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.partner-list ul li:hover {transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.15);background:#3498db;}
.partner-list ul li:hover a {color:#fff}
/* 底部导航栏 */footer {background-color:#2c3e50;color:#fff;padding:40px 10%;text-align:center;}
footer .footer-content {display:flex;justify-content:space-between;margin-bottom:20px;}
footer .footer-links a {margin:0 15px;color:#fff;}
footer .social-media a {margin:0 10px;color:#fff;}
footer .footer-bottom {margin-top:20px;font-size:14px;color:#ccc;}
/* 悬浮客服按钮 */.floating-customer-service {position:fixed;bottom:20px;right:20px;}
.floating-customer-service button {background-color:#3498db;border:none;color:#fff;padding:12px 24px;font-size:16px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,0.2);}
/* 手机端样式 */@media (max-width:768px) {
/* 顶部导航栏 */   
header {flex-direction:column;padding:10px;align-items:flex-start; position:relative }
header .logo {margin-bottom:10px; text-align:left;display:inline-block}
header .search-bar {width:100%;margin-bottom:10px; display:none;}
header .search-bar input {width:calc(100% - 80px);}
header nav ul { align-items:center; flex-wrap:wrap; display:block;}
 
header nav ul li {margin:0px 2px; font-size:14px;padding:0 5px;box-sizing:border-box;border:1px solid #fff; text-align:center;line-height:40px; border-radius:5px; display:inline-block}
header .user-actions {margin-top:0px; position:absolute;right:10px;top:10px;}
/* 轮播图/Banner */    .banner {height:250px;}
.banner .slide{margin:0;height:200px; display:block;padding:25px}
.banner .slide-content{width:90%;margin:5px auto;height:auto;background: rgba(0,0,0,0.2);padding:5px 0;} 
.banner .slide-content h2 {font-size:16px;margin-bottom:0;}
.banner .slide p {font-size:14px;}
 
/* 核心功能入口 */    
.core-features {padding:30px 10px;}
.core-features h2 {font-size:24px;margin-bottom:10px;}
.core-features .features-grid {flex-wrap:wrap;}
.core-features .feature {padding:10px 0;margin-bottom:15px;width:100%;}
.core-features .feature img {width:40px;height:40px;}
.core-features .feature h3 {font-size:16px;}
.core-features .feature p {font-size:12px;}
/* 热门城市专线推荐 */    .hot-lines {padding:30px 10px;}
.hot-lines h2 {font-size:24px;margin-bottom:10px;}
.hot-lines .city-grid {grid-template-columns:repeat(1,1fr);gap:0px;}
.hot-lines .city-card   {margin-bottom:15px;padding:10px;}
.hot-lines .city-card h3 {font-size:16px;}
.hot-lines .city-card p {font-size:12px;}
/* 司机招募专区 */    .driver-recruitment {padding:25px 0px;height:150px;}
.driver-recruitment h2 {font-size:24px;}
.driver-recruitment p {font-size:16px;}
.driver-recruitment .btn-primary {font-size:14px;padding:10px 20px;}
/* 货主发货专区 */    .shipper-area {padding:25px 10px;}
.shipper-area h2 {font-size:24px;margin-bottom:10px}
.shipper-area p {font-size:16px;margin-bottom:10px}
 
.shipper-area .shipper-grid {grid-template-columns:repeat(1,1fr);gap:0px;}
.shipper-area .shipper-card   {margin-bottom:15px;}
.shipper-area .btn-primary {font-size:14px;padding:10px 20px;}
/* 物流资讯与知识 */    .news-knowledge {padding:30px 10px;}
.news-knowledge h2 {font-size:24px;margin-bottom:20px;}
.news-grid {grid-template-columns:1fr;gap:20px;}
.news-card {padding:15px;}
.news-card h3 {font-size:20px;margin-bottom:15px;}
.news-title {font-size:16px;width:70%;}
.news-date {font-size:12px;}
/* 合作伙伴展示 */    .partners {padding:25px 10px;}
.partners h2 {font-size:24px;margin-bottom:20px;}
.partner-list ul {gap:10px;display:block}
.partner-list ul li {padding:5px 10px;font-size:14px; display:inline-block;margin:0 5px 5px 0;}
/* 底部导航栏 */    footer .footer-content {flex-direction:column;align-items:center;}
footer .footer-links {margin-bottom:10px;}
footer .footer-links a {margin:0 10px;}
footer .social-media {margin-bottom:10px;}
footer .footer-bottom {font-size:12px;}
/* 悬浮客服按钮 */    .floating-customer-service button {font-size:14px;padding:10px 20px;}
}

.news-container {          margin: 20px auto;            padding: 0 10%;        }

        .news-main-content {            display: flex;            gap: 20px;   margin-top:15px;     }
/* 左侧资讯列表 */        .news74732-list {flex:3;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
/* 图文列表 */        .news74732-featured {display:flex;gap:20px;padding:15px 0;border-bottom:1px solid #eee;text-decoration:none;color:inherit;}
.news74732-featured:hover {background:#f9f9f9;}
.news74732-featured img {width:120px;height:120px;object-fit:cover;border-radius:6px;}
.news74732-featured h3 {color:#333;font-size:20px;margin-bottom:10px;}
.news74732-featured p {color:#666;line-height:1.6;margin-bottom:10px;}
.news74732-info {color:#999;font-size:12px;}
/* 标题列表 */        .news74732-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;}
.news74732-grid-item {padding:10px;border-bottom:1px dashed #eee;}
.news74732-grid-item a {text-decoration:none;color:#333;display:block;}
.news74732-grid-item a:hover {color:#3498db;}
.news74732-grid-item h4 {font-size:16px;margin:0;}
/* 右侧专线信息 */        .sidebar {flex:1;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.line-item {padding:12px 0;border-bottom:1px dashed #eee;}
.line-title {color:#3498db;font-weight:bold;}
/* 分页样式 */        .pagination {margin-top:30px;text-align:center;}
.page-item {display:inline-block;margin:0 5px;padding:8px 15px;border:1px solid #ddd;border-radius:4px;cursor:pointer;}
.page-item.active {background:#3498db;color:#fff;border-color:#3498db;}
@media (max-width:768px) {
	.news-container{padding:10px;}
	.news-main-content {flex-direction:column;}
.news74732-featured {flex-direction:column;}
.news74732-featured img {width:100%;height:auto;}
.news74732-grid {grid-template-columns:1fr;}
}