.sa-news-box {
    display       : flex;
    flex-direction: column;
}

.sa-news-item {
    position      : relative;
    display       : flex;
    flex-direction: row;
    margin-bottom : 20px;
    border-bottom : 1px dashed #CCCCCC;
    padding-bottom: 20px;
    color         : #333;
}

.sa-img-box {
    width : 150px;
    height: 150px;
}

.sa-img-box>img {
    width : 100%;
    height: 100%;
}

.sa-caption {
    margin-left: 23px;
    text-align : justify;
    color      : #333;
}

.sa-caption>h4 {
    font-weight: bold;
}

.sa-caption>div {
    margin-bottom: 18px;
    color        : #333;
}

.dian {
    position: absolute;
    bottom  : 5px;
    right   : 0;
    color   : #333;
}

@media(max-width:768px) {
    .sa-img-box {
        width      : 80px;
        height     : 80px;
        flex-shrink: 0;
        color      : #333;
    }

    .sa-caption {
        margin-left: 10px;
        text-align : justify;
        color      : #333;
    }

    .sa-caption>h4 {
        margin-top   : 0;
        margin-bottom: 5px;
        font-size    : 16px;
        color        : #3d3d3d;
        font-weight  : bold;
        color        : #333;
    }

    .sa-caption>div {
        margin-bottom: 5px;
    }
}