.bg[data-v-fad3b994]{background-color:#fff;-o-object-fit:contain;object-fit:contain;image-rendering:optimizeSpeed;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.parent[data-v-2088fc20] .svg{position:relative;left:240px;top:240px;width:240px;height:240px;transform:scale(3)}.modal[data-v-057d35e8]{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);z-index:3000}.modal .con_box[data-v-057d35e8]{position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between;width:720px;height:774px;margin:auto;background-color:#fff;zoom:.75}.modal .con_box .close[data-v-057d35e8]{width:40px;height:40px;position:absolute;right:-45px;top:2px;cursor:pointer;opacity:1}.modal .con_box .close[data-v-057d35e8]:hover{opacity:.8}.modal .con_box .main[data-v-057d35e8]{position:relative;overflow:auto}.modal .con_box .main .parent[data-v-057d35e8],.modal .con_box .main .svg[data-v-057d35e8]{position:absolute;width:720px;height:720px}.modal .con_box .header[data-v-057d35e8]{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 20px;border-bottom:1px solid #f8f8f8}.modal .con_box .header .title[data-v-057d35e8]{font-size:18px;color:#333;font-weight:700}.modal .con_box .header .close[data-v-057d35e8]{width:26px;height:26px;opacity:.8;cursor:pointer}.modal .con_box .header .close[data-v-057d35e8]:hover{opacity:1}.modal .con_box .footer[data-v-057d35e8]{position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;height:54px;padding:0 20px;background:#363847}.modal .con_box .footer .name[data-v-057d35e8]{flex:1;font-size:18px;color:#fff;text-align:center}.modal .con_box .footer .submit[data-v-057d35e8]{position:absolute;width:120px;height:36px;line-height:36px;background:#fff;color:#363847;font-size:14px;text-align:center;cursor:pointer;border-radius:8px;opacity:1;right:20px}.modal .con_box .footer .submit[data-v-057d35e8]:hover{opacity:.9}.move-enter[data-v-057d35e8],.move-leave-to[data-v-057d35e8]{opacity:0}.move-enter-active[data-v-057d35e8],.move-leave-active[data-v-057d35e8]{transition:all .2s linear}.canvas[data-v-2797bd5c]{position:relative;width:720px;height:720px}.vdr.active[data-v-2797bd5c]:before{outline:none;border:2px solid rgba(0,0,0,.25)}.slider-progress[data-v-ad89c03c]{display:flex;align-items:center}.slider-progress span[data-v-ad89c03c]{margin-left:5px;font-size:12px;color:#888;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-progress .slider-progress-outer[data-v-ad89c03c]{width:150px;height:8px;border-radius:5px;background:#f5f6fa;position:relative;display:flex;align-items:center}.slider-progress .slider-progress-outer .slider-progress-inner[data-v-ad89c03c]{width:100px;height:8px;background:#363847;border-radius:5px}.slider-progress .slider-progress-outer .progress-slider[data-v-ad89c03c]{width:20px;height:20px;border-radius:50%;background:#f5f6fa;border:1px solid #aaa;position:absolute;z-index:10;left:10px}.root[data-v-694c2382]{display:flex;flex-flow:column nowrap}.root .image[data-v-694c2382]{width:200px;height:200px;margin-top:20px;margin-left:110px;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;image-rendering:optimizeSpeed;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.zone[data-v-694c2382]{width:460px;border:1px solid #ecedf1;display:flex;flex-flow:row nowrap;background:#fff}.zone .title[data-v-694c2382]{height:44px;line-height:44px;padding:0 18px;background:#fff}.zone .copy[data-v-694c2382]{display:flex;flex-flow:row nowrap;align-items:center;background:#fff}.zone .copy .opacity[data-v-694c2382]{flex:1;display:flex;align-items:center;min-width:0}.zone .copy .opacity .text[data-v-694c2382]{font-size:12px;color:#888}.zone .copy .opacity .step[data-v-694c2382]{position:relative;display:flex;align-items:center;margin:0 10px}.zone .copy .opacity .step .round[data-v-694c2382]{position:absolute;margin-left:-10px;width:20px;height:20px;border-radius:50%;border:1px solid #aaa;background:#f5f6fa;z-index:1;cursor:pointer}.zone .copy .opacity .step .round.active[data-v-694c2382]{background:#cecece}.zone .copy .opacity .step .line[data-v-694c2382]{width:150px;height:8px;border-radius:4px;cursor:pointer}.zone .copy .upload[data-v-694c2382]{position:relative;width:50px;height:32px;cursor:pointer}.zone .copy .upload .btn[data-v-694c2382]{width:100px;height:32px;line-height:32px;background:#fff;border:1px solid #dcdde4;border-radius:8px;color:#888;font-size:14px;text-align:center;cursor:pointer}.zone .copy .upload input[data-v-694c2382]{position:absolute;top:0;left:0;width:100px;height:32px;opacity:0}.empty[data-v-2884fa2e]{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:300px}.empty img[data-v-2884fa2e]{width:44px;height:auto}.empty .text[data-v-2884fa2e]{padding-top:20px;line-height:20px;font-size:14px;font-family:PingFang SC;color:#999;letter-spacing:2px}.zone[data-v-a901c5e8]{width:460px;margin-bottom:12px;border:1px solid #ecedf1}.zone .rects[data-v-a901c5e8]{padding:0 0 8px;background:#fff}.zone .rects .title[data-v-a901c5e8]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;height:44px;padding:0 18px;border-bottom:2px solid #f8f8f8}.zone .rects .title .text[data-v-a901c5e8]{font-size:16px}.zone .rects .title .accuracy[data-v-a901c5e8]{display:flex;align-items:center}.zone .rects .title .accuracy .key[data-v-a901c5e8]{margin-right:8px;font-size:14px;color:#888}.zone .rects .title .accuracy .val[data-v-a901c5e8]{position:relative;cursor:pointer}.zone .rects .title .accuracy .val .caption[data-v-a901c5e8]{width:70px;height:30px;line-height:30px;padding:0 10px;border:1px solid #f1f1f1;text-align:center;font-size:14px;color:#333}.zone .rects .title .accuracy .val .options[data-v-a901c5e8]{display:none;position:absolute;top:30px;right:0;width:70px;border:1px solid #f1f1f1;z-index:1}.zone .rects .title .accuracy .val .options .option[data-v-a901c5e8]{height:28px;line-height:28px;padding:0 10px;background:#fff;text-align:center;font-size:14px;color:#666}.zone .rects .title .accuracy .val .options .option[data-v-a901c5e8]:hover{background:#f8f8f8;color:#333}.zone .rects .title .accuracy .val:hover .options[data-v-a901c5e8]{display:block}.zone .rects .list[data-v-a901c5e8]{margin:25px 10px}.zone .rects .list .rect[data-v-a901c5e8]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;margin:15px 10px;cursor:pointer}.zone .rects .list .rect.over[data-v-a901c5e8]{background:#fff0f0}.zone .rects .list .rect .sub[data-v-a901c5e8]{position:relative;width:75px;border:1px solid transparent}.zone .rects .list .rect .sub input[data-v-a901c5e8]{width:100%;line-height:20px;padding:6px 4px 6px 18px;border:1px solid #ececec;text-align:right}.zone .rects .list .rect .sub .key[data-v-a901c5e8]{position:absolute;left:5px;top:6px;color:#888}.zone .rects .list .rect .error[data-v-a901c5e8]{border:1px solid #ce3d32}.zone .rects .list .rect .color[data-v-a901c5e8]{width:40px;height:40px;border:1px solid #ececec;cursor:pointer}.zone .rects .list .rect .icon[data-v-a901c5e8]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;opacity:.6}.zone .rects .list .rect .icon[data-v-a901c5e8]:hover{opacity:1}.zone .rects .list .bgActive[data-v-a901c5e8]{background:#e6f6f8}.zone .rects .list .add-rect[data-v-a901c5e8]{position:relative;width:20px;height:20px;border-radius:50%;font-size:18px;line-height:15px;font-weight:700;text-align:center;cursor:pointer;opacity:1;margin-left:10px;background:#363847;color:#fff;border:1px solid #363847}.zone .rects .list .add-rect[data-v-a901c5e8]:hover{opacity:.8}.zone .rects .list .add-rect[data-v-a901c5e8]:after{width:100px;height:20px;line-height:20px;position:absolute;content:"or Press R";left:30px;top:0;color:#888;font-size:16px;text-align:left}.zone .rects .list .active[data-v-a901c5e8]{background:#fff;color:#dcdde4;border:1px solid #dcdde4}.zone .rects .tip[data-v-a901c5e8]{height:28px;line-height:28px;padding:0 18px;font-size:14px;color:#888}.flip-list-move[data-v-a901c5e8]{transition:transform .5s}.zone[data-v-b7d53b52]{width:460px;border:1px solid #ecedf1;display:flex;flex-flow:row nowrap;background:#fff}.zone .title[data-v-b7d53b52]{height:44px;line-height:44px;padding:0 18px;background:#fff}.zone .copy[data-v-b7d53b52]{display:flex;flex-flow:row nowrap;align-items:center;background:#fff;margin-left:54px}.zone .copy .opacity[data-v-b7d53b52]{flex:1;display:flex;align-items:center;min-width:0}.zone .copy .opacity .text[data-v-b7d53b52]{font-size:12px;color:#888;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zone .copy .opacity .step[data-v-b7d53b52]{position:relative;display:flex;align-items:center;margin:0 10px}.zone .copy .opacity .step .round[data-v-b7d53b52]{position:absolute;margin-left:-10px;width:20px;height:20px;border-radius:50%;border:1px solid #aaa;background:#f5f6fa;z-index:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zone .copy .opacity .step .round.active[data-v-b7d53b52]{background:#cecece}.zone .copy .opacity .step .line[data-v-b7d53b52]{width:150px;height:8px;border-radius:4px;cursor:pointer}.zone .copy .upload[data-v-b7d53b52]{position:relative;width:100px;height:32px;cursor:pointer}.zone .copy .upload .btn[data-v-b7d53b52]{width:100px;height:32px;line-height:32px;background:#fff;border:1px solid #dcdde4;border-radius:8px;color:#888;font-size:14px;text-align:center;cursor:pointer}.zone .copy .upload input[data-v-b7d53b52]{position:absolute;top:0;left:0;width:100px;height:32px;opacity:0}.page[data-v-45ee6d4e]{display:flex;justify-content:center;padding:40px 0;background:#f5f6fa}.page .container[data-v-45ee6d4e]{display:flex;justify-content:space-between;align-content:flex-start}.page .container .draw[data-v-45ee6d4e]{position:relative;width:722px;background:#fff;border:1px solid #ecedf1}.page .container .draw .bg[data-v-45ee6d4e]{position:absolute;top:0;left:0;width:720px;height:720px;z-index:7}.page .container .draw .parent[data-v-45ee6d4e]{position:absolute;top:0;left:0;width:720px;height:720px;z-index:8}.page .container .draw .coordinate[data-v-45ee6d4e]{position:absolute;top:0;left:0;width:720px;height:720px;z-index:9}.page .container .draw .canvas[data-v-45ee6d4e]{position:relative;z-index:10}.page .container .draw .process[data-v-45ee6d4e]{display:flex;align-items:center;justify-content:center;height:54px;border-top:1px solid #ecedf1}.page .container .draw .process .name[data-v-45ee6d4e]{display:flex;flex-flow:row nowrap;align-items:center;margin-right:18px}.page .container .draw .process .name .key[data-v-45ee6d4e]{margin-right:12px;color:#888;font-size:14px}.page .container .draw .process .name input[data-v-45ee6d4e]{width:128px;height:30px;line-height:22px;padding:4px 20px;border-radius:8px;background:#f5f6fa;font-size:14px;border:none}.page .container .draw .process .name input[data-v-45ee6d4e]::-webkit-input-placeholder{color:#e0dcdc;opacity:.5}.page .container .draw .process .name input[data-v-45ee6d4e]::-moz-input-placeholder{color:#e0dcdc;opacity:.5}.page .container .draw .process .name input[data-v-45ee6d4e]::-ms-input-placeholder{color:#e0dcdc;opacity:.5}.page .container .draw .process .name input[data-v-45ee6d4e]:focus{border:none}.page .container .draw .process .name .error[data-v-45ee6d4e]{border:1px solid #ce3d32}.page .container .draw .process .preview[data-v-45ee6d4e]{width:88px;height:30px;line-height:30px;background:#363847;border-radius:8px;color:#fff;text-align:center;opacity:1;font-size:12px;cursor:pointer}.page .container .draw .process .preview[data-v-45ee6d4e]:hover{opacity:.85}.page .container .controls[data-v-45ee6d4e]{width:380px}