.stepBox[data-v-28f40e9b]{width:100%;display:flex}.stepBox .step[data-v-28f40e9b]{flex:1;padding-top:10px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stepBox .step.active span[data-v-28f40e9b]{color:#ff6f26;font-weight:700}.stepBox .step.active .icon i[data-v-28f40e9b]{background:#ff6f26;color:#fff;border-color:#ff6f26}.stepBox .step.active .icon[data-v-28f40e9b]:before,.stepBox .step.active.step3 .icon[data-v-28f40e9b]:after{border-color:#ff6f26}.stepBox .step.afterActive span[data-v-28f40e9b]{color:#ff6f26}.stepBox .step.afterActive .icon i[data-v-28f40e9b]{color:#ff6f26;border-color:#ff6f26}.stepBox .step.afterActive .icon[data-v-28f40e9b]:after,.stepBox .step.afterActive .icon[data-v-28f40e9b]:before{border-color:#ff6f26}.stepBox .step span[data-v-28f40e9b]{color:rgba(51,51,51,.5);font-size:16px;transition:all .3s}.stepBox .step .icon[data-v-28f40e9b]{position:relative;width:100%;display:flex;justify-content:center;margin-bottom:8px;transition:all .3s}.stepBox .step .icon[data-v-28f40e9b]:before{left:0}.stepBox .step .icon[data-v-28f40e9b]:after,.stepBox .step .icon[data-v-28f40e9b]:before{content:" ";position:absolute;top:50%;border-top:2px solid rgba(51,51,51,.5);width:50%;transition:all .3s}.stepBox .step .icon[data-v-28f40e9b]:after{right:0}.stepBox .step .icon i[data-v-28f40e9b]{font-style:normal;width:40px;height:40px;border:2px solid rgba(51,51,51,.5);color:rgba(51,51,51,.5);background:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1;transition:all .3s}.opsBox[data-v-c2fde66a]{height:90px}.opsBox .box[data-v-c2fde66a],.opsBox[data-v-c2fde66a]{display:flex;align-items:center;justify-content:center}.opsBox .box .el-button[data-v-c2fde66a]{min-width:100px;margin:0 8px;font-weight:700}.step1[data-v-e8d8ed64]{height:100%;overflow-y:auto;border-top:1px solid #dfe2eb}.step1 .top[data-v-e8d8ed64]{display:flex;padding:16px 0 25px}.step1 .bottom[data-v-e8d8ed64]{display:flex;flex-wrap:wrap;padding:16px 0 0;border-top:1px solid #dfe2eb}.step1 .mainImg[data-v-e8d8ed64]{width:240px;height:180px;background:#f0f2f7;display:flex;justify-content:center;align-items:center}.step1 .delBtn[data-v-e8d8ed64]{margin-left:16px;width:40px;padding:0}.step1 .delBtn i[data-v-e8d8ed64]{font-weight:700}.step1[data-v-e8d8ed64] .defaultImg{width:30px;height:30px}.step1 .imgWraper[data-v-e8d8ed64]{margin-right:100px;margin-bottom:30px;transition:all .5s}.step1 .addWraper[data-v-e8d8ed64]{margin-right:0}.step1 .mainImgWraper[data-v-e8d8ed64]{margin-right:336px;transition:all .3s}.step1 p.tips[data-v-e8d8ed64]{width:240px;font-size:12px;line-height:12px;color:#999;margin:8px 0}.step1 .formWraper .el-input[data-v-e8d8ed64],.step1 .formWraper .el-select[data-v-e8d8ed64]{width:340px}.step1 .formWraper .row[data-v-e8d8ed64]{display:flex;justify-content:space-between}.step1 .formWraper .row .el-input[data-v-e8d8ed64],.step1 .formWraper .row .el-select[data-v-e8d8ed64]{width:165px}.step1 .el-button[data-v-e8d8ed64] span{display:flex;justify-content:center;align-items:center}.step1 .el-button[data-v-e8d8ed64] span .el-icon-circle-plus{margin:0;font-size:21px;margin-right:4px;opacity:.8}@media screen and (max-width:1700px){.step1 .imgWraper[data-v-e8d8ed64]{margin-right:80px}}@media screen and (max-width:1600px){.step1 .imgWraper[data-v-e8d8ed64]{margin-right:40px}}@media screen and (max-width:1440px){.step1 .mainImgWraper[data-v-e8d8ed64]{margin-right:200px}}.lineTab ul[data-v-1638e68a]{display:flex;height:64px;border-bottom:1px solid;border-color:#dfe2eb;position:relative}.lineTab ul .subLine[data-v-1638e68a]{position:absolute;bottom:-1px;display:inline-block;height:3px;width:47px;border-radius:2px;transition:all .3s ease-in-out;background-color:#ff6f26}.lineTab ul li[data-v-1638e68a]{display:inline-flex;justify-content:center;align-items:center;padding:0 16px;margin:0;cursor:pointer;font-size:16px;transition:all .3s ease-in-out;text-align:center;position:relative;color:rgba(51,51,51,.5)}.lineTab ul li.active[data-v-1638e68a]{font-weight:600;color:#ff6f26}.lineTab ul li:hover .delBtn[data-v-1638e68a]{opacity:1}.lineTab ul li[data-v-1638e68a]:first-child{margin-left:0!important}.lineTab ul li[data-v-1638e68a]:last-child{margin-right:0!important}.lineTab ul li .delBtn[data-v-1638e68a]{position:absolute;top:10px;right:0;font-size:22px;opacity:0;transition:all .3s;color:#333}.processStep[data-v-aafebe24]{height:100%;display:flex;flex-direction:column;border:1px solid #dfe2eb;position:relative}.processStep .tips[data-v-aafebe24]{font-size:12px;color:#ff4c4c;position:absolute;width:300px;right:-300px;top:-20px}.processStep .top[data-v-aafebe24]{flex:0 0 auto;height:56px;border-bottom:1px solid #dfe2eb;background:#f0f2f7;display:flex;align-items:center;padding:0 24px}.processStep .top span[data-v-aafebe24]{color:#333;font-size:16px;font-weight:700}.processStep .content[data-v-aafebe24]{flex:1;overflow-y:auto;display:flex;flex-direction:column}.processStep .opsBtn[data-v-aafebe24]{margin-left:10px;border-radius:8px;height:32px;padding:0 10px}.processStep .stepCell[data-v-aafebe24]{padding:0 20px;display:flex;align-items:center;cursor:pointer;transition:all .3s;box-sizing:border-box}.processStep .stepCell.active[data-v-aafebe24],.processStep .stepCell[data-v-aafebe24]:hover{background:#f7f8fb}.processStep .stepCell.active span[data-v-aafebe24]{color:#ff6f26}.processStep .stepCell.active .stepContent .dot[data-v-aafebe24],.processStep .stepCell.active .stepContent .dot[data-v-aafebe24]:before{background:#ff6f26}.processStep .stepCell .stepContent[data-v-aafebe24]{display:flex;align-items:center;justify-content:stretch;height:100%}.processStep .stepCell .stepContent .warnIcon[data-v-aafebe24]{font-size:22px;margin-left:15px;color:#ffa666}.processStep .stepCell .stepContent .text[data-v-aafebe24]{display:inline-block;padding:16px 0}.processStep .stepCell .stepContent .text span[data-v-aafebe24]{display:inline}.processStep .stepCell .stepContent .dot[data-v-aafebe24]{display:inline-block;height:100%;width:2px;background:#c2c5cc;position:relative;flex:0 0 auto;transition:all .3s}.processStep .stepCell .stepContent .dot[data-v-aafebe24]:before{content:" ";display:inline-block;width:8px;height:8px;border-radius:50%;background:#c2c5cc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s}.processStep .stepCell .stepContent span[data-v-aafebe24]{display:inline-block;font-size:16px;margin-left:16px}.dialogContent .search-head[data-v-7e9997fa]{margin-bottom:30px}.dialogContent .search-head .screenGroup[data-v-7e9997fa]{margin:0}.dialogContent .el-pagination[data-v-7e9997fa]{margin-top:30px}.ingredient[data-v-0aa9770a]{display:flex;align-items:center}.ingredient .resetBtn[data-v-0aa9770a]{margin-left:10px;padding:0;width:80px}.el-form[data-v-75ec63ec],.formWraper[data-v-267c1286]{flex-direction:column}.cellItem[data-v-75ec63ec]{position:relative}.cellItem .opsBtn[data-v-75ec63ec]{position:absolute;top:34px;left:360px}.cellItem .opsBtn a[data-v-75ec63ec]{display:inline-block;height:24px;width:24px;margin-right:10px}.cellItem .opsBtn a img[data-v-75ec63ec]{width:100%;height:100%}.formWraper[data-v-6ead1ffd]{flex-direction:column}.formWraper[data-v-89e6008c]{flex-direction:column;flex-wrap:nowrap}.formWraper .el-form-item[data-v-89e6008c]{width:488px!important}.formWraper .el-form-item[data-v-89e6008c] .el-form-item__content{display:flex;flex-direction:column;justify-content:flex-end}.formWraper .el-form-item[data-v-89e6008c] .el-form-item__content .weight{width:100%!important;margin-top:12px}.formWraper .el-checkbox[data-v-89e6008c] .el-checkbox__label{display:none}.formWraper .formLabel[data-v-89e6008c]{cursor:pointer}.formWraper .formLabel span[data-v-89e6008c]{display:inline-block;min-width:64px;text-align:right}.formWraper .formLabel .checkBox[data-v-89e6008c]{margin-right:10px}.formWraper[data-v-e084424c]{flex-direction:column}.formWraper[data-v-a759318a]{flex-direction:column;flex-wrap:nowrap}.formWraper .el-form-item[data-v-a759318a]{width:488px!important}.formWraper .el-form-item[data-v-a759318a] .el-form-item__content{display:flex;flex-direction:column;justify-content:flex-end}.formWraper .el-form-item[data-v-a759318a] .el-form-item__content .weight{width:100%!important;margin-top:12px}.formWraper .el-checkbox[data-v-a759318a] .el-checkbox__label{display:none}.formWraper .formLabel[data-v-a759318a]{cursor:pointer}.formWraper .formLabel span[data-v-a759318a]{display:inline-block;min-width:64px;text-align:right}.formWraper .formLabel .checkBox[data-v-a759318a]{margin-right:10px}.processForm[data-v-a20ef9c6]{height:100%;display:flex;flex-direction:column;border:1px solid #dfe2eb;border-left:0}.processForm .top[data-v-a20ef9c6]{flex:0 0 auto;height:56px;border-bottom:1px solid #dfe2eb;background:#f0f2f7;display:flex;align-items:center;justify-content:flex-end;padding:0 24px}.processForm .content[data-v-a20ef9c6]{flex:1;overflow-y:auto;padding:32px}.processForm .opsBtn[data-v-a20ef9c6]{background:rgba(51,51,51,.1);padding:0 14px}.processForm .opsBtn[data-v-a20ef9c6]:first-child{margin-right:16px}.processForm .opsBtn[data-v-a20ef9c6]:focus,.processForm .opsBtn[data-v-a20ef9c6]:hover{background:#ffe2d4}.processForm .opsBtn[data-v-a20ef9c6]:active{background:#e5cbbe}.processForm .content .formSelect[data-v-a20ef9c6]{width:340px}.processForm .content[data-v-a20ef9c6] .formWraper{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:930px}.processForm .content[data-v-a20ef9c6] .formWraper .el-form-item,.processForm .content[data-v-a20ef9c6] .formWraper .el-input,.processForm .content[data-v-a20ef9c6] .formWraper .el-select{width:340px}.el-select[data-v-2600706d]{width:300px}.step2[data-v-cde4504e]{height:100%;display:flex;flex-direction:column}.step2 .step2Header[data-v-cde4504e]{flex:0 0 auto;border-bottom:1px solid #dfe2eb;display:flex;align-items:center;justify-content:space-between}.step2 .step2Header .left[data-v-cde4504e]{display:flex;align-items:center}.step2 .step2Header .right[data-v-cde4504e]{display:flex}.step2 .step2Header .right .el-button[data-v-cde4504e]{margin-left:0}.step2 .step2Header .step2Tab[data-v-cde4504e] ul{border:none;height:64px}.step2 .step2Header .step2Tab[data-v-cde4504e] ul li{width:80px;padding:0;color:rgba(51,51,51,.5)}.step2 .step2Header .step2Tab[data-v-cde4504e] ul li.active{color:#ff6f26}.step2 .process[data-v-cde4504e]{flex:1;display:flex;padding-top:24px;box-sizing:border-box;overflow:hidden}.step2 .process .left[data-v-cde4504e]{width:543px;flex:0 0 auto;height:100%;transition:all .3s}.step2 .process .right[data-v-cde4504e]{flex:1;height:100%;position:relative}.step2 .process .right[data-v-cde4504e] .stepWarntips{font-size:12px;color:#ff4c4c;position:absolute;width:300px;left:0;top:-20px}.editBtn[data-v-cde4504e]{display:inline-block;margin-right:16px}.editBtn img[data-v-cde4504e]{width:16px;height:16px;margin-right:4px}@media screen and (max-width:1400px){.step2 .process .left[data-v-cde4504e]{width:443px}}.preview[data-v-771f2538]{overflow-y:auto}.preview .info[data-v-771f2538]{display:flex;flex-wrap:wrap}.preview .info li[data-v-771f2538]{margin-right:100px;margin-bottom:8px}.preview .info li[data-v-771f2538]:last-child{margin-right:0}.preview .info li .label[data-v-771f2538]{display:inline-block;padding-right:10px;color:#999}.preview .info li .value[data-v-771f2538]{color:#333}.preview .imgList[data-v-771f2538]{display:flex;flex-wrap:wrap;margin:24px 0 24px}.preview .imgList .el-image[data-v-771f2538]{width:240px;height:180px;margin-right:16px;margin-bottom:16px;background:#f0f2f7}.preview .imgList .el-image[data-v-771f2538] .image-slot{background:#f7f8fb;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.preview .imgList .el-image[data-v-771f2538] .image-slot i{font-size:30px;color:#999}.preview .tabWraper p span[data-v-771f2538]{display:inline-block;margin-right:32px;font-size:14px}.preview .tabWraper p span small[data-v-771f2538]{color:#ff6f26}.preview .tabWraper .lineTable[data-v-771f2538]{margin-top:16px;border-bottom:1px solid #ebecf5}.preview .tabWraper .lineTable[data-v-771f2538] .el-table__header th{border-right:1px solid #ebecf5;border-bottom:1px solid #ebecf5}.preview .tabWraper .lineTable[data-v-771f2538] .el-table__header th:last-child{border-right:0}.preview .tabWraper .lineTable[data-v-771f2538] .el-table__body td{border-right:1px solid #ebecf5;border-bottom:1px solid #ebecf5}.step3[data-v-37adfe04]{height:100%;display:flex;flex-direction:column}.step3 .step3Header[data-v-37adfe04]{flex:0 0 auto;border-bottom:1px solid #dfe2eb;scrollbar-width:none;-ms-overflow-style:none;overflow-y:hidden;overflow-x:scroll}.step3 .step3Header .step3Tab[data-v-37adfe04] ul{border:none;height:64px}.step3 .step3Header .step3Tab[data-v-37adfe04] ul li{min-width:80px;padding:0;color:rgba(51,51,51,.5);white-space:nowrap}.step3 .step3Header .step3Tab[data-v-37adfe04] ul li.active{color:#ff6f26}.step3 .step3Header[data-v-37adfe04]::-webkit-scrollbar{display:none}.step3 .previewWraper[data-v-37adfe04]{flex:1;padding-top:24px;box-sizing:border-box;overflow:auto}.recipeForm[data-v-5a707278]{display:flex;flex-direction:column;padding:0 24px;height:100%;min-height:600px}.recipeForm .opsWraper[data-v-5a707278],.recipeForm .stepWrapper[data-v-5a707278]{flex:0 0 auto}.recipeForm .contentWrapper[data-v-5a707278]{flex:1;overflow:hidden}.imgList[data-v-5b52172a]{width:100%;display:flex}.imgList .imgWraper[data-v-5b52172a]{margin-right:95px;transition:all .5s}.imgList .delBtn[data-v-5b52172a]{margin-left:16px;width:40px;padding:0}.imgList .delBtn i[data-v-5b52172a]{font-weight:700}.imgList .defaultImg[data-v-5b52172a]{width:30px;height:30px}.imgList .mainImg[data-v-5b52172a]{width:240px;height:180px;background:#f0f2f7;display:flex;justify-content:center;align-items:center;margin-bottom:16px}@media screen and (max-width:1280px){.imgList .imgWraper[data-v-5b52172a]{margin-right:45px}}.delBtn[data-v-07c1879a]{margin-left:16px;width:40px;padding:0}.delBtn i[data-v-07c1879a]{font-weight:700}.defaultImg[data-v-07c1879a]{width:30px;height:30px}.mainImg[data-v-07c1879a]{width:240px;height:180px;background:#f0f2f7;display:flex;justify-content:center;align-items:center;margin-bottom:16px}.sopContainer[data-v-1d47f206]{box-sizing:border-box;height:100%;display:flex;flex-direction:column;overflow:hidden}.sopContainer .tableForm .el-form-item[data-v-1d47f206]{width:400px;position:relative}.sopContainer .tableForm .formCell[data-v-1d47f206]{display:flex;flex-wrap:wrap;justify-content:center}.sopContainer .tableForm .formCell a[data-v-1d47f206]{font-size:22px;position:absolute;right:0;top:9px}.sopContainer .tableForm .formCell .el-input[data-v-1d47f206]{width:300px;margin-right:20px}.sopContainer .mainInTable[data-v-1d47f206]{border-collapse:collapse;width:100%}.sopContainer .mainInTable th[data-v-1d47f206]{background-color:#f0f2f7;border:1px solid #dfe2eb;height:56px;text-align:left;padding:0 16px}.sopContainer .mainInTable th[data-v-1d47f206]:first-child{width:33.33%;min-width:300px}.sopContainer .mainInTable td[data-v-1d47f206]{border:1px solid #dfe2eb;padding:24px 10px;vertical-align:top}.sopContainer .mainInTable td[data-v-1d47f206]:first-child{padding:24px 32px}.sopContainer .mainInTable td .box[data-v-1d47f206]{margin-bottom:30px}.sopContainer .mainInTable td .box .boxNo[data-v-1d47f206]{color:#ff6f26}.sopContainer .mainInTable .addMainBtn[data-v-1d47f206]{width:100%;max-width:800px;display:block;margin:0 auto}.sopContainer .mainInTable .ingredientsTips[data-v-1d47f206]{margin:90px auto 0;width:320px;height:56px;background-color:#f0f2f7;border-radius:8px;font-size:16px;color:rgba(51,51,51,.5);line-height:56px;text-align:center}.sopContainer .sopTitle[data-v-1d47f206]{font-size:20px;font-weight:700}.sopContainer .specName[data-v-1d47f206]{height:64px;width:100%;border-bottom:1px solid #dfe2eb;display:flex}.sopContainer .specName li[data-v-1d47f206]{text-align:center;min-width:97px;line-height:64px;font-size:16px;color:#ff6f26;font-weight:bolder;border-bottom:2px solid #ff6f26}.sopContainer .sortInput[data-v-1d47f206]{width:340px}.sopContainer .infoWraper[data-v-1d47f206]{padding-top:32px}.sopContainer .infoWraper .line[data-v-1d47f206]{margin-top:32px}.sopContainer .infoWraper .leftFormItem[data-v-1d47f206] .el-form-item__label{text-align:left}.sopContainer .scrollWraper[data-v-1d47f206]{overflow:hidden;flex:1}.sopContainer .scrollView[data-v-1d47f206]{height:100%}.sopContainer .header[data-v-1d47f206]{flex:0 0 auto;padding:24px 24px 0}.sopContainer .footer[data-v-1d47f206]{flex:0 0 auto;display:flex;justify-content:center;align-items:center;border-top:1px solid #dfe2eb}.sopContainer .footer .el-button[data-v-1d47f206]{font-weight:700;margin:25px 8px}.sopContainer .printWraper[data-v-64a1f53c]{color:#000;font-size:16px}.sopContainer .printWraper .header[data-v-64a1f53c]{height:100px;padding:0 44px 0 27px;background-color:#dcdcdc;border:1px solid #666;display:flex;justify-content:space-between;align-items:center;font-size:16px}.sopContainer .printWraper .header h1[data-v-64a1f53c]{font-size:29px;font-weight:700;margin:0}.sopContainer .printWraper .header img[data-v-64a1f53c]{width:127px;height:50px}.sopContainer .printWraper .header .right[data-v-64a1f53c]{transform:translateY(20px)}.sopContainer .footer[data-v-64a1f53c]{text-align:right;padding:30px 24px 0}.sopContainer .footer .el-button[data-v-64a1f53c]{min-width:100px;font-weight:700;margin-left:24px}.sopContainer .foodTable[data-v-64a1f53c]{border-collapse:collapse;width:100%;border:1px solid #666;border-top:0;table-layout:fixed;height:100%}.sopContainer .foodTable th[data-v-64a1f53c]{height:54px;background-color:#903232;font-size:20px;font-weight:700;color:#fff;border-right:1px solid #666}.sopContainer .foodTable th[data-v-64a1f53c]:last-child{border-right:0}.sopContainer .foodTable tr[data-v-64a1f53c]{height:100%}.sopContainer .foodTable td[data-v-64a1f53c]{border:1px solid #666;min-width:84px;text-align:center;font-size:16px;font-weight:700;height:100%}.sopContainer .foodTable .td[data-v-64a1f53c]{height:48px;width:100%;border-bottom:1px solid #666}.sopContainer .foodTable .rawMaterial .flex[data-v-64a1f53c]{display:flex;align-items:stretch;height:100%}.sopContainer .foodTable .rawMaterial .title[data-v-64a1f53c]{flex:0 0 auto;width:72px;min-height:150px;background-color:#dcdcdc;writing-mode:vertical-rl;display:flex;justify-content:center;align-items:center;letter-spacing:5px}.sopContainer .foodTable .rawMaterial .content[data-v-64a1f53c]{padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.sopContainer .foodTable .rawMaterial .content p[data-v-64a1f53c]{text-align:left;line-height:29px}.sopContainer .foodTable .imgBox[data-v-64a1f53c]{display:flex;flex-direction:column;height:100%}.sopContainer .foodTable .imgBox .top[data-v-64a1f53c]{display:flex;justify-content:space-around;align-items:center;flex:1}.sopContainer .foodTable .imgBox .bottom[data-v-64a1f53c]{flex:0 0 auto;display:flex;min-height:78px}.sopContainer .foodTable .imgBox .textBox[data-v-64a1f53c]{flex:1;display:flex;flex-direction:column}.sopContainer .foodTable .imgBox .textBox:last-child p[data-v-64a1f53c]{border-right:0}.sopContainer .foodTable .imgBox .el-image[data-v-64a1f53c]{width:100%;background:#f9f9f9}.sopContainer .foodTable .imgBox .image[data-v-64a1f53c]{width:120px;height:90px;display:flex;justify-content:center;align-items:center;margin:5px 0;box-sizing:border-box}.sopContainer .foodTable .imgBox .image img[data-v-64a1f53c]{max-width:100%;max-height:100%}.sopContainer .foodTable .imgBox p[data-v-64a1f53c]{flex:1;border-top:1px solid #666;border-right:1px solid #666;display:flex;justify-content:center;align-items:center;font-weight:700}.sopContainer .foodTable .opsTr .text[data-v-64a1f53c]{padding:15px 50px}.sopContainer .foodTable .opsTr .text p[data-v-64a1f53c]{text-align:left;font-size:20px;line-height:34px}.sopContainer .foodTable .opsTr .imgList[data-v-64a1f53c]{display:flex;flex-wrap:wrap;justify-content:space-around;height:100%;padding:5px 0}.sopContainer .foodTable .opsTr .imgList .image[data-v-64a1f53c]{width:120px;height:90px;margin:5px 0;display:flex;justify-content:center;align-items:center;background:#f9f9f9}.sopContainer .foodTable .opsTr .imgList .image img[data-v-64a1f53c]{width:100%}.sopContainer .foodTable .grey[data-v-64a1f53c]{color:#999}.sopContainer .padBox td[data-v-64a1f53c]{min-height:48px;padding:8px 4px;box-sizing:border-box}.recipeLayout[data-v-2a4868b0]{overflow:hidden;padding:0;height:100%;min-height:600px}