.UIHotNewsZone .item-main h2.news-title {
    font-family: Merriweather;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #031739;
}
.UIHotNewsZone  .Title {
    display: none;
}
.UIHotNewsZone  p.news-sapo {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #3B4E68;
    margin-top: 16px;
}
.UIHotNewsZone  .item-main {
    display: grid;
    grid-template-areas: "first first first second second";
    grid-column-gap: 20px;
    background: #EEF2F8;
}
.UIHotNewsZone .item-main .img-news {
    grid-area: first;
}
.UIHotNewsZone .item-main .news-info {
    grid-area: second;
    padding: 20px 20px 20px 0;
}
.UIHotNewsZone img {
    width: 100%;
    border: 1px solid #eeeeee;
}
.UIHotNewsZone  span.time {
    font-size: 14px;
    min-width: 175px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #454545;
}
.UIHotNewsZone .second-news h2.news-title {
    font-family: Merriweather;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    color: #000000;
    margin-top: 6px;
}
.UIHotNewsZone .second-news span.time, .UIHotNewsZone .second-news p.news-sapo {
        display: none;
}
.UIHotNewsZone .second-news {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 20px;
}
@media only screen and (max-width: 1024px){
       .UIHotNewsZone p.news-sapo {
            font-family: Roboto;
            font-size: 15px;
            font-weight: 400;
            line-height: 22px;
            text-align: left;
            margin-bottom: 0;
            margin-top: 0;
        }
     .UIHotNewsZone  .second-news .news-item {
            margin: 16px;
            display: flex;
            flex-direction: column-reverse;
        }
       .UIHotNewsZone .item-main {
            grid-template-columns: 1fr; 
            display: block !important;
        }
       .UIHotNewsZone .second-news .img-news {
            display: flex;
            gap: 10px;
        }
        .UIHotNewsZone .second-news h2.news-title {
            color: #031739;
            margin-top: 6px;
            font-family: Merriweather;
            font-size: 20px;
            font-weight: 700;
            line-height: 28px;
            text-align: left;
        }
        .UIHotNewsZone .second-news .img-news a {
            width: 40%;
            display: block;
        }
        .UIHotNewsZone .item-main .news-info {
            padding: 16px;
        }
        .UIHotNewsZone .item-main h2.news-title {
            font-family: Merriweather;
            font-size: 22px;
            font-weight: 700;
            line-height: 30px;
            text-align: left;
        }
       .UIHotNewsZone .second-news p.news-sapo.hidden {
            /* display: inline; */
            width: calc(60% - 10px);
            margin-top: 0;
            font-family: Roboto;
            font-size: 15px;
            font-weight: 400;
            line-height: 22px;
            text-align: left;
            color: #62748D;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            max-height: 88px;
        }
        .UIHotNewsZone span.time{
                display: none;
        }
       .UIHotNewsZone .second-news {
            display: block !important;
            background: #F9F9F9;
            margin-top: 0;
            padding-bottom: 6px;
        }
        .UIHotNewsZone .second-news .news-item:first-child {
            margin-top: 0;
            padding-top: 16px;
        }
}