.rb {
    width: 404px;
}


#news .list .item {
    border-bottom: solid 1px #f08300;
    padding      : 20px;
}

#news .list .item .date {
    /* width      : 80px; */
    color      : #666666;
    flex-shrink: 0;
}

#news .list .item .thumb {
    width       : 14rem;
    display     : flex;
    align-items : center;
    margin-right: 1rem;
    flex-shrink : 0;
}

#news .list .item .title {
    padding-bottom: 23px;
}

#paging {
    margin-top: 1rem;
}

@media screen and (max-width: 768px) {
    #news .list .item {
        flex-direction: column;
    }

    #news .list .item .title {
        padding-bottom: 0;
    }

    #news .list .item .date {
        width     : auto;
        font-style: italic;
        font-size : .6rem;
    }

    #news .intro {
        display           : -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow          : hidden;
    }
}