.screen-cells .screen-cell[data-v-31400fdf]{display:flex;flex-wrap:wrap}.screen-cells .screen-cell[data-v-31400fdf]:last-child{margin-bottom:0}.screen-cells .screen-cell .screen-options[data-v-31400fdf]{display:flex;flex-wrap:wrap;width:100%}.screen-cells .screen-cell .screen-options .screen-option[data-v-31400fdf]{margin-right:12px;cursor:pointer;padding:0 14px;border-radius:4px;height:28px;line-height:28px;margin-bottom:12px;position:relative}.screen-cells .screen-cell .screen-options .screen-option[data-v-31400fdf]:hover{color:#fd423e}.screen-cells .screen-cell .screen-options .screen-option.active[data-v-31400fdf]{background-color:#fd423e;color:#fff}.screen-cells .screen-cell .screen-options .screen-option.active.has-child[data-v-31400fdf]:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#fd423e transparent transparent transparent}.screen-cells .screen-cell .screen-child-options[data-v-31400fdf]{width:100%;background:#ededed;border-radius:6px 6px 6px 6px;padding:8px 12px 0 12px;margin-bottom:12px;overflow:hidden;height:44px;position:relative}.screen-cells .screen-cell .screen-child-options.has-toggle[data-v-31400fdf]{padding-right:120px}.screen-cells .screen-cell .screen-child-options .screen-option[data-v-31400fdf]{background:#fff;border:1px solid #fff;border-radius:4px 4px 4px 4px;margin-bottom:8px;height:28px;line-height:26px}.screen-cells .screen-cell .screen-child-options .screen-option.active[data-v-31400fdf]{border:1px solid #f4783d;color:#f4783d;background:#fff}.screen-cells .screen-cell .screen-child-options .child-type-toggle[data-v-31400fdf]{position:absolute;bottom:8px;height:28px;line-height:28px;right:6px;color:#666;cursor:pointer;font-size:14px}.screen-cells .screen-cell .screen-child-options.opend[data-v-31400fdf]{height:auto}.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}.my-resources-home[data-v-4ec261d2]{min-height:100%;position:relative;padding:0 16px 16px}.hd[data-v-4ec261d2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.category-items[data-v-4ec261d2]{display:flex}.category-items .category-item[data-v-4ec261d2]{cursor:pointer;margin-right:12px;padding:0 16px;height:32px;line-height:32px;border-radius:99px 99px 99px 99px;color:#171a1d}.category-items .category-item[data-v-4ec261d2]:hover{color:#fd423e}.category-items .category-item.active[data-v-4ec261d2]{background:#fd423e;color:#fff}.category-items+div[data-v-4ec261d2]{display:flex;align-items:center}.category-items+div .el-input[data-v-4ec261d2]{width:200px;margin-right:16px}.category-items+div .el-input[data-v-4ec261d2] .el-input__prefix{line-height:32px;left:8px}.category-items+div .el-input[data-v-4ec261d2] .el-input__prefix i{color:#dadada}.category-items+div .el-input+span[data-v-4ec261d2]{cursor:pointer;font-size:14px;color:#171a1d}.list-view[data-v-4ec261d2]{position:relative;min-height:400px}.none-data[data-v-4ec261d2]{padding-top:92px;text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAA9CAYAAAAgRw6nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH/SURBVHgB7ZzRbcIwFEWfLQYoCyAzQjegE5QNWjagEwAT0E5QVugETTdoJ0iYIP3hF/pMQSopCQTVV9XTPZLlxHZCdLhxTD5wZVlORCSILYputzuTC8jzfOi9v5UErNfrWUfrNy1TMYYGaanSF9IS59x8s9kE+Xuyfr9feL2oTHeexB5zlX7V5gBN970kutv1S9zecX63P9XyKbaIsidtDtB0txrfgpjuLG5shWvKo+wHscdYUz44ZyAi3RH3s0Mv7lWrgdii0HK9C1X9oKLIJY3wLIRws9/xlc6R2JtagpZx0wBUuiMHwjUFhVYXLaf+ORO9e0NdJ2Lu3lNNeJT+qNW72OP5WGPidI+qbb5mrMUH6EBT/mtqSZVuPe8irrur7UeFG16bH0wtKdMdf1Uea/cNx0zl+wlvibg2n8cNlR3Q6Y7UCt8to0Zij2Fcm+v7kjsBpzvi5ARW1+ar1UpSvDPRc770er1hXX9HTrMUewRNuKRAhZdN/Wk+ldRC4WAoHAyFg6FwMBQOhsLBUDgYCgdD4WAoHAyFg6FwMBQOhsLBUDgYCgdD4WAoHAyFg6FwMBQOhsLBUDgYCgdD4WAoHAyFg6FwMBQOhsLBUDgYCgdD4WAoHAyFg6FwMBQOhsLBUDgYCgdD4WAoHAyFg6FwMOf8m0ShJRNyFs65j6b+L9eejyIeybcsAAAAAElFTkSuQmCC) center top 20px no-repeat;line-height:22px;font-weight:400;font-size:13px;color:#666;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}