img{
    width: 100%;
    height: 100%;
}
a{
    display: block;
}
.gridCates,.articleCateNames,.articles{
    width: 90%;
    margin: 1rem auto;
}
.gridCates{
    /* margin: 1rem auto; */
    display: grid;
    /* 先看布局要弄成几行 */
    /* 几行 */
    grid-template-columns: repeat(6,1fr);
    /* 行纵间距 */
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}
.gridCate{
    border-radius:6px;
    overflow:hidden;
}
.gridCate_0{
    /* 第一根线到第三根线 */
    grid-column: 1/3;
}
.gridCate_1{
    grid-column: 3/5;
}
.gridCate_2{
    grid-row: 1/3;
    grid-column: 5/7;
}
/* .gridCate_2 > img{
    height: 100%;
} */
.gridCate_3{
    grid-column: 1/3;
}
.gridCate_4{
    grid-column: 3/5;
}
.gridCate_5{
    grid-column: 1/4;
}
.gridCate_6{
    grid-column: 4/7;
}
.articleCateNames{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.articleCateName{
    display: flex;
    font-weight: 800;
    align-items: center;
    width: calc((100% - 20px) / 2);
    justify-content: center;
}
.articleCateName > div{
    color: gray;
    padding: 0.25rem 0.25rem;
}
.articleCateName > img{
    /* opacity: 0; */
    width: 1rem;
    margin-right: 1rem;
    display: none;
}
.articleCateName_choose > div{
    color: rgb(56,166,233);
    border-bottom: 2px solid rgb(56,166,233);
}
.articleCateName_choose > img{
    opacity: 1;
}
.articles{
    display: none;
}
.article{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom:0.8rem;
}