.article-page[data-v-934791ef]{margin:0 auto;width:1200px}.article-page .article-header[data-v-934791ef]{align-items:center;background:#fbfbfb;box-sizing:border-box;display:flex;justify-content:space-between;padding:20px 10px;width:100%}.article-page .article-header .title[data-v-934791ef]{align-items:center;color:#232323;display:flex;font-size:18px;font-weight:600;height:16px;margin-right:30px;white-space:nowrap}[dir=rtl] .article-page .article-header .title[data-v-934791ef]{margin-left:30px;margin-right:0}.article-page .article-header .title[data-v-934791ef]:before{background:var(--doorzo-bg-color);content:"";display:inline-block;height:16px;margin-right:10px;width:4px}[dir=rtl] .article-page .article-header .title[data-v-934791ef]:before{margin-left:10px;margin-right:0}.article-page .article-header .search-box>.el-input[data-v-934791ef]{font-size:12px;width:310px}.article-page .article-header .search-box>.el-input[data-v-934791ef] .el-input__wrapper{border-radius:15px;padding-right:0}.article-page .article-header .search-box .search-btn[data-v-934791ef]{align-items:center;cursor:pointer;display:flex;font-size:16px;margin-left:0;padding:0 10px}.article-page .article-header .search-box .search-icon[data-v-934791ef]{width:18px}.article-page .tabs-box[data-v-934791ef]{align-items:center;display:flex;flex:1;flex-wrap:wrap}.article-page .tabs-box .tab-item[data-v-934791ef]{color:#6f6f6f;cursor:pointer;font-size:12px;height:24px;line-height:24px;margin-bottom:20px;padding:0 10px;text-align:center;white-space:nowrap}.article-page .tabs-box .tab-item[data-v-934791ef]:hover{color:var(--doorzo-color-primary)}.article-page .tabs-box .tab-item-active[data-v-934791ef]{background:var(--doorzo-bg-color);border-radius:12px;color:#fff!important}.article-page .article-main[data-v-934791ef]{display:flex;flex-wrap:wrap}.article-page .article-main .article-item[data-v-934791ef]{background:#fff;box-sizing:border-box;cursor:pointer;margin-bottom:25px;margin-right:27px;padding:20px;width:280px}.article-page .article-main .article-item[data-v-934791ef]:nth-child(4n){margin-left:-1px;margin-right:0}.article-page .article-main .article-item img[data-v-934791ef]{height:240px;margin-bottom:15px;-o-object-fit:contain;object-fit:contain;width:240px}.article-page .article-main .article-item .title[data-v-934791ef]{color:#232323;font-size:14px;font-weight:500;line-height:20px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.article-page .article-main .article-item .sub-title[data-v-934791ef]{color:#676767;display:-webkit-box;font-size:12px;line-height:17px;overflow:hidden;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2}.empty[data-v-934791ef]{display:flex;justify-content:center;padding:80px 0;width:100%}