.article-list .article-list-wrapper{display:flex;flex-wrap:wrap;gap:30px}.article-list .article-list-wrapper .article-item{position:relative;width:calc(100% / 3 - 30px * 2 / 3);background-color:#F7F7F7}.article-list .article-list-wrapper .article-item::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--primary-color);transition:all .5s ease}.article-list .article-list-wrapper .article-item .article-link{display:block}.article-list .article-list-wrapper .article-item .article-link .photo{width:100%;aspect-ratio:16 / 9;overflow:hidden}.article-list .article-list-wrapper .article-item .article-link .photo img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.article-list .article-list-wrapper .article-item .article-link .photo img:hover{transform:scale(1.2)}.article-list .article-list-wrapper .article-item .article-link .title-wrapper{display:flex;overflow:hidden;padding:32px 32px 0}.article-list .article-list-wrapper .article-item .article-link .title-wrapper .date{width:80px;padding-right:24px;display:flex;flex-shrink:0;flex-direction:column;justify-content:center;align-items:center;color:#033333}.article-list .article-list-wrapper .article-item .article-link .title-wrapper .date .day{color:var(--primary-color)}.article-list .article-list-wrapper .article-item .article-link .title-wrapper .title{width:calc(100% - 80px);padding-bottom:23px;border-bottom:1px solid #BEBEBE}.article-list .article-list-wrapper .article-item .article-link .desc{padding:32px 32px 0;margin-bottom:32px;color:#999999;line-height:1.5}.article-list .article-list-wrapper .article-item:hover::after{width:100%}@media screen and (max-width:992px){.article-list .article-list-wrapper{gap:15px}.article-list .article-list-wrapper .article-item{width:100%;margin-bottom:15px}.article-list .article-list-wrapper .article-item .article-link .photo{aspect-ratio:16 / 9}.article-list .article-list-wrapper .article-item .article-link .title-wrapper{padding:20px 16px 0}.article-list .article-list-wrapper .article-item .article-link .title-wrapper .date{width:60px;padding-right:16px}.article-list .article-list-wrapper .article-item .article-link .title-wrapper .title{width:calc(100% - 60px);padding-bottom:15px}.article-list .article-list-wrapper .article-item .article-link .desc{padding:16px 16px 0;margin-bottom:16px}}