.filter[data-v-8502d23b]{border-bottom:2px solid #e5e7eb;height:48px;width:100%}.articles[data-v-8502d23b]{overflow:hidden;padding:6px 15px;width:100%}.articles a[data-v-8502d23b]{border-bottom:1px solid #f3f5f7;display:block;padding:18px 0}.articles .main[data-v-8502d23b]{background:#fff;display:flex;gap:18px;overflow:hidden;width:100%}.articles .main .cover[data-v-8502d23b]{border-radius:5px;flex:240px 0 0;height:110px;-o-object-fit:cover;object-fit:cover;overflow:hidden;transform:all .2s ease-in-out}.articles .main .content[data-v-8502d23b]{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;width:calc(100% - 240px)}.articles .main .content .title[data-v-8502d23b]{font-size:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.articles .main .content .info[data-v-8502d23b]{align-items:center;color:#0009;display:flex;font-size:14px;gap:10px;justify-content:space-between;margin-top:10px}.articles .main .content .info .author[data-v-8502d23b]{align-items:center;display:flex;gap:5px}.articles .main .content .info .author img[data-v-8502d23b]{border:1px solid #f2f2f2;border-radius:50%;height:20px;width:20px}.articles .main .content .data[data-v-8502d23b]{align-items:center;display:flex;justify-content:space-between}.articles .main .content .data .data-col[data-v-8502d23b]{font-size:14px;padding-left:32px;position:relative}.articles .main .content .data .data-col[data-v-8502d23b]:before{color:#6b6b6bad;content:attr(data-label);left:0;position:absolute;top:50%;transform:translateY(-50%)}.articles .main:hover .cover[data-v-8502d23b]{transform:scale(1.05)}.articles .recommend[data-v-8502d23b]{background:#f3f5f7;border-radius:8px;color:#0009;font-size:12px;margin-top:10px;padding:4px 10px;text-align:justify}.articles li:last-child a[data-v-8502d23b]{border-bottom:none}@media screen and (max-width:500px){.articles a[data-v-8502d23b]{padding:10px 0}.articles .main[data-v-8502d23b]{gap:12px}.articles .main .cover[data-v-8502d23b]{border-radius:6px;flex:110px 0 0;height:85px}.articles .main .content[data-v-8502d23b]{width:calc(100% - 110px)}.articles .main .content .title[data-v-8502d23b]{font-size:18px}.articles .main .content .info[data-v-8502d23b]{font-size:12px;margin-top:3px}.articles .main .content .info .author img[data-v-8502d23b]{height:16px;width:16px}.articles .main .content .data .data-col[data-v-8502d23b]{font-size:12px}.articles .main .content .data .data-col[data-v-8502d23b]:before{font-size:10px}.articles .recommend[data-v-8502d23b]{margin-top:6px;padding:2px 6px}}