/* list.css - list.html 内页布局（基于线上 index.css，max-width 1500px 流体布局） */

/* —— banner 图片响应式 ——
   上限改为 1500px：与 .page / header 容器同宽，避免宽屏下 banner（1080）
   比正文容器窄一截、左右边缘对不上 */
.banner img {
    width: 100%;
    max-width: 1500px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* —— 右侧内容区 —— */
.right {
    float: none;
    overflow: hidden;
    margin-left: 20px; /* flex 布局下 .left 已占 230px，这里只需 20px 间距（原 250px） */
    margin-right: 0;   /* 白卡右边缘与 banner / .page 右边缘对齐（原 20px） */
    background: #fff;
}

/* 右侧标题栏（参考原站 bksjy.htm 的 .rightTop：整行灰线 + 文字下方主题色短线） */
.rightTop {
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    border-bottom: 2px solid #e4e4e4;
}
.rightTop h2 {
    float: left;
    height: 50px;
    border-bottom: 2px solid #265ca3;
    color: #265ca3;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    margin: 0;
}

/* 文章列表（参考原站 .content / .ulList / .pageList） */
.content {
    padding: 20px 0 30px 0;
}
.ulList {
    padding: 0;
}
.pageList {
    padding: 15px 20px;
}
.pageList li {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    background: url(https://xwcbxy.nnnu.edu.cn/dfiles/16267/template/309470/skin/images/icons.jpg) 0 -186px no-repeat;
    padding-left: 10px;
    overflow: hidden;
    border-bottom: 1px solid #e4e4e4;
}
.pageList li .date {
    float: right;
    color: #999;
    height: 40px;
    line-height: 40px;
}
.pageList li a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 40px;
    color: #333;
    text-decoration: none;
}
.pageList li a:hover {
    color: #265ca3;
}
.pageList .split {
    background: none;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
    margin: 20px 0;
}

/* 分页 */
.class_page {
    clear: left;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
    color: #666;
}
.class_page a,
.class_page strong {
    display: inline-block;
    border: 1px solid #ccc;
    line-height: 160%;
    text-decoration: none;
    padding: 0 5px;
    color: #666;
}
.class_page strong {
    color: #fff;
    background-color: #265ca3;
    border-color: #265ca3;
}
/* —— 师资力量教师列表（szll.html .content.teacher） —— */
.content.teacher {
    padding: 20px 20px 30px 20px;
}
.content.teacher .notes {
    color: #999;
    font-size: 14px;
    margin-bottom: 10px;
}
.content.teacher ul {
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.content.teacher ul li {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
}
.content.teacher ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 15px;
}
.content.teacher ul li a:hover {
    color: #265ca3;
}
/* —— 子分类导航（szll1.html .lbnav2） —— */
.lbnav2 {
    margin-bottom: 15px;
    border-bottom: 2px solid #e4e4e4;
}
.lbnav2 ul {
    margin-left: 20px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.lbnav2 ul li {
    float: left;
    margin-right: 5px;
}
.lbnav2 ul li a {
    display: block;
    padding: 8px 20px;
    color: #666;
    text-decoration: none;
    font-size: 15px;
    border: 1px solid #e4e4e4;
    border-bottom: none;
    background: #f5f5f5;
}
.lbnav2 ul li a:hover {
    color: #265ca3;
    background: #fff;
}
.lbnav2 ul li.on a {
    color: #fff;
    background: #265ca3;
}

/* —— 小屏（≤750px）：与 alert.css 保持一致 ——
   左栏固定 230px 会把正文挤到 105px（375 视口），这里隐藏左栏、正文占满整行 */
@media (max-width: 750px) {
    .left { display: none; }
    .right { margin-left: 0; margin-right: 0; }
    /* 窄屏下标题变长，浮动日期会压住标题尾部：改为 flex，日期固定右侧、标题省略 */
    .pageList li { display: flex; align-items: center; }
    .pageList li a { order: 1; flex: 1; min-width: 0; }
    .pageList li .date { order: 2; float: none; flex: none; height: auto; margin-left: 8px; }
}