.ServiceMaterial[data-v-9798930e]{color:#fff;box-sizing:border-box;background:#002140e6;border:1px solid #0bc4e9;width:360px;min-height:220px;padding:10px;position:relative}.ServiceMaterial__head[data-v-9798930e]{width:100%;position:relative}.ServiceMaterial__head-top[data-v-9798930e]{color:#dfdbdb;justify-content:space-between;align-items:center;width:100%;height:20px;margin-bottom:6px;font-size:16px;font-weight:700;display:flex}.ServiceMaterial__head-top .closeBtn[data-v-9798930e]{cursor:pointer;background:#b4c4d247;border:1px solid #b0d2e65c;border-radius:50%;width:16px;height:16px;transition:background-color .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);position:relative;transform:scale(1);box-shadow:inset 0 1px 1px #ffffff1f}.ServiceMaterial__head-top .closeBtn[data-v-9798930e]:before,.ServiceMaterial__head-top .closeBtn[data-v-9798930e]:after{content:"";transform-origin:50%;opacity:0;background:#7a1b18;border-radius:1px;width:9px;height:1.8px;transition:opacity .2s;position:absolute;top:50%;left:50%}.ServiceMaterial__head-top .closeBtn[data-v-9798930e]:before{transform:translate(-50%,-50%)rotate(45deg)}.ServiceMaterial__head-top .closeBtn[data-v-9798930e]:after{transform:translate(-50%,-50%)rotate(-45deg)}.ServiceMaterial__head-top .closeBtn[data-v-9798930e]:hover{background:#ff5f57;border-color:#e0443e;transform:scale(1.14);box-shadow:inset 0 1px 1px #ffffff59,0 0 0 1px #0003}.ServiceMaterial__head-top .closeBtn[data-v-9798930e]:hover:before,.ServiceMaterial__head-top .closeBtn[data-v-9798930e]:hover:after{opacity:1}.ServiceMaterial__head-top .closeBtn[data-v-9798930e]:active{transform:scale(.96)}.ServiceMaterial__head-line[data-v-9798930e]{width:100%;height:10px}.ServiceMaterial__body[data-v-9798930e]{margin-top:8px}.ServiceMaterial__list[data-v-9798930e]{max-height:300px;overflow-y:auto}.ServiceMaterial__list[data-v-9798930e]::-webkit-scrollbar{width:4px}.ServiceMaterial__list[data-v-9798930e]::-webkit-scrollbar-thumb{background:#0bc4e980;border-radius:2px}.ServiceMaterial__list-container[data-v-9798930e]{width:100%}.ServiceMaterial__list-header[data-v-9798930e]{color:#ffffffe6;background:#409eff26;border-radius:3px 3px 0 0;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.ServiceMaterial__list-content[data-v-9798930e]{max-height:200px;overflow-y:auto}.ServiceMaterial__list-content[data-v-9798930e]::-webkit-scrollbar{width:4px}.ServiceMaterial__list-content[data-v-9798930e]::-webkit-scrollbar-thumb{background:#0bc4e980;border-radius:2px}.ServiceMaterial__list-row[data-v-9798930e]{background:#002140cc;border:1px solid #409eff33;border-top:none;align-items:center;font-size:11px;transition:all .25s;display:flex}.ServiceMaterial__list-row[data-v-9798930e]:hover{background:#409eff1a;border-color:#409eff66}.ServiceMaterial__list-col[data-v-9798930e]{align-items:center;padding:7px 4px;display:flex}.ServiceMaterial__list-col--name[data-v-9798930e]{flex:2;min-width:0}.ServiceMaterial__list-col--time[data-v-9798930e]{color:#ffffffb3;flex:1;justify-content:center;width:90px}.ServiceMaterial__list-col--action[data-v-9798930e]{flex:1;justify-content:flex-end;gap:10px}.ServiceMaterial__file-name[data-v-9798930e]{white-space:nowrap;text-overflow:ellipsis;color:#ffffffe6;overflow:hidden}.ServiceMaterial__link[data-v-9798930e]{cursor:pointer;color:#05ddfa;transition:all .2s}.ServiceMaterial__link[data-v-9798930e]:hover{color:#409eff;text-decoration:underline}.ServiceMaterial__empty[data-v-9798930e]{text-align:center;color:#ffffff73;padding:30px 0;font-size:12px;font-style:italic}.ServiceMaterial__list-footer[data-v-9798930e]{color:#ffffffb3;background:#409eff26;border:1px solid #409eff4d;border-radius:0 0 3px 3px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:11px;display:flex}.ServiceMaterial__total[data-v-9798930e]{letter-spacing:.5px}.ServiceMaterial__create-btn[data-v-9798930e]{cursor:pointer;color:#05ddfa;border-bottom:1px solid #05ddfa;transition:all .25s}.ServiceMaterial__create-btn[data-v-9798930e]:hover{color:#409eff;border-bottom-color:#409eff}
