.article-list__item[data-v-7b57baf2]{align-items:center;background-color:#f8f8f8;border-radius:8px;color:#333;cursor:pointer;display:block;display:flex;height:80px;justify-content:space-between;margin-bottom:16px;overflow:hidden;padding:0 24px}.article-list__item[data-v-7b57baf2]:hover{background:linear-gradient(90deg,#054994,#00913b 99.94%)}.article-list__item:hover .article-date[data-v-7b57baf2],.article-list__item:hover .article-title[data-v-7b57baf2]{color:#fff}.article-list__item:hover .article-date .line[data-v-7b57baf2]{background-color:#fff}.article-list__item .article-title[data-v-7b57baf2]{color:#333;font-size:18px;font-weight:400;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-list__item .article-info[data-v-7b57baf2]{align-items:center;color:#999;display:flex;font-weight:500}.article-list__item .article-info .line[data-v-7b57baf2]{background-color:#d4d4d4;height:33px;margin:0 16px;width:1px}.article-list__item .article-info .article-date[data-v-7b57baf2]{text-align:end}.article-list__item .article-info .article-date .day[data-v-7b57baf2]{font-size:24px}.article-list__item .article-info .article-date .year[data-v-7b57baf2]{font-size:18px}@media screen and (max-width:768px){.article-list__item[data-v-7b57baf2]{height:auto!important;margin-bottom:12px!important;padding:4px 16px!important}.article-list__item .article-info .article-date[data-v-7b57baf2]{text-align:end}.article-list__item .article-info .article-date .day[data-v-7b57baf2]{font-size:20px;line-height:24px}.article-list__item .article-info .article-date .year[data-v-7b57baf2]{font-size:16px;line-height:20px}}