.ArticleItemMiddle{height:100%;min-height:140px;display:block;max-width:700px;width:100%;margin:0 auto}.article_index_section{display:flex;height:100%;padding:20px;box-sizing:border-box}.article_index_text{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:100%;margin-right:20px}.article_index_text h2{font-size:20px;line-height:1.4}.article_index_text h3{color:var(--text-sub-color);font-size:16px;margin-bottom:5px;line-height:1.4}.article_index_text p{color:var(--text-sub-color);font-size:13px;line-height:1.6;margin:5px 0 auto;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;display:-webkit-box;overflow:hidden}.article_index_section_info{margin:5px -2px 0;display:flex;flex-wrap:wrap}.article_index_section_info div{display:flex;align-items:center}.article_index_section_info img,.article_index_section_info svg{margin:3px 5px 3px 2px;width:16px;height:16px;fill:var(--text-sub-color-opaque)}.article_index_section_info span{font-size:12px;color:var(--text-sub-color);padding:3px 10px 3px 0}.article_index_img{aspect-ratio:16/9;width:32%;margin:auto 0 auto auto;border-radius:calc(var(--border-radius)/2);position:relative;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;flex-shrink:0;height:auto}@media(max-width:450px){.article_index_section{flex-direction:column-reverse}.article_index_img{margin:0 auto;width:100%}.article_index_text{margin-right:0;margin-top:20px}}