.article-list-wrapper{display:flex;align-items:flex-start;flex-wrap:wrap;gap:24px}.article-list-wrapper .article-item{width:calc(100% / 4 - 24px * 3 / 4)}.article-list-wrapper .article-item .c-wrap{position:relative;z-index:1;display:block;border-radius:10px;overflow:hidden;background-color:#fff;box-shadow:0 0 24px 0 rgba(108,108,108,0.11);transition:all .3s}.article-list-wrapper .article-item .c-wrap:hover{transform:translateY(-15px);box-shadow:0 0 24px 0 rgba(108,108,108,0.2)}.article-list-wrapper .article-item .c-wrap:hover .public-img img{transform:scale(1.1)}.article-list-wrapper .article-item .c-wrap:hover .c-text-box .c-title{color:var(--primary-color)}.article-list-wrapper .article-item .c-wrap:hover .c-text-box .c-time::before{width:100%}.article-list-wrapper .article-item .c-wrap .public-img{aspect-ratio:382 / 225}.article-list-wrapper .article-item .c-wrap .public-img img{width:100%;height:100%;object-fit:cover;transition:all .3s}.article-list-wrapper .article-item .c-wrap .c-text-box{padding:40px 24px}.article-list-wrapper .article-item .c-wrap .c-text-box .c-title{height:60px;line-height:30px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;transition:all .3s}.article-list-wrapper .article-item .c-wrap .c-text-box .c-text{margin:.4rem 0 .8rem;height:52px;line-height:26px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;color:#B3B3B3}.article-list-wrapper .article-item .c-wrap .c-text-box .c-time{position:relative;display:flex;align-items:center;border-top:1px solid #ebf0f5;color:#5C5C5C}.article-list-wrapper .article-item .c-wrap .c-text-box .c-time::before{content:"";position:absolute;top:-1px;left:0;border-top:1px solid var(--primary-color);width:0;transition:all .3s}.article-list-wrapper .article-item .c-wrap .c-text-box .c-time .iconfont{margin-right:8px;font-size:24px;color:var(--primary-color)}@media screen and (max-width:992px){.article-list-wrapper{flex-direction:column;gap:16px}.article-list-wrapper .article-item{width:100%}.article-list-wrapper .article-item .c-wrap .c-text-box{padding:24px 16px}.article-list-wrapper .article-item .c-wrap .c-text-box .c-title{height:auto;line-height:1.5;-webkit-line-clamp:1}.article-list-wrapper .article-item .c-wrap .c-text-box .c-text{height:auto;line-height:1.5;margin:8px 0 16px}}