.article-box {
    box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.1);
    padding: 16px;
    border-radius: 20px;
    cursor: pointer;
    border: 1px solid #bd9a60;
}

.article-box:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #e6e6e6;
}
 
.article-box img {
    object-fit: cover;
    border-radius: 12px;
}

.article-box-title {
    color: #bd9a60;
    margin-top: 12px;
    font-size: 1.1rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
}

.article-box-text {
    font-size: 14px;
    margin-bottom: 0;

    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    height: 105px;
}

.article-box-icon,
.article-box-time {
    color:#989896;
}