.article-item{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 0;cursor:pointer;text-decoration:none}.article-item,.article-item__left{display:-webkit-box;display:-ms-flexbox;display:flex}.article-item__left{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:88px}.article-item__right{margin-left:20px;-ms-flex-negative:0;flex-shrink:0;width:117px;height:88px}.article-item__details{width:100%}.article-item__title{font-size:20px;color:var(--text1);line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:color .3s;transition:color .3s}.article-item__tag{height:20px;line-height:18px;font-size:12px;padding:0 4px;margin:3px 0 3px 6px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid var(--line_light);color:var(--text3);border-radius:2px;display:inline-block;vertical-align:top}.article-item:hover .article-item__title{color:var(--brand_blue)}.article-item__desc{margin-top:4px;color:var(--text3);font-size:12px;letter-spacing:0;line-height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.article-item__meta{margin-top:auto;font-size:12px;color:var(--text3)}.article-item__author,.article-item__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-item__author{margin-right:20px}.article-item__avatar{width:24px;height:24px;border-radius:50%;margin-right:5px;overflow:hidden}.article-item__avatar .b-img{width:100%;height:100%}.article-item__avatar .b-img picture{vertical-align:top}.article-item__avatar .b-img.sleepy:after{background-image:url(//i0.hdslb.com/bfs/face/member/noface.jpg)}.article-item__uname{max-width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.article-item__label{padding:0 5px;margin-right:25px}.article-item__stat,.article-item__stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-item__stat{margin-right:25px}.article-item__stat svg{display:inline-block;margin-right:7px}.article-item__cover{width:117px;height:88px;overflow:hidden;border-radius:4px}.article-item__cover .b-img{width:100%;height:100%}.article-item__cover .b-img picture{vertical-align:top}
.article-ranking__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--line_regular);min-height:34px}.article-ranking__title{font-size:18px;color:var(--text1)}.article-ranking__tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-ranking__tab{margin-left:20px;font-size:12px;padding-top:4px;-webkit-transform:translateY(1px);transform:translateY(1px);height:100%;cursor:pointer;-webkit-transition:color .3s;transition:color .3s;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid transparent;color:var(--text1)}.article-ranking__tab:hover{color:var(--brand_blue)}.article-ranking__tab.active{color:var(--brand_blue);border-color:var(--brand_blue)}.article-ranking__content{width:100%;min-height:390px}.article-ranking__items{width:100%}.article-ranking__statebox{width:100%;height:390px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:13px;color:var(--text3)}.article-ranking__item,.article-ranking__statebox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-ranking__item{font-size:12px;padding:10px 0 11px;text-decoration:none;color:var(--text1);cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.article-ranking__item:hover{color:var(--brand_blue)}.article-ranking__item-order{height:18px;width:18px;line-height:18px;background-color:var(--graph_weak);border-radius:4px;color:var(--text_white);text-align:center;-ms-flex-negative:0;flex-shrink:0}.article-ranking__item-title{margin-left:6px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.article-ranking__item.outstanding .article-ranking__item-order{background-color:var(--brand_pink)}.article-ranking__footer{cursor:pointer;height:26px;line-height:26px;text-align:center;background:var(--graph_bg_regular);border-radius:4px;font-size:12px;color:var(--text1)}.article-ranking__footer svg{margin-left:5px;vertical-align:-2px}
.search-bar{width:100%;position:relative}.search-bar-input{width:100%}.search-bar-input input{color:var(--text1);background-color:var(--bg1);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;font-size:14px;border:1px solid var(--line_regular);border-radius:8px;padding:10px 44px 10px 16px;outline:none}.search-bar-icon{color:var(--text3);cursor:pointer;position:absolute;right:12px;top:12px;width:16px;height:16px}.search-bar-icon svg{vertical-align:top}.search-bar-icon:hover{color:var(--brand_blue)}.search-bar-popper{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg1);border:1px solid var(--line_regular);z-index:2;border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.16);box-shadow:0 2px 4px rgba(0,0,0,.16);font-size:12px;width:100%}.search-bar .search-title{height:10px;margin-top:7px;padding:0 10px 12px;position:relative}.search-bar .search-title:before{z-index:-1;position:absolute;left:10px;top:8px;width:calc(100% - 20px);border-top:1px solid var(--line_regular);content:""}.search-bar .search-title-text{position:absolute;left:50%;top:0;padding:0 4px;color:var(--text3);-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:var(--bg1)}.search-bar .search-list{max-height:400px;overflow-y:auto}.search-bar .search-item{cursor:pointer;padding:7px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--text1)}.search-bar .search-item:hover{background-color:var(--bg2)}.search-bar .search-item-remove{color:var(--text3)}.search-bar .search-item-remove:hover{color:var(--brand_blue)}
.main{padding-top:30px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main a{color:#18191c;color:var(--text1,#18191c);text-decoration:none}.main .content{width:680px}.main .content .header{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main .content .search-box{width:260px}.main .content .title{line-height:25px;font-size:18px;color:var(--text1)}.main .content .feed{width:100%}.main .content .feed-item{border-bottom:1px solid var(--line_regular)}.main .content .tips{text-align:center;font-size:14px;color:var(--text3);padding:20px}.main .content .tips .is-end{background-image:url(//s1.hdslb.com/bfs/static/jinkela/article/list_end@2x.png);background-repeat:no-repeat;background-size:contain;width:450px;height:200px;margin:0 auto}

/*# sourceMappingURL=article-home.2.8e3af86cc2f1d89990756639bd5709e787a687e0.css.map*/