.tag[data-v-3833d90f]{height:15px;line-height:15px;background:linear-gradient(270deg,#fc9e5e,#f93f4c);border-radius:6px 0 6px 0;padding:0 6px;font-size:10px;color:#fff}.material-list[data-v-3833d90f]{display:flex;flex-wrap:wrap;padding:0}.material-item[data-v-3833d90f]{width:calc(33.33% - 5.33333px);margin-right:8px;background:transparent;overflow:hidden;position:relative;border-radius:6px 6px 6px 6px;transition:all .3s ease;border:1px solid transparent;cursor:pointer;padding:5px;display:flex}.material-item[data-v-3833d90f]:nth-child(3n){margin-right:0}.material-item[data-v-3833d90f]:nth-child(n+4){margin-top:13px}.material-item[data-v-3833d90f]:hover{background:#fff;border-color:#f4783d;box-shadow:0 0 10px 0 rgba(144,33,33,.07)}.material-item .material-tag[data-v-3833d90f]{position:absolute;top:6px;left:6px}.material-item .material-cover[data-v-3833d90f]{width:86px;height:122px;background:#fff;border-radius:6px 6px 6px 6px;border:1px solid #e2e2e2;overflow:hidden}.material-item .material-cover img[data-v-3833d90f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.material-item .material-info[data-v-3833d90f]{flex:1;overflow:hidden;margin-left:12px;padding-top:10px}.material-item .material-info .material-title[data-v-3833d90f]{font-weight:700;font-size:14px;color:#171a1d;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.material-item .material-info .material-tags[data-v-3833d90f]{display:flex;flex-wrap:wrap;height:28px;overflow:hidden}.material-item .material-info .material-tags .tag-item[data-v-3833d90f]{max-width:60px;line-height:20px;margin-right:4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-item .material-info .material-tags .count[data-v-3833d90f],.material-item .material-info .material-tags .tag-item[data-v-3833d90f]{height:22px;background:#fff7f0;border-radius:4px 4px 4px 4px;border:1px solid rgba(244,120,61,.2);font-size:12px;color:#f4783d;padding:0 4px;margin-bottom:6px}.material-item .material-info .material-tags .count[data-v-3833d90f]{line-height:22px}.material-item .material-info .material-meta[data-v-3833d90f]{display:flex;font-size:14px;color:#666;margin-bottom:6px;line-height:22px}.material-item .material-info .material-meta .date[data-v-3833d90f],.material-item .material-info .material-meta .page-count[data-v-3833d90f]{display:block;align-items:center;margin-right:6px}.material-item .material-info .material-meta .date[data-v-3833d90f]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-item .material-info .material-meta .page-count[data-v-3833d90f]{padding:0 4px;font-size:12px;background:#f2f2f2;border-radius:4px 4px 4px 4px;border:1px solid #e2e2e2}.material-item .material-info .material-author[data-v-3833d90f]{display:flex;align-items:center}.material-item .material-info .material-author .author-avatar[data-v-3833d90f]{width:14px;height:14px;margin-right:5px;border-radius:50%}.material-item .material-info .material-author .author-name[data-v-3833d90f]{display:block;font-size:12px;color:#666;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-item .material-info .material-type[data-v-3833d90f]{height:24px;background:#f2f2f2;border-radius:4px 4px 4px 4px;border:1px solid #e2e2e2;padding:0 4px;line-height:22px;color:#666;display:inline-block}.material-item .material-collect[data-v-3833d90f]{position:absolute;right:6px;top:6px;padding:0 6px;height:29px;line-height:29px;background:rgba(0,0,0,.4);border-radius:6px 6px 6px 6px;cursor:pointer;color:#fff;display:none}.material-item .material-collect i[data-v-3833d90f]{font-size:20px;vertical-align:middle;margin-top:-4px}.material-item:hover .material-collect[data-v-3833d90f]{display:block}.tag[data-v-395a38d6]{height:15px;line-height:15px;background:linear-gradient(270deg,#fc9e5e,#f93f4c);border-radius:6px 0 6px 0;padding:0 6px;font-size:10px;color:#fff}.home[data-v-395a38d6]{flex:1;padding:0 16px;overflow-y:auto}.search-area[data-v-395a38d6]{margin-bottom:40px;text-align:center;background:url(../img/img_search_bar.b4dc28b0.png);background-size:100% 100%;border-radius:12px 12px 12px 12px;padding:16px}.search-area[data-v-395a38d6] .search-box{max-width:60%;margin:0 auto;height:50px;padding:6px;background:#fff;border-radius:6px 6px 6px 6px}.search-area[data-v-395a38d6] .search-box .el-input{width:100%;height:100%}.search-area[data-v-395a38d6] .search-box .el-input input{border:none!important;height:100%;padding-left:10px;padding-right:1rem 16px}.search-area[data-v-395a38d6] .search-box .el-input .el-input-group__append{border:none;height:100%}.search-area[data-v-395a38d6] .search-box .el-input .el-input-group__append .el-button{background:linear-gradient(180deg,#fa474e,#fc9d5e)!important;border-radius:6px 6px 6px 6px;border:none!important;color:#fff!important;padding-left:24px;padding-right:24px}.search-area .hot-tags[data-v-395a38d6]{margin:0 auto;max-width:60%;color:#fff;font-size:16px;text-align:center}.search-area .hot-tags>[data-v-395a38d6]{margin-top:12px;display:inline-block;line-height:25px;height:25px;margin-right:12px}.search-area .hot-tags .el-tag[data-v-395a38d6]{background:hsla(0,0%,100%,.2);color:#fff;border:none;cursor:pointer;padding:0 8px;font-size:14px}.category[data-v-395a38d6]{margin-bottom:40px}.category .category-header[data-v-395a38d6]{display:flex;align-items:center;margin-bottom:16px;line-height:30px}.category .category-header .category-title[data-v-395a38d6]{font-weight:700;font-size:20px;color:#171a1d;margin-right:16px}.category .category-header .more-link[data-v-395a38d6]{font-size:14px;color:#666;cursor:pointer}.category .category-header .more-link[data-v-395a38d6]:hover{color:#ff4d4f}.category .sub-category-tabs[data-v-395a38d6]{display:flex;margin-bottom:16px}.category .sub-category-tabs .tab[data-v-395a38d6]{margin-right:13px;font-size:14px;color:#171a1d;cursor:pointer;position:relative;line-height:24px;padding-bottom:6px}.category .sub-category-tabs .tab.active[data-v-395a38d6]{color:#fd423e;font-weight:700}.category .sub-category-tabs .tab.active[data-v-395a38d6]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:14px;height:4px;background:#fd423e;border-radius:99px 99px 99px 99px}.category .sub-category-tabs .tab[data-v-395a38d6]:hover{color:#ff4d4f}