.article-list {
    margin-top: 10px;
    padding: 0 10px;
    text-align: left;
}

.article-list h3 {
    font-size: 22px;
    line-height: 30px;
    color: #8e8e8e;
}


.article-list .list {
    border-top: 1px solid #f1f1f1;    
    margin-top: 10px;
    display: block;
    outline: none;
    text-decoration: none;
}

.article-list .list .item {
      padding: 10px;
}

.article-list .list .item .title {
    text-align: left;
    color: #0a75f9;
    font-size: 18px;
    width: 15em; /* 设置容器的宽度 */  
    white-space: nowrap; /* 禁止文本换行 */  
    overflow: hidden; /* 隐藏超出容器的部分 */  
    text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */  
}

.article-list .list .item .description {
    width: 20em; /* 设置容器的宽度 */  
    white-space: nowrap; /* 禁止文本换行 */  
    overflow: hidden; /* 隐藏超出容器的部分 */  
    text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */  
    color: #8e8e8e;
    font-size: 14px;
}