.article-list .article{padding:10px;border-bottom:1px solid #ccc}.article-list .article:last-child{border-bottom:none}.article-list .article-tag{padding:0 4px;margin-right:5px;font-size:12px;color:#fff;text-align:center;background:#ccc;display:inline-block;vertical-align:middle;line-height:1.5;border-radius:3px}.article-list .article-top{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.article-list .article-title{font-size:16px;color:#000;display:inline-block;vertical-align:middle}.article-list .article-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-list .article-content .avatar{width:40px;height:40px;border-radius:50%;margin-right:10px;border:1px solid #ccc}.article-list .article-content .article-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.article-list .article-content .article-info .info-bottom,.article-list .article-content .article-info .info-top{display:-webkit-box;display:-ms-flexbox;display:flex;padding:2px 0;line-height:1.5;color:#34495e}.article-list .article-content .article-info .author-name,.article-list .article-content .article-info .time{-webkit-box-flex:1;-ms-flex:1;flex:1}.no-result{color:#ccc;line-height:30px;padding:10px 0}.list-loading .end{color:#ccc;font-size:14px;padding:10px 0}