.ellipsis[data-v-51535013]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.clearfix[data-v-51535013]{*zoom:1}.clearfix[data-v-51535013]:after{clear:both;content:"";display:table;line-height:0}.fl[data-v-51535013]{float:left}.fr[data-v-51535013]{float:right}.article-list-item[data-v-51535013]{border-bottom:1px solid #f3f3f3;display:block;margin-bottom:12px;padding:20px 28px}.article-list-item .top-user-box[data-v-51535013]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.article-list-item .top-user-box img[data-v-51535013]{border-radius:50%;height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.article-list-item .top-user-box .r-wrapper[data-v-51535013]{font-size:12px;padding-left:10px}.article-list-item .top-user-box .r-wrapper .username[data-v-51535013]{color:#2f2f2f;font-weight:500;line-height:20px;max-width:150px}.article-list-item .top-user-box .r-wrapper .date[data-v-51535013]{color:#989898}.article-list-item .flex-box[data-v-51535013]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.article-list-item .flex-box.flex-row[data-v-51535013]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.article-list-item .flex-box.flex-row .text-box[data-v-51535013]{width:100%}.article-list-item .flex-box.flex-row.has-img .text-box[data-v-51535013]{width:calc(100% - 110px)}.article-list-item .flex-box.flex-row .img-box[data-v-51535013]{height:60px;width:96px}.article-list-item .flex-box.flex-row .img-box img[data-v-51535013]{border-radius:6px;height:60px;-o-object-fit:cover;object-fit:cover;width:96px}.article-list-item .flex-box.flex-column[data-v-51535013]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.article-list-item .flex-box.flex-column .img-box[data-v-51535013]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.article-list-item .flex-box.flex-column .img-box .item[data-v-51535013]{margin-right:8px}.article-list-item .flex-box.flex-column .img-box .item[data-v-51535013]:last-child{margin-right:0}.article-list-item .flex-box.flex-column .img-box .item img[data-v-51535013]{border-radius:4px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:500px){.article-list-item .flex-box.flex-column .img-box .item[data-v-51535013]{height:90px;width:calc(33.33333% - 9.33333px)}}@media screen and (min-width:500px){.article-list-item .flex-box.flex-column .img-box .item[data-v-51535013]{height:90px;max-width:calc(33.33333% - 9.33333px);width:140px}}.article-list-item .flex-box .text-box[data-v-51535013]{cursor:pointer}.article-list-item .flex-box .text-box .title[data-v-51535013]{color:#151515;font-size:16px;font-weight:700;line-height:24px;margin-bottom:12px;overflow:hidden;position:relative;text-align:justify;text-overflow:ellipsis;white-space:nowrap;width:auto}.article-list-item .flex-box .text-box .title .iconfont[data-v-51535013]{color:#e74957;font-size:16px;margin-right:5px}.article-list-item .flex-box .text-box .title .disabled-tag[data-v-51535013]{background:#ee1a3e;border-radius:4px;color:#fff;display:inline-block;font-size:14px;height:20px;line-height:20px;margin-right:8px;text-align:center;width:20px}.article-list-item .flex-box .text-box .title .updated_at[data-v-51535013]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#bcbcbc;font-size:12px;margin-left:10px;position:absolute;right:0;top:0}.article-list-item .flex-box .text-box .title .updated_at .updated_img[data-v-51535013]{height:12px;margin-right:5px;width:12px}.article-list-item .flex-box .text-box .title .through[data-v-51535013]{text-decoration:line-through}.article-list-item .flex-box .text-box .desc[data-v-51535013]{color:#8b8b8b;font-size:14px;line-height:21px;margin-bottom:16px;max-height:42px;overflow:hidden}.article-list-item .bottom-box[data-v-51535013]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;color:#575757;font-size:12px;justify-content:space-between;margin-top:16px}.article-list-item .bottom-box .l-box .game-name[data-v-51535013],.article-list-item .bottom-box .l-box[data-v-51535013],.article-list-item .bottom-box[data-v-51535013]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.article-list-item .bottom-box .l-box .game-name[data-v-51535013]{background:#f3f3f3;border-radius:20px;color:#666;font-size:12px;height:22px;margin-right:14px;padding:0 10px}.article-list-item .bottom-box .l-box .game-name img[data-v-51535013]{border-radius:2px;height:16px;margin-right:6px;width:16px}.article-list-item .bottom-box .l-box .user[data-v-51535013]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.article-list-item .bottom-box .l-box .user img[data-v-51535013]{border-radius:50%;height:16px;margin-right:8px;-o-object-fit:cover;object-fit:cover;width:16px}.article-list-item .bottom-box .iconfont[data-v-51535013]{font-size:12px;margin-right:4px}.article-list-item .bottom-box .data-box[data-v-51535013],.article-list-item .bottom-box div[data-v-51535013]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.article-list-item .bottom-box .data-box[data-v-51535013]{color:#bcbcbc}.article-list-item .bottom-box .data-box>div+div[data-v-51535013],.article-list-item .bottom-box .data-box>div[data-v-51535013]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.article-list-item .bottom-box .data-box>div+div[data-v-51535013]{margin-left:12px}