/* 通用 */
* {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;}   /* 可再补移动端折叠 */
}