#news  {
    padding: 0.64rem 0.3rem 0;
    background-color: var(--z-body-bg-color1);
    display: flex;
    flex-wrap: wrap
}

#news .news-content {
    margin-top: 0.48rem;
    width: 100%;
}

#news .news-content .news-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#news .news-content .news-list .item {
    cursor: pointer;
}

#news .news-content .news-list .item:hover {
    animation: href-hover 0.3s ease forwards;
}

#news .item {
    display: block;
    width: 100%;
    padding: 0.48rem 0.4rem;
    background-color: #fff;
    font-size: 0.28rem;
    margin-bottom: 0.24rem;
}

#news .item .item-thumbnail{
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--z-body-bg-color1);
    overflow: hidden;
}

#news .item .item-thumbnail a {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

#news .item .date {
    color: #000;
    margin: 0.32rem 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


#news .item .date span{
    color: var(--z-page-primary-color);
    border: 0.02rem solid var(--z-page-primary-color);
    padding: 0 0.1rem;
    margin-left: 0.24rem;
}

#news .item .intro {
    color: #333;
}

#news .news-content .tpl-btn {
    float: right;
    margin-top: 0.48rem;
    margin-bottom: 0.64rem;
}

@media screen and (min-width: 768.5px) {  
    #news  {
        padding: 3.84rem var(--z-body-warp-padding);
    }
    
    #news .news-content {
        margin-top: 2.24rem;
        margin-left: 4.8rem;
        max-width: 84.8rem;
    }

    #news .item {
        width: 27.2rem;
        padding: 1.92rem 1.6rem;
        font-size: 1.28rem;
        margin-bottom: 0;
    }

    #news .item .date {
        margin: 1.92rem 0 1.28rem;
    }


    #news .item .date span{
        border: 1px solid var(--z-page-primary-color);
        padding: 0 0.4rem;
        margin-left: 1.2rem;
    }

    #news .news-content .tpl-btn {
        margin-top: 2.56rem;
        margin-bottom: 0;
    }
}