.stock-detail[data-v-4775a313]{position:fixed;top:0;left:0;z-index:110;width:100vw;height:100vh;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.stock-detail .detail-box[data-v-4775a313]{width:408px;background:#fff;border-radius:16px;padding:0 20px;position:relative}.stock-detail .detail-box .close[data-v-4775a313]{position:absolute;top:14px;right:14px;cursor:pointer}.stock-detail .detail-box .material-info[data-v-4775a313]{margin-top:30px;width:100%;display:flex;align-items:center;column-gap:16px}.stock-detail .detail-box .material-info .cover-img[data-v-4775a313]{width:96px;height:96px;border-radius:8px;border:1px solid #e3e3e3}.stock-detail .detail-box .material-info .info-container[data-v-4775a313]{display:flex;align-items:flex-start;flex-direction:column}.stock-detail .detail-box .material-info .info-container .title[data-v-4775a313]{color:#333;font-size:14px;font-weight:700;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-detail .detail-box .material-info .info-container .info-item[data-v-4775a313]{color:#666;font-size:14px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-detail .detail-box table[data-v-4775a313]{table-layout:fixed;width:100%;border-collapse:collapse;margin-top:18px;margin-bottom:27px;border:1px solid #e3e3e3}.stock-detail .detail-box table thead tr[data-v-4775a313]{background:#f6f7fa;border:1px solid #e3e3e3}.stock-detail .detail-box table thead tr th[data-v-4775a313]{text-align:center;line-height:32px;padding:5px 0}.stock-detail .detail-box table tbody tr[data-v-4775a313]{border:1px solid #e3e3e3}.stock-detail .detail-box table tbody tr td[data-v-4775a313]{text-align:center;color:#333}.stock-detail .detail-box table tbody tr td .color-col[data-v-4775a313]{display:flex;align-items:center;column-gap:7px;padding:5px 0 5px 16px}.stock-detail .detail-box table tbody tr td .color-col .color-img[data-v-4775a313]{width:32px;height:32px;border-radius:4px;border:1px solid #e3e3e3}.demo-spin-icon-load[data-v-97640302]{animation:ani-demo-spin-data-v-97640302 1s linear infinite}@keyframes ani-demo-spin-data-v-97640302{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.demo-spin-col[data-v-97640302]{height:100px;position:relative;border:1px solid #eee}.material-wear-house[data-v-97640302]{width:100%;height:calc(100vh - 80px);padding:20px 20px 180px 30px;background:#fff}.material-wear-house .top[data-v-97640302]{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid #d6d6d6;padding-bottom:10px;position:relative;z-index:1}.material-wear-house .top .tabs[data-v-97640302]{display:flex;justify-content:flex-start;align-items:center}.material-wear-house .top .tabs .tab-item[data-v-97640302]{cursor:pointer;color:#666;font-size:18px;margin-right:50px;position:relative;z-index:2}.material-wear-house .top .tabs .tab-item.active[data-v-97640302]{color:#000;font-weight:700}.material-wear-house .top .tabs .tab-item.active[data-v-97640302]:after{content:"";position:absolute;left:0;bottom:-22px;width:100%;height:3px;background:#ff5967;z-index:3;pointer-events:none}.material-wear-house .top .tabs .tab-item.active[data-v-97640302]{border-bottom:none!important}.material-wear-house .top .top-right[data-v-97640302]{display:flex;align-items:center;column-gap:28px}.material-wear-house .top .top-right .search-box[data-v-97640302]{background:#f3f4f6;border-radius:25px;width:300px;height:50px;display:flex;justify-content:space-between;align-items:center}.material-wear-house .top .top-right .search-box input[data-v-97640302]{flex:1;border:none;outline:none;background:transparent;padding-left:20px}.material-wear-house .top .top-right .search-box img[data-v-97640302]{width:21px;height:21px;margin-right:20px;cursor:pointer}.material-wear-house .top .top-right .add-material[data-v-97640302]{background:#ff5967;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;column-gap:12px;font-size:14px;font-weight:700;padding:8px 20px;cursor:pointer}.material-wear-house .content[data-v-97640302]{width:100%;display:flex;justify-content:center;flex-direction:column;position:relative}.material-wear-house .content .empty-data[data-v-97640302]{display:flex;flex-direction:column;align-items:center;justify-content:center}.material-wear-house .content .empty-data .no-data[data-v-97640302]{width:300px;display:block;margin-top:46px}.material-wear-house .content .empty-data p[data-v-97640302]{line-height:28px}.material-wear-house .content .empty-data .material-add-btn[data-v-97640302]{border:1px solid #ff5967;border-radius:4px;color:#ff5967;display:flex;align-items:center;justify-content:center;column-gap:8px;padding:9px 34px;margin-top:41px;cursor:pointer}.material-wear-house .content .list-tab[data-v-97640302]{display:flex;align-items:center;column-gap:20px;margin-top:24px;width:100%}.material-wear-house .content .list-tab .list-tab-item[data-v-97640302]{color:#666;font-size:14px;cursor:pointer}.material-wear-house .content .list-tab .list-tab-item.active[data-v-97640302]{color:#fff;background:#ff5967;line-height:32px;border-radius:4px;padding:0 12px}.material-wear-house .content table[data-v-97640302]{table-layout:fixed;border-collapse:separate;width:100%;border-spacing:0 10px;margin-top:22px}.material-wear-house .content table thead tr[data-v-97640302]{background:#f6f7fa}.material-wear-house .content table thead tr th[data-v-97640302]{text-align:center;color:#666;line-height:32px;padding:10px 20px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.material-wear-house .content table thead tr th.info-col[data-v-97640302]{width:352px}.material-wear-house .content table thead tr th.weight-col[data-v-97640302],.material-wear-house .content table thead tr th.width-col[data-v-97640302]{width:100px}.material-wear-house .content table thead tr th.color-col[data-v-97640302]{width:220px}.material-wear-house .content table thead tr th.stock-col[data-v-97640302]{width:180px}.material-wear-house .content table thead tr th.status-col[data-v-97640302]{width:140px}.material-wear-house .content table thead tr th.action-col[data-v-97640302]{width:194px;padding-right:0}.material-wear-house .content table tbody tr[data-v-97640302]{border-radius:10px;box-shadow:0 0 0 1px #ebedf2}.material-wear-house .content table tbody tr[data-v-97640302]:hover{background:#f8f9fb}.material-wear-house .content table tbody tr td[data-v-97640302]{text-align:center}.material-wear-house .content table tbody tr td.info-body-col[data-v-97640302]{width:100%;display:flex;align-items:center;column-gap:16px;padding:16px 20px}.material-wear-house .content table tbody tr td.info-body-col .cover-img[data-v-97640302]{width:96px;height:96px;object-fit:cover;object-position:center}.material-wear-house .content table tbody tr td.info-body-col .info[data-v-97640302]{display:flex;flex-direction:column;align-items:flex-start;width:100%}.material-wear-house .content table tbody tr td.info-body-col .info .title[data-v-97640302]{color:#333;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.material-wear-house .content table tbody tr td.info-body-col .info .info-item[data-v-97640302]{color:#666;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-wear-house .content table tbody tr td.status-body-col[data-v-97640302]{color:#666}.material-wear-house .content table tbody tr td.status-body-col.status-success[data-v-97640302]{color:#02c160}.material-wear-house .content table tbody tr td .info-action-col[data-v-97640302]{display:flex;align-items:center;justify-content:center;column-gap:16px;height:100%;width:100%}.material-wear-house .content table tbody tr td .info-action-col .delete-icon[data-v-97640302],.material-wear-house .content table tbody tr td .info-action-col .edit-icon[data-v-97640302]{width:22px;height:22px;cursor:pointer}.material-wear-house .content table tbody tr td .info-action-col .add-btn[data-v-97640302]{background:#ff5967;color:#fff;font-size:14px;padding:6px 26px;border-radius:4px;cursor:pointer}.material-wear-house .content table tbody tr td .stock-num-col[data-v-97640302]{display:flex;align-items:center;justify-content:center;column-gap:10px}.material-wear-house .content table tbody tr td .stock-num-col .num[data-v-97640302]{color:#333;font-size:14px}.material-wear-house .content table tbody tr td .stock-num-col .detail-btn[data-v-97640302]{color:#0d99ff;font-size:12px;cursor:pointer}