.crumbs {
    display: flex;
    align-items: center;
    margin: .3rem auto;
}

.crumbs a {
    font-size: 0.15rem;
    font-weight: 400;
    color: #999;
    line-height: 1.2;
}

.crumbs a h1 {
    font-size: .15rem;
    font-weight: normal;
}

.crumbs a:hover {
    color: #000;
}

.crumbs img {
    height: 0.1rem;
    margin: 0 0.18rem !important;
}

.cateTree {
    display: grid;
    grid-template-rows: repeat(2, auto);
    /* 每行多少列由 JS 设置 --cols */
    grid-template-columns: repeat(var(--cols, 1), auto);
    justify-content: center;
    align-items: center;
    row-gap: 10px;    /* 行高间距 */
    column-gap: 0;    /* 彻底去掉 grid 自带的列间距 */
    padding: 20px 0;
}

.cateTree a {
    display: block;
    /* 左右各 15px 内边距，保证文字到分隔线的距离固定 */
    padding: 0 15px;
    /* 默认“透明”分隔线，行首项也不用特别去除 inline 样式了 */
    border-left: 1.9px solid transparent;
    font-size: 17px;
    text-decoration: none;
    text-transform: capitalize;       /* 首字母大写 */
    transition: color .3s, font-weight .3s;
    text-align: center;
}

/* 非行首的那些，就把 border-left 换成蓝色 */
.cateTree a.separator {
    border-left-color: #1f7624;
}

/* hover / active 态变色，加粗 */
.cateTree a:hover,
.cateTree a.active {
    color: #1f7624;
}
.cateTree a.active {
    font-weight: bold;
}



/* news-list.css */

/* 1. 清除 ul 默认样式 */
ul.news-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 2. 覆盖 flex 布局，改用 Grid 平均分 3 列 */
ul.flex-justify-bwteen.news-list {
    display: grid !important;                    /* 覆盖 flex-justify-bwteen */
    grid-template-columns: repeat(3, 1fr);       /* 固定 3 列 */
    column-gap: 30px;                            /* 列间距 */
    row-gap: 40px;                               /* 行间距 */
}

/* 3. 每个 <li> 里直接放白底即可，无需多余 margin/padding */
ul.news-list li {
    background: transparent;
}

/* 4. <a> 链接撑满整个格子 */
ul.news-list li a.clearfix {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* 5. 图片容器，按比例铺满格宽 */
ul.news-list .news-img {
    width: 100%;
    /* 16:9 比例，你也可以改成 4/3、1/1 等 */
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f2f2f2;        /* 占位色，图片加载前可见 */
}

/* 6. 图片填充、cover 并加 hover 效果 */
ul.news-list .news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}
ul.news-list .news-img img.img-hover:hover {
    transform: scale(1.05);
}

/* 7. 标题行 */
ul.news-list .more {
    background: #fff;
    padding: 12px 0;
    text-align: center;
    font-size: 14px;
    color: #333;
    border-top: 1px solid #e8e8e8;    /* 可选：加根浅灰分隔线 */
}

/* 8. （可选）给 clearfix 一个通用清浮动 */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.article .wrap .news-list li {
    width: 4.48rem;
    background: #F6F6F6;
    margin-bottom: 0.6rem;
    box-shadow: 0rem 0.01rem 0.09rem 0rem rgba(0, 0, 0, 0.17);
}