body {
    background: #e4e4e4
}

.news_main {
    padding: calc((100 / 19.2) * 1%) 0 calc((90 / 19.2) * 1%);
    --pd: 39px
}

.news_main .list_news .list_news_item:not(:last-child) {
    margin-bottom: 25px
}

.news_main .list_news .list_news_item .img {
    padding-bottom: calc((498 / 9.93) * 1%)
}

.news_main .list_news .list_news_item .img .play_icon {
    width: 117px;
    height: 117px;
    background: rgba(51, 51, 51, 0.7);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.news_main .list_news .list_news_item .img .play_icon::after {
    content: "";
    display: block;
    width: 30px;
    height: 44px;
    background: url(../images/color/play.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.news_main .list_news .list_news_item .title {
    font-family: Roboto;
    font-size: 24px;
    color: var(--color-shen);
    margin-top: 40px;
    display: block
}

.news_main .list_news .list_news_item .desc {
    margin-top: 24px;
    color: #999999;
    line-height: 30px
}

@media screen and (max-width:950px) {
    .news_main .list_news .list_news_item .img {
        padding-bottom: 100%
    }
}