.article-list-wrapper[data-v-6db4c2d3]{width:100%}.article-list-wrapper .article-list-cate[data-v-6db4c2d3]{text-align:center;background-color:#fff;line-height:40px;display:inline-block}.article-list-wrapper .article-list-cate.active[data-v-6db4c2d3]{color:#fff;background-color:#409eff}.article-list-wrapper .article-list-cate.active a[data-v-6db4c2d3]{color:#fff;display:block}.article-list-wrapper .article-list-cate a[data-v-6db4c2d3]{color:#333;display:block}.article-list-wrapper .article-list-main[data-v-6db4c2d3]{width:100%;display:flex}.article-list-wrapper .article-list-main .article-list-content[data-v-6db4c2d3]{flex:1;width:100%;margin-right:20px;overflow:hidden}.article-list-wrapper .article-list-main .article-list-content .content-wrapper[data-v-6db4c2d3]{width:100%}.article-list-wrapper .article-list-main .article-list-content .content-wrapper li[data-v-6db4c2d3]{border-bottom:1px solid #f0f2f7;padding:15px}.article-list-wrapper .article-list-main .article-list-content .content-wrapper li[data-v-6db4c2d3]:hover{background-color:#f9fafb}.article-list-wrapper .article-list-main .article-list-content .content-wrapper li:hover .right-text-title[data-v-6db4c2d3]{color:#2d8cf0}.article-list-wrapper .article-list-main .article-list-content .content-wrapper li a[data-v-6db4c2d3]{color:#333;-webkit-box-align:center;width:100%;display:flex;position:relative}.article-list-wrapper .article-list-main .article-list-content .content-wrapper li .left-thumb[data-v-6db4c2d3]{border-radius:4px;width:140px;height:108px;margin-left:20px}.article-list-wrapper .article-list-main .article-list-content .content-wrapper li .left-thumb img[data-v-6db4c2d3]{width:100%;height:100%}.article-list-wrapper .article-list-main .article-list-content .content-wrapper li .right-text[data-v-6db4c2d3]{flex:1;width:100%;overflow:hidden}.article-list-wrapper .article-list-main .article-list-content .content-wrapper li .right-text .right-text-title[data-v-6db4c2d3]{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.article-list-wrapper .article-list-main .article-list-content .content-wrapper li .right-text .right-text-desc[data-v-6db4c2d3]{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:48px;padding-top:6px;line-height:22px;display:-webkit-box;overflow:hidden}.article-list-wrapper .article-list-main .article-list-content .content-wrapper li .right-text .right-text-other[data-v-6db4c2d3]{width:100%;margin-top:10px;display:flex}.article-list-wrapper .article-list-main .article-list-sider[data-v-6db4c2d3]{width:400px}.article-list-wrapper .article-list-main .article-list-sider .article-list-title[data-v-6db4c2d3]{border-bottom:1px solid #f0f2f7;width:100%;padding:20px;font-weight:400;position:relative}.article-list-wrapper .article-list-main .article-list-sider .article-list-title img[data-v-6db4c2d3]{vertical-align:sub;width:20px;height:20px}.article-list-wrapper .article-list-main .article-list-sider .article-list-list[data-v-6db4c2d3]{width:100%}.article-list-wrapper .article-list-main .article-list-sider .article-list-list ul[data-v-6db4c2d3]{padding:10px 20px 20px}.article-list-wrapper .article-list-main .article-list-sider .article-list-list ul li[data-v-6db4c2d3]{width:100%;height:28px;margin:6px 0;line-height:28px;display:flex}.article-list-wrapper .article-list-main .article-list-sider .article-list-list ul li a[data-v-6db4c2d3]{color:#333;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.article-list-wrapper .article-list-main .article-list-sider .article-list-list ul li a[data-v-6db4c2d3]:hover{color:#2d8cf0}.article-list-wrapper .article-list-main .article-list-sider .article-list-list ul li a img[data-v-6db4c2d3]{vertical-align:sub;width:16px;height:16px}