.article-top[data-v-358f7045]{display:flex;align-items:center;justify-content:space-between}.article-input[data-v-358f7045]{width:92%;margin-left:4%;margin-top:2.666667vw;background-color:#f5f5f5;border-radius:4vw;height:8vw;display:flex;align-items:center;position:relative}.article-input .search-icon[data-v-358f7045]{width:3.733333vw;height:3.733333vw;margin-left:3.466667vw;margin-right:2.133333vw}.article-input .clear-icon[data-v-358f7045]{width:5.066667vw;height:5.066667vw;position:absolute;right:1.333333vw}.article-input input[data-v-358f7045]{background-color:transparent;font-size:3.466667vw;color:#222;height:90%;width:65%}.article-input input[data-v-358f7045]::-webkit-input-placeholder{color:#b2b2b2}.article-input-cancel[data-v-358f7045]{font-size:3.733333vw;color:#999;margin-top:2.666667vw;margin-right:4%}.top-type[data-v-358f7045]{height:10.666667vw;border-bottom:1px solid #f5f5f5;margin-top:2.133333vw;display:flex;overflow-x:auto;justify-content:space-between;font-size:4vw;color:#666}.top-type-item[data-v-358f7045]{line-height:10.666667vw;text-align:center;flex-shrink:0;padding:0 3.733333vw}.type-item-active[data-v-358f7045]{border-bottom:.533333vw solid #1977f6;color:#000;font-size:4.533333vw;font-weight:700}.article-title[data-v-358f7045]{height:8vw;margin-top:4.8vw;font-size:4vw;color:#666;display:flex;justify-content:space-around;border-bottom:1px solid #f5f5f5}.article-list[data-v-358f7045]{height:calc(100vh - 23.46667vw);overflow-y:auto}.title-block[data-v-358f7045]{display:flex;flex-direction:column;align-items:center}.title-line[data-v-358f7045]{width:8vw;height:.533333vw;border-radius:.8vw;background-color:#1977f6;margin-top:2.133333vw}.title-choose[data-v-358f7045]{color:#222;font-size:4.533333vw;font-weight:700}.article-item[data-v-358f7045]{height:27.733333vw;width:92%;margin-left:4%;border-bottom:1px solid #e9edef;display:flex;align-items:center}.article-item .item-rank[data-v-358f7045]{width:5.6vw;height:5.333333vw}.article-item .item-img[data-v-358f7045]{width:26.666667vw;height:20vw;margin-left:3.733333vw}.article-item .item-content[data-v-358f7045]{font-size:3.2vw;color:#c2c2c2;margin-left:2.933333vw;height:20vw;display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 38.93333vw)}.article-item .item-title[data-v-358f7045]{font-size:4.8vw;color:#000;line-height:6.4vw;overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-item .item-head[data-v-358f7045]{border-radius:50%}.article-item .item-icon[data-v-358f7045]{width:5.333333vw;height:5.333333vw;margin-right:1.066667vw}.article-item .item-flex[data-v-358f7045]{display:flex;align-items:center}.article-item .item-right[data-v-358f7045]{position:absolute;right:0}.article-item .item-author-name[data-v-358f7045]{width:40%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article-item .item-rank-txt[data-v-358f7045]{width:5.6vw;height:5.333333vw;line-height:5.333333vw;text-align:center;font-size:3.2vw;color:#000;font-weight:700}.mr8[data-v-358f7045]{margin-right:2.133333vw}.article-create-btn[data-v-358f7045]{position:fixed;bottom:6.666667vw;right:5.333333vw;width:16vw;height:16vw}.article-empty[data-v-358f7045]{font-size:3.733333vw;color:#999;height:106.666667vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.article-empty img[data-v-358f7045]{width:29.6vw;height:33.6vw;margin-bottom:2.666667vw}