.article[data-v-79ee9a5f]{width:100%}.article article[data-v-79ee9a5f]{display:flex;flex-direction:row;align-items:center;padding:10px;cursor:pointer;transition:all .3s;width:100%;border-bottom:1px solid #dcdbd9}.article article figure[data-v-79ee9a5f]{position:relative;overflow:hidden;height:98px;width:180px}@media screen and (max-width:768px){.article article figure[data-v-79ee9a5f]{width:100px}}.article article figure img[data-v-79ee9a5f]{transition:all .3s;object-fit:cover;font-family:"object-fit: cover;";width:100%;height:100px}.article article figure[data-v-79ee9a5f]:before{transition:opacity .3s;background-color:#000;opacity:.1;top:0;right:0;bottom:0;left:0;content:" ";position:absolute}.article article .subject[data-v-79ee9a5f]{margin-left:1rem;flex:1 0 0%}.article article .subject span[data-v-79ee9a5f]{display:block}.article article .subject .date[data-v-79ee9a5f]{color:#00ccb8;font-weight:700;font-size:14px;margin-bottom:8px}.article article .subject .title[data-v-79ee9a5f]{font-size:20px;color:#707070;margin-bottom:3px}.article article .subject .body[data-v-79ee9a5f]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;height:45px;margin-top:5px;line-height:160%;color:#707070}.article article .preview-mark[data-v-79ee9a5f]{font-weight:700;padding:.3rem .6rem;color:#fff;background-color:red;opacity:.6;display:flex;align-items:center}.article article .preview-mark svg[data-v-79ee9a5f]{padding:0}@media screen and (max-width:1023px){.article article .preview-mark span[data-v-79ee9a5f]{display:none}}.article article:hover figure img[data-v-79ee9a5f]{-webkit-transform:scale(1.2);transform:scale(1.2)}.article article:hover figure[data-v-79ee9a5f]:before{opacity:0}