section.main{
    padding-top: calc(72 * var(--rpx));
    padding-bottom: calc(100 * var(--rpx));
    border-bottom: 1px solid #dfe2e5;
}

section.top{
    margin-bottom: calc(90 * var(--rpx));
}

.news-list{
    margin-top: calc(40 * var(--rpx));
    /*
    *30px at 1920
    *20px at 960
    */
    --gap: calc(1.042vw + 10px);
    --column: 3;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(-2 * var(--gap));
    margin-right: calc(-1 * var(--gap));
}

.news-list .news{
    width: calc(100% / var(--column) - var(--gap));
    flex: 0 0 auto;
    margin-right: var(--gap);
    margin-bottom: calc(2 * var(--gap));
    /*
     *600px at 1920
     *450px at 960
     */
    height: calc(15.625vw + 300px);
}

.news-list .news .title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;
}


@media (max-width: 750px) {
    .news-list{
        --column: 1;
    }

    .news-list .news:not(.stacked){
        height: auto;
    }

    section.top{
        margin-bottom: calc(60 * var(--rpx));
    }
}