.image-loading-container[data-v-7b0af7dc]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 0}.image-loading-container .progress-container[data-v-7b0af7dc]{position:relative}.image-loading-container .progress-container .percentage-text[data-v-7b0af7dc]{color:var(--color-primary);font-size:14px;font-weight:500;left:50%;position:absolute;text-align:center;top:45%;transform:translate(-50%,-50%);white-space:nowrap}.image-loading-container .title[data-v-7b0af7dc]{color:#161a1c;font-size:14px;font-weight:400;margin-top:4px}.image-loading-container .steps-list-wrapper[data-v-7b0af7dc]{margin-top:4px;max-height:120px;overflow:hidden;position:relative;width:240px}.image-loading-container .steps-list-wrapper .steps-list[data-v-7b0af7dc]{height:104px;margin-left:32px;text-align:left}.image-loading-container .steps-list-wrapper .steps-list .step-item[data-v-7b0af7dc]{line-height:16px}.image-loading-container .steps-list-wrapper .steps-list .step-item .step-text[data-v-7b0af7dc]{color:#7f8e97;font-size:12px;font-weight:400}.image-loading-container .steps-list-wrapper .steps-list .step-item .step-icon[data-v-7b0af7dc]{color:var(--color-primary);font-size:14px}.image-loading-container .steps-list-wrapper .fade-mask-top[data-v-7b0af7dc]{background:linear-gradient(180deg,#eff9ff,rgba(239,249,255,.8) 30%,rgba(239,249,255,0));height:18px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.image-loading-container .dots-container[data-v-7b0af7dc]{display:inline-block}.image-loading-container .dots-container .dot[data-v-7b0af7dc]{animation:dotSequence-7b0af7dc 1.2s ease-in-out infinite;display:inline-block;font-weight:700;opacity:0}.image-loading-container .dots-container .dot-1[data-v-7b0af7dc]{animation-delay:0s}.image-loading-container .dots-container .dot-2[data-v-7b0af7dc]{animation-delay:.25s}.image-loading-container .dots-container .dot-3[data-v-7b0af7dc]{animation-delay:.5s}.image-loading-container .typing[data-v-7b0af7dc]{animation:typing-7b0af7dc 2s steps(20);height:19px;overflow:hidden}@keyframes typing-7b0af7dc{0%{width:0}to{width:100%}}@keyframes dotSequence-7b0af7dc{0%{opacity:0;transform:scale(.9)}33%{opacity:1;transform:scale(1.05)}66%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}[data-v-0b9bf22e] .upload{height:228px;width:1152px}[data-v-0b9bf22e] .upload .el-upload,[data-v-0b9bf22e] .upload .el-upload-dragger{height:100%;width:100%}[data-v-0b9bf22e] .upload .el-upload-dragger{background:#eff9ff;border-color:#e0e6ea;border-radius:8px;border-style:solid}[data-v-0b9bf22e] .upload .el-upload-dragger:hover{border-color:var(--color-primary)}[data-v-0b9bf22e] .upload .loading-status{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}[data-v-0b9bf22e] .upload .loading-status .upload-img{background:url(https://static.jlcfa.com/web/mall/img/new_bom.77abc11.gif) no-repeat 100%/100%;height:113px;width:162px}[data-v-0b9bf22e] .upload .loading-status .upload-loading-text{color:#7f8e97;margin-top:14px}[data-v-0b9bf22e] .upload .upload-file{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}[data-v-0b9bf22e] .upload .upload-file .upload-btn{font-size:14px;height:40px;margin-top:16px;width:200px}[data-v-0b9bf22e] .upload .upload-file .upload-text{color:#161a1c;font-size:16px;font-weight:500;line-height:24px}[data-v-0b9bf22e] .upload .upload-file .upload-tip{color:#7f8e97;font-size:14px;font-weight:400}[data-v-0b9bf22e] .upload .upload-file .file-format{color:#fb9208}.template-box[data-v-0b9bf22e]{background-color:#fff;justify-content:space-between;padding:16px 0}.template-box .upload-template[data-v-0b9bf22e],.template-box[data-v-0b9bf22e]{align-items:center;display:flex}.template-box .tip-icon[data-v-0b9bf22e]{color:#fb9208}.template-box .upload-download[data-v-0b9bf22e]{color:var(--color-primary);cursor:pointer;font-size:14px;font-weight:400;margin-left:11px}.template-box .upload-download .download-icon[data-v-0b9bf22e],.template-box .use-video[data-v-0b9bf22e]{color:var(--color-primary)}.template-box .use-video[data-v-0b9bf22e]{cursor:pointer}.custom-message-inquiry .el-message__content{color:#606266}.bom-batch-input[data-v-8b75ff1a] .el-textarea__inner{background-color:#edf8ff;border:1px solid #edf8ff;border-radius:8px;color:#161a1c}.bom-batch-input[data-v-8b75ff1a] .el-textarea__inner:focus{border-color:var(--color-primary)!important}.bom-batch-input .upload-loading[data-v-8b75ff1a]{align-items:center;background:#eff9ff;border:1px solid #e0e6ea;border-radius:8px;display:flex;flex-direction:column;height:264px;justify-content:center}.bom-batch-input .upload-loading .upload-img[data-v-8b75ff1a]{background:url(https://static.jlcfa.com/web/mall/img/new_bom.77abc11.gif) no-repeat 100%/100%;height:113px;width:162px}.bom-batch-input .upload-loading .upload-loading-text[data-v-8b75ff1a]{color:#7f8e97;margin-top:14px}.efficiency-tip[data-v-b30950c6]{color:#161a1c;font-size:28px;font-weight:700;line-height:40px;margin:60px 0 36px;text-align:center}.steps-content[data-v-b30950c6]{align-items:flex-start;display:flex}.steps-content .steps-left[data-v-b30950c6]{flex-shrink:0;width:270px}.steps-content .steps-left .step-item[data-v-b30950c6]{background-color:#fff;border:1px solid transparent;border-radius:8px;color:#454849;cursor:pointer;display:flex;font-weight:500;margin-bottom:16px;padding:12px 9px 8px;width:100%}.steps-content .steps-left .step-item[data-v-b30950c6]:last-child{margin-bottom:0}.steps-content .steps-left .step-item.step-item-active[data-v-b30950c6]{border-color:#1095ec;color:#1095ec}.steps-content .steps-left .step-item.step-item-active .label[data-v-b30950c6]{font-weight:700}.steps-content .steps-left .step-item .label[data-v-b30950c6]{margin:7px 0}.steps-content .steps-left .step-item .svg-icon-title[data-v-b30950c6]{margin-right:4px}.steps-content .steps-right[data-v-b30950c6]{background:#fff;border-radius:8px;flex:1;height:530px;margin-left:24px;padding:16px}.steps-content .steps-right .content-gif[data-v-b30950c6]{background-image:url(https://static.jlcfa.com/web/mall/img/bom_step4.e376f27.png);background-repeat:no-repeat;background-size:100% 100%;border-radius:8px;height:100%;width:100%}.footer-recommend[data-v-b30950c6]{background:var(--color-primary);height:100px;margin-top:90px}.footer-recommend .recommend-content[data-v-b30950c6]{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative}.footer-recommend .recommend-content .recommend-img[data-v-b30950c6]{height:61px;left:0;position:absolute;top:20px;width:128px}.footer-recommend .recommend-content .left-tip[data-v-b30950c6]{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700}.footer-recommend .recommend-content .left-tip .dot[data-v-b30950c6]{background:#fff;border-radius:50%;display:inline-block;height:6px;margin:0 20px;width:6px}.footer-recommend .recommend-content .right-btn[data-v-b30950c6]{background:#fff;border-radius:4px;color:var(--color-primary);cursor:pointer;font-weight:600;height:48px;line-height:48px;text-align:center;width:128px}.video-content[data-v-b30950c6]{border-radius:8px;height:498px;width:874px}.delete-bom-dialog .el-dialog{margin-top:calc(50vh - 83px)!important}.delete-bom-dialog .el-dialog__body{padding:0 24px 14px}.content-tip[data-v-2437ae20]{display:flex}.content-tip .tip-icon[data-v-2437ae20]{color:#f3781e;flex-shrink:0;margin-right:16px;transform:translate(180deg)}.content-tip .title[data-v-2437ae20]{color:#202d40;font-size:16px;font-weight:600}.content-tip .tip[data-v-2437ae20]{color:#626573;margin-top:8px}.dialog-btn .cancel-btn[data-v-2437ae20]{padding:8px 25px}.dialog-btn .comfirm-btn[data-v-2437ae20]{background-color:#3673fe;border-color:#3673fe;padding:8px 27px}[data-v-5ee7b9d2] .table-list.el-table{color:#161a1c}[data-v-5ee7b9d2] .table-list.el-table .el-table__header th{background:#e9edf0!important;color:#161a1c;font-weight:400}[data-v-5ee7b9d2] .table-list.el-table .el-table__header .el-table__cell{padding:14px 0}[data-v-5ee7b9d2] .table-list.el-table .el-table__body .el-table__cell{padding:12px 0}.default-btn[data-v-5ee7b9d2]{border:1px solid var(--color-primary);border-radius:2px;color:var(--color-primary);cursor:pointer;display:inline-block;font-size:13px;height:30px;line-height:30px;margin-right:16px;text-align:center}.match-btn[data-v-5ee7b9d2]{width:74px}.export-btn[data-v-5ee7b9d2]{width:107px}.warning-btn[data-v-5ee7b9d2]{border:1px solid #f55353;color:#f55353;margin-right:0}.history-bom-record[data-v-ff3a36d2]{background-color:#fff;border-radius:4px;margin:24px auto 0;padding:16px 24px}.history-bom-record .record-title[data-v-ff3a36d2]{color:#161a1c;font-size:16px;font-weight:500;margin-bottom:16px}.history-bom-record .more[data-v-ff3a36d2]{color:#000;cursor:pointer;font-size:14px;margin:16px 0 8px;text-align:center}.history-bom-record .more[data-v-ff3a36d2]:hover{color:var(--color-primary)}.offer-bom-match[data-v-3b0ebb0e]{background-color:#f5f7fa;min-height:100%}.offer-bom-match .proofing-banner[data-v-3b0ebb0e]{height:453px;min-width:1200px;position:absolute}.offer-bom-match .proofing-banner img[data-v-3b0ebb0e]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.offer-bom-match .bom-content[data-v-3b0ebb0e]{position:relative}.offer-bom-match .bom-content .bom-header[data-v-3b0ebb0e]{color:var(--color-primary);font-size:40px;font-weight:700;line-height:60px;padding-bottom:16px;padding-top:70px;width:690px}.offer-bom-match .bom-content .bom-sub-header[data-v-3b0ebb0e]{color:#54626c;font-size:16px;width:690px}.offer-bom-match .bom-content .bom-tab-main[data-v-3b0ebb0e]{background:#fff;border-radius:8px;margin-top:45px}.offer-bom-match .bom-content .bom-tab-main .main-header[data-v-3b0ebb0e]{align-items:center;display:flex}.offer-bom-match .bom-content .bom-tab-main .main-header .header-item[data-v-3b0ebb0e]{align-items:center;border-top:4px solid #cd2222;cursor:pointer;display:flex;flex:1;height:68px;justify-content:center}.offer-bom-match .bom-content .bom-tab-main .main-header .header-item .tab-text[data-v-3b0ebb0e]{color:#161a1c;font-size:16px;margin-left:12px;position:relative}.offer-bom-match .bom-content .bom-tab-main .main-header .header-item .tab-text .active[data-v-3b0ebb0e]{font-weight:600}.offer-bom-match .bom-content .bom-tab-main .main-header .header-item .tab-text .recommend-icon[data-v-3b0ebb0e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAYAAADPRbkKAAAAAXNSR0IArs4c6QAAAodJREFUWEftl89LFGEcxp9nRm231CKoDnXosK7WsYslBJVuGF27dPAShBnUHxB06hTRr1sn/wGhgi5pYh4kMZIickvZ7QcdCiuNrF13d2aemNEWqzWR3WV6Yd/zzPN9Pt/nne/7DmH4ouH+UQMIO8E1E1jojO2ts6wOAu0QdovcQqiumsYJuoLmIKUsWs/r6dzmUHq2VM1VAXzjDbbVI6Eb4A4ITQA2wDdPrgleFqAkgA6prMQMofcg7hYK+f7G0bcfV2qXNJLtip+2iFMAWwU1A7TLMlT2y3IBfIHw2AYu1w/PjP2S/AtgMdFyBuI5kDEADWXXrpSAJJIZSEnBuxgZTg360r8B5BPxHg+4AKAl/K6vSu4QeKaCfTIymkwVAbKd8YOWhSsS94Gor1TjKq6z/H0AuhUZnjlfBMglWgckHQcZrXjRKghK+uw47uEAINMV22/BvgNqO0CrCvWqIynvRgCwmGi9CaB3aUwatV4HALlE/IWAPUZ1f6nPOWaO7Npp2xunBG42qvfLZpnpjB2waA+CwUlr3GK2u+0QHd0D0Wice/8gqwGEGJuktNEJeNA1kwG+e9Ix8wD8uxBZANAfeTDdZyAAHAHjjuWcaBpKz5oDENxCsQhwouDhUtPI9EjwP2DGGJUr8ROohzbdqw1D6cniH9l/CbC0z/MCflCaB/mB4ljeKlz3t83KyV0qAQdCEtRXiF4YY16UR3EeRNrz9JSyx6MjL9+V8vIHgFyIUx5xNvrGfcJUKhcGwHpqrgBQtGi+MD3BUTjrEQrrWWaOtnVY0gCEBZG9kblXjzgJf84asaj2rc3Z5m19nqP7m77NJE0yH4xRI9r8D5M1gLATrCUQdgI/AZjWMJbCpfmYAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:100% 100%;color:#fff;font-size:8px;font-weight:400;height:18px;line-height:18px;position:absolute;right:-24px;text-align:center;top:-12px;width:23px}.offer-bom-match .bom-content .bom-tab-main .main-header .header-item.header-item-active-file[data-v-3b0ebb0e]{border-color:var(--color-primary)!important;border-top-left-radius:4px}.offer-bom-match .bom-content .bom-tab-main .main-header .header-item.header-item-default-file[data-v-3b0ebb0e]{border-color:#fff;border-top-left-radius:8px}.offer-bom-match .bom-content .bom-tab-main .main-header .header-item.header-item-active-input[data-v-3b0ebb0e]{border-color:var(--color-primary)!important}.offer-bom-match .bom-content .bom-tab-main .main-header .header-item.header-item-default-input[data-v-3b0ebb0e]{border-color:#fff}.offer-bom-match .bom-content .bom-tab-main .main-header .header-item.header-item-default-manual-input[data-v-3b0ebb0e]{border-color:#fff;border-top-right-radius:8px}.offer-bom-match .bom-content .bom-tab-main .bom-tab-content[data-v-3b0ebb0e]{padding:0 24px}