.news-hotnew{
        margin-bottom: 20px;
        /* height: fit-content; */
}
.news-hotnew .new-hotnew-header{
}
.news-hotnew .new-hotnew-header span{
        font-family: Merriweather;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        text-align: left;
        color: #000000;
}
.news-hotnew .news-hotnew-list{
        list-style: none;
        padding: 0;
        margin-bottom: 0;
        min-height: 500px;
}
.news-hotnew .news-hotnew-list li a.item .item-date,
.news-hotnew .news-hotnew-list li a.item .item-sapo{
        display: none;
}
.news-hotnew .news-hotnew-list li:first-child{
        padding: 16px 0;
}
.news-hotnew .news-hotnew-list li:first-child a.item .image-wrapper{
        width: 100%;
        height: 190px;
}
.news-hotnew .news-hotnew-list li:first-child a.item .item-image{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.news-hotnew .news-hotnew-list li:first-child a.item .item-title{
        //styleName: Heading 5 Merri;
        font-family: Merriweather;
        font-size: 15px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        color: #031739;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 66px;
        margin-top: 10px;
}
.news-hotnew .news-hotnew-list li:not(li:first-child){
        border-top:1px solid #F2F2F2;
        padding: 16px 0;
        /* box-sizing: content-box; */
}
.news-hotnew .news-hotnew-list li:not(li:first-child) a.item{
        /* padding: 16px 0; */
        /* box-sizing: content-box; */
        display: grid;
        grid-template-columns: 3fr 2fr;
        grid-auto-flow: dense;
        gap: 10px;
}
.news-hotnew figure.image-wrapper {
        order: 2;
}
.news-hotnew .news-hotnew-list li:not(li:first-child) a.item .item-info{
        float: left;
        order: 1;
}
.news-hotnew .news-hotnew-list li:not(li:first-child) a.item .item-title{
        font-family: Merriweather;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        color: #182940;
}
.news-hotnew .news-hotnew-list li:not(li:first-child) a.item .item-image{
        /* float: right; */
        /* width: 118px; */
        /* height: 74px; */
}
@media only screen and (max-width: 768px){
        .news-hotnew{
                padding: var(--padding-res);
        }
        .news-hotnew .new-hotnew-header span{
                //styleName: Heading 3 Merri;
                font-family: Merriweather;
                font-size: 18px;
                font-weight: 700;
                line-height: 26px;
                text-align: left;
                color: #2A58A0;
        }
}