.main-box[data-v-56f2f87e],.main-box[data-v-e9347bac]{flex-grow:1}.relation-select[data-v-7904bcea] .relation-select-popper{display:none}.relation-select[data-v-7904bcea] .el-dialog__header{height:42px;line-height:42px;padding:0 20px;background-color:#f8f8f8}.relation-select[data-v-7904bcea] .el-dialog__title{color:#333;font-size:14px}.relation-select[data-v-7904bcea] .el-dialog__headerbtn{top:12px}.relation-select[data-v-7904bcea] .el-dialog__body{padding:25px}.main-box[data-v-9ad1d62a]{flex-grow:1}.addBtn[data-v-68cc96c2]{position:relative;overflow:hidden}.addBtn .btn[data-v-68cc96c2]{color:#fff;cursor:pointer;font-size:18px;position:absolute;right:-30px;top:-25px;background:#2b41b4;width:43px;height:43px;transform:rotate(45deg);padding-top:28px;padding-left:8px}.addBtn .btn[data-v-68cc96c2]:hover{background:#000;width:52px;height:52px;padding-top:33px;padding-left:13px}.btns[data-v-68cc96c2]{display:flex;margin:8px 4px;align-items:center}.cardList .active[data-v-68cc96c2]{border:1px solid #2b41b4!important}.cardList .card+.card[data-v-68cc96c2]{margin-top:8px}.cardList .card[data-v-68cc96c2]{margin-top:10px;margin-left:10px;border-radius:0;border:1px solid #d5d5d5;width:calc(100% - 20px);padding:10px;box-sizing:border-box}.cardList .card .text[data-v-68cc96c2]{display:flex;align-items:center;height:40px;width:100%;padding-left:12px;background-color:#fbfbb9;justify-content:space-between;padding-right:12px}.cardList .card .hasProcess[data-v-68cc96c2]{background-color:#f4f4f4!important}.title[data-v-68cc96c2]{height:30px;line-height:30px;background:#ecebff;font-size:14px;color:#000;font-weight:700;box-sizing:border-box;padding-left:10px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between}.zhanwei[data-v-68cc96c2]{width:100%;height:30px}@keyframes rotateBorder-68cc96c2{0%{background-position:0 0}to{background-position:100% 100%}}.isEditing[data-v-68cc96c2]{background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(45deg,#007bff,#007bff 10px,#fff 0,#fff 20px,#f96 0,#f96 30px,#fff 0,#fff 40px) border-box;background-size:200% 200%;animation:rotateBorder-68cc96c2 8s linear infinite}.custom-input[data-v-68cc96c2]{height:26px;background:#f4f4f4!important;color:red!important;width:100%;height:100%;border:none;outline:none;background:none;padding:0;margin:0;-webkit-appearance:none;appearance:none;-moz-appearance:none;border-radius:0}.custom-input[data-v-68cc96c2]:disabled{background:none;color:inherit;opacity:1}.custom-input[data-v-68cc96c2]:focus{box-shadow:none}.custom-input[data-v-68cc96c2]::-webkit-scrollbar{display:none}.material-table-container[data-v-68cc96c2]{width:100%;overflow-x:auto}.aLink[data-v-68cc96c2]:hover{text-decoration:underline;color:#2b41b4;cursor:pointer}.material-table[data-v-68cc96c2]{font-size:12px;width:100%;border-collapse:collapse;border:1px solid #eee}.material-table th[data-v-68cc96c2]{background:#ecebff}.material-table td[data-v-68cc96c2],.material-table th[data-v-68cc96c2]{border:1px solid #eee;padding:8px;text-align:left}.material-name[data-v-68cc96c2]{background-color:#fbfbb9}.sample-table-cell[data-v-68cc96c2]{padding:0}.sample-table[data-v-68cc96c2]{width:100%;border-collapse:collapse}.sample-table td[data-v-68cc96c2],.sample-table th[data-v-68cc96c2]{border:1px solid #eee;padding:5px}.delete-btn[data-v-68cc96c2]{background-color:transparent;color:red;border:none;padding:2px 5px;cursor:pointer}.delete-btn[data-v-68cc96c2]:hover{text-decoration:underline}.add-btn[data-v-68cc96c2]{background-color:transparent;color:#2b41b4;border:none;padding:3px 5px;cursor:pointer;margin-left:3px}.contentBox[data-v-68cc96c2]{margin-top:10px;display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100vh - 130px)}.contentBox .left[data-v-68cc96c2]{width:calc(65% - 5px);background:#fff;height:100%;overflow-y:scroll}.contentBox .right[data-v-68cc96c2]{width:calc(35% - 5px);height:100%}.contentBox .right .bottom[data-v-68cc96c2],.contentBox .right .top[data-v-68cc96c2]{height:calc(50% - 5px);background:#fff;overflow-y:scroll;position:relative}.contentBox .right .bottom[data-v-68cc96c2]{margin-top:10px}.menuInfo[data-v-68cc96c2]{width:100%;background:#fff;padding:8px;padding-right:30px;box-sizing:border-box;justify-content:space-between}.menuInfo .colorChange[data-v-68cc96c2],.menuInfo[data-v-68cc96c2]{display:flex;align-items:center}.styleCode[data-v-68cc96c2]{font-size:16px;color:#000;font-weight:700;margin:0 20px}.product-card[data-v-68cc96c2]{font-size:14px;text-align:center;margin-top:1px;background:#fff;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"code name version version";gap:4px;padding:10px;width:100%}.product-card .item[data-v-68cc96c2]{display:flex;align-items:center}.product-card .label[data-v-68cc96c2]{font-weight:700;margin-right:5px}.product-card .code[data-v-68cc96c2]{grid-area:code}.product-card .name[data-v-68cc96c2]{grid-area:name}.product-card .type[data-v-68cc96c2]{grid-area:type}.product-card .version[data-v-68cc96c2]{grid-area:version}.product-card .client[data-v-68cc96c2]{grid-area:client}.product-card .remark[data-v-68cc96c2]{grid-area:remark}.product-card .image[data-v-68cc96c2]{grid-area:image;display:flex;align-items:center;justify-content:center;padding:5px}.product-card .image img[data-v-68cc96c2]{max-width:60px;max-height:60px;-o-object-fit:contain;object-fit:contain}[data-v-68cc96c2] .row-has{background-color:#d2f9c1!important;color:#119700!important}[data-v-68cc96c2] .row-noHas{background-color:#fff!important;color:#e60000!important}[data-v-68cc96c2] .el-table__row:hover>td{background-color:transparent!important}[data-v-68cc96c2] .el-table__row--current>td{background-color:transparent!important;color:inherit!important}.boxList[data-v-68cc96c2]{width:100%;padding:10px;display:flex;flex-wrap:wrap;height:calc(100% - 35px);overflow-y:scroll;align-items:flex-start;align-content:flex-start}.boxList .box[data-v-68cc96c2]{border:1px solid #cacaca;border-radius:8px;padding:10px 20px;line-height:20px;cursor:pointer;font-size:16px;text-align:center;margin-right:10px;margin-left:10px;margin-top:10px;margin-bottom:10px}.boxList .active[data-v-68cc96c2]{background-color:#d2f9c1!important}