.article-card{background-color:#fff;border-radius:5px;width:320px;overflow:hidden}.article-card.is-loading .video-info-content{opacity:0}.article-card.is-loading .video-info-skeleton,.article-card.is-loaded .video-info-content{opacity:1}.article-card.is-loaded .video-info-skeleton{opacity:0;pointer-events:none}.article-card .article-Cover{width:320px;height:180px;overflow:hidden}.article-card .article-Cover .image:hover{cursor:pointer;transition:all .5s;transform:scale(1.1)}.article-card .article-thumb{background-color:#00f;width:100%;height:180px}.article-card .article-thumb .image{width:100%;height:100%}.article-card .article-content-box{object-fit:cover;border-radius:4px;width:320px;min-width:320px;height:180px;display:block}.article-card .article-meta{border-radius:10px;flex-direction:column;justify-content:flex-start;width:100%;height:150px;display:flex;position:relative;bottom:10px;box-shadow:0 2px 4px #0000001a}.article-card .article-meta .article-avatar{justify-content:flex-start;margin-left:5px;display:flex}.article-card .article-meta .article-title{text-align:center;margin-left:5px;font-size:16px;line-height:40px}.article-card .article-meta .article-content{padding:10px;font-size:16px}.article-card .article-footer{color:#888;justify-content:space-between;width:95%;margin-left:5px;padding:5px;font-size:14px;display:flex;position:absolute;bottom:10px}.article-card .article-footer .article-zan,.article-card .article-footer .article-zan .article-icons{display:flex}.article-card .article-footer .article-zan .article-icons .Image{width:20px;height:20px;margin-left:10px}