/* 通用 */ * {box-sizing:border-box;margin:0;padding:0;} body {font:14px/1.6 "Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;color:#333;background:#f7f7f7;} a {color:#004098;text-decoration:none;} a:hover {text-decoration:underline;} img {max-width:100%;vertical-align:top;} .wrap {width:1200px;margin:0 auto;padding:0 15px;} /* 头部 */ .xy-header {background:#fff;border-bottom:2px solid #831f0f;} .xy-header .wrap {display:flex;align-items:center;justify-content:space-between;height:80px;} .logo img {height:50px;} .xy-nav a {margin-left:35px;font-size:16px;color:#222;position:relative;} .xy-nav a.active, .xy-nav a:hover {color:#831f0f;} .xy-nav a.active::after {content:"";position:absolute;left:0;bottom:-10px;width:100%;height:3px;background:#831f0f;} /* 头图 */ .banner img {width:100%;height:400px;object-fit:cover;} /* 主体 */ .xy-main {display:flex;gap:25px;margin:30px auto;} .xy-left {flex:0 0 320px;} .xy-right {flex:1;background:#fff;padding:25px;} /* 块 */ .block {background:#fff;padding:20px;margin-bottom:20px;} .block h2 {font-size:18px;margin-bottom:12px;color:#831f0f;border-left:4px solid #831f0f;padding-left:10px;} /* 活动滚动 */ .pic-scroll {display:flex;gap:10px;overflow-x:auto;} .pic-scroll img {height:120px;border-radius:4px;} /* 校友名录 */ .name-list {display:flex;flex-wrap:wrap;gap:10px;} .name-list a {background:#ececec;padding:6px 12px;border-radius:3px;font-size:13px;} /* 新闻列表 */ .news-list li {display:flex;align-items:center;padding:10px 0;border-bottom:1px dashed #ddd;} .news-list .date {flex:0 0 45px;color:#999;margin-right:15px;} .news-list a {flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .more {display:inline-block;margin-top:15px;text-align:right;color:#831f0f;font-weight:bold;} /* 二维码 */ .qr-wrap {background:#fff;text-align:center;padding:30px 0;} .qr-wrap img {width:130px;} .qr-wrap p {margin-top:8px;color:#666;} /* 底部 */ .xy-footer {background:#831f0f;color:#fff;text-align:center;padding:20px 0;font-size:13px;} /* 响应式 */ @media(max-width:768px){ .wrap {width:100%;} .xy-main {flex-direction:column;} .xy-left,.xy-right {flex:1;} .xy-nav {display:none;} /* 可再补移动端折叠 */ }