.knife-line[data-v-f48f409e]{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:1000}.knife-line .knife-line-wrap[data-v-f48f409e]{width:100vw;height:100vh;background:#282828;display:flex;flex-direction:column;align-items:center}.knife-line .knife-line-wrap .top-operate[data-v-f48f409e]{position:relative;width:100%;height:6.3rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:flex-end;z-index:1000}.knife-line .knife-line-wrap .top-operate .quit[data-v-f48f409e]{display:flex;justify-content:center;align-items:center;width:6.6rem;height:3.2rem;background:#484848;border-radius:1.6rem 1.6rem 1.6rem 1.6rem}.knife-line .knife-line-wrap .top-operate .quit>img[data-v-f48f409e]{width:1.3rem;height:1.2rem;margin-right:.5rem}.knife-line .knife-line-wrap .top-operate .save[data-v-f48f409e]{display:flex;justify-content:center;align-items:center;width:5.8rem;height:3.2rem;background:#ffe202;border-radius:1.8rem 1.8rem 1.8rem 1.8rem;color:#222}.knife-line .knife-line-wrap .main-area[data-v-f48f409e]{flex:1;padding-top:4.6rem;display:flex;flex-direction:column;align-items:center}.knife-line .knife-line-wrap .main-area .front-back[data-v-f48f409e]{width:13.1rem;height:3.4rem;border-radius:.4rem;background:#3e3e3e;display:flex;margin-bottom:1.6rem}.knife-line .knife-line-wrap .main-area .front-back .front-back-item[data-v-f48f409e]{flex:1;height:100%;border-radius:1.4rem 1.4rem 1.4rem 1.4rem;display:flex;justify-content:center;align-items:center}.knife-line .knife-line-wrap .main-area .front-back .front-back-item.active[data-v-f48f409e]{color:#257cff}.knife-line .knife-line-wrap .main-area .front-back .front-back-item .van-icon[data-v-f48f409e]{font-size:1.2rem;margin-right:.2rem}.knife-line .knife-line-wrap .main-area .stage[data-v-f48f409e]{position:relative}.knife-line .knife-line-wrap .main-area .stage .container[data-v-f48f409e]{width:33.5rem;height:33.5rem;display:flex;position:relative;overflow:hidden}.knife-line .knife-line-wrap .main-area .stage .container .custome-outline-pic[data-v-f48f409e]{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:5}.knife-line .knife-line-wrap .bottom-wrap[data-v-f48f409e]{width:100%;height:14.5rem;background:#484848;z-index:1000}.knife-line .knife-line-wrap .bottom-wrap>.top[data-v-f48f409e]{display:flex;justify-content:space-between;align-items:center;color:#d0d0d0;height:3.6rem;padding:0 1.5rem;border-bottom:.05rem solid #2e2e2e}.knife-line .knife-line-wrap .bottom-wrap>.top .operate-type[data-v-f48f409e]{height:100%;display:flex;align-items:center}.knife-line .knife-line-wrap .bottom-wrap>.top .operate-type .operate-item[data-v-f48f409e]{font-size:1.3rem;margin-right:1.4rem;vertical-align:bottom;line-height:3.6rem;cursor:pointer;position:relative}.knife-line .knife-line-wrap .bottom-wrap>.top .operate-type .operate-item.active[data-v-f48f409e]{font-size:1.4rem;color:#fff}.knife-line .knife-line-wrap .bottom-wrap>.top .operate-type .operate-item.active[data-v-f48f409e]:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:2.4rem;height:.3rem;background:#ffe202;border-radius:.4rem}.knife-line .knife-line-wrap .bottom-wrap>.top .check-mark[data-v-f48f409e]{width:2.7rem;height:1.8rem}.knife-line .knife-line-wrap .bottom-wrap>.bottom[data-v-f48f409e]{width:100%;height:10.9rem}.knife-line .knife-line-wrap .bottom-wrap>.bottom .shape[data-v-f48f409e]{width:100%;height:100%;padding:1.7rem 0 0;display:flex;justify-content:center;overflow-x:auto}.knife-line .knife-line-wrap .bottom-wrap>.bottom .shape .knife-item[data-v-f48f409e]{display:flex;flex-direction:column;align-items:center;flex-shrink:0;font-size:1.2rem}.knife-line .knife-line-wrap .bottom-wrap>.bottom .shape .knife-item>img[data-v-f48f409e]{width:2rem;height:2rem;margin-bottom:.5rem;-o-object-fit:contain;object-fit:contain}.knife-line .knife-line-wrap .bottom-wrap>.bottom .shape .knife-item>span[data-v-f48f409e]{white-space:nowrap}.knife-line .knife-line-wrap .bottom-wrap>.bottom .size[data-v-f48f409e]{width:100%;height:100%;padding:2.8rem 1.1rem 0;position:relative;display:flex;justify-content:center}.knife-line .knife-line-wrap .bottom-wrap>.bottom .size .horizontal-line[data-v-f48f409e]{width:32.4rem;height:.3rem;background:#fff;border-radius:0 0 0 0;margin-top:.4rem}.knife-line .knife-line-wrap .bottom-wrap>.bottom .size .dot-list[data-v-f48f409e]{width:100%;padding:2.8rem 1.1rem 0;position:absolute;left:0;top:0;display:flex;justify-content:space-between}.knife-line .knife-line-wrap .bottom-wrap>.bottom .size .dot-list .dot-item[data-v-f48f409e]{display:flex;flex-direction:column;justify-content:center;align-items:center}.knife-line .knife-line-wrap .bottom-wrap>.bottom .size .dot-list .dot-item.active .dot[data-v-f48f409e]{border-color:#257cff}.knife-line .knife-line-wrap .bottom-wrap>.bottom .size .dot-list .dot-item.active .text[data-v-f48f409e]{color:#257cff}.knife-line .knife-line-wrap .bottom-wrap>.bottom .size .dot-list .dot-item .dot[data-v-f48f409e]{width:1.2rem;height:1.2rem;background:#fff;border-radius:50%;border:.2rem solid #d3d3d3}.knife-line .knife-line-wrap .bottom-wrap>.bottom .size .dot-list .dot-item>.text[data-v-f48f409e]{margin-top:.4rem;font-size:1.2rem;color:#fff}.knife-line .workbench[data-v-f48f409e]{width:35rem;height:35rem;position:fixed;z-index:-10;left:-1000px}.hole-site[data-v-bdec71fa]{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:1000}.hole-site .hole-site-wrap[data-v-bdec71fa]{width:100vw;height:100vh;background:#282828;display:flex;flex-direction:column;align-items:center}.hole-site .hole-site-wrap .top-operate[data-v-bdec71fa]{position:relative;width:100%;height:6.3rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:flex-end;z-index:1000}.hole-site .hole-site-wrap .top-operate .quit[data-v-bdec71fa]{display:flex;justify-content:center;align-items:center;width:6.6rem;height:3.2rem;background:#484848;border-radius:1.6rem 1.6rem 1.6rem 1.6rem}.hole-site .hole-site-wrap .top-operate .quit>img[data-v-bdec71fa]{width:1.3rem;height:1.2rem;margin-right:.5rem}.hole-site .hole-site-wrap .top-operate .save[data-v-bdec71fa]{display:flex;justify-content:center;align-items:center;width:5.8rem;height:3.2rem;background:#ffe202;border-radius:1.8rem 1.8rem 1.8rem 1.8rem;color:#222}.hole-site .hole-site-wrap .main-area[data-v-bdec71fa]{flex:1;padding-top:4.6rem;display:flex;flex-direction:column;align-items:center}.hole-site .hole-site-wrap .main-area .front-back[data-v-bdec71fa]{width:13.1rem;height:3.4rem;border-radius:.4rem;background:#3e3e3e;display:flex;margin-bottom:1.6rem}.hole-site .hole-site-wrap .main-area .front-back .front-back-item[data-v-bdec71fa]{flex:1;height:100%;border-radius:1.4rem 1.4rem 1.4rem 1.4rem;display:flex;justify-content:center;align-items:center}.hole-site .hole-site-wrap .main-area .front-back .front-back-item.active[data-v-bdec71fa]{color:#257cff}.hole-site .hole-site-wrap .main-area .front-back .front-back-item .van-icon[data-v-bdec71fa]{font-size:1.2rem;margin-right:.2rem}.hole-site .hole-site-wrap .main-area .stage[data-v-bdec71fa]{position:relative}.hole-site .hole-site-wrap .main-area .stage .container[data-v-bdec71fa]{width:33.5rem;height:33.5rem;display:flex;position:relative;overflow:hidden}.hole-site .hole-site-wrap .main-area .stage .container .custome-outline-pic[data-v-bdec71fa]{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:5}.hole-site .hole-site-wrap .bottom-wrap[data-v-bdec71fa]{width:100%;height:9.4rem;background:#4a4a4a;padding:1.7rem 2rem 0;position:relative;z-index:1000}.hole-site .hole-site-wrap .bottom-wrap .hole-site-list[data-v-bdec71fa]{display:flex}.hole-site .hole-site-wrap .bottom-wrap .hole-site-list .site-item[data-v-bdec71fa]{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;margin-right:2.5rem;cursor:pointer}.hole-site .hole-site-wrap .bottom-wrap .hole-site-list .site-item>img[data-v-bdec71fa]{width:1.9rem;height:1.9rem;-o-object-fit:contain;object-fit:contain;margin-bottom:.5rem}.hole-site .hole-site-wrap .bottom-wrap .check-mark[data-v-bdec71fa]{position:absolute;right:1.5rem;top:.9rem;width:2.7rem;height:1.8rem;cursor:pointer}.hole-site .workbench[data-v-bdec71fa]{width:35rem;height:35rem;position:fixed;z-index:-10;left:-1000px}.hole-site[data-v-0c1a8998]{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:1000}.hole-site .hole-site-wrap[data-v-0c1a8998]{width:100vw;height:100vh;background:#282828;display:flex;flex-direction:column;align-items:center}.hole-site .hole-site-wrap .top-operate[data-v-0c1a8998]{position:relative;width:100%;height:6.3rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:flex-end;z-index:1000}.hole-site .hole-site-wrap .top-operate .quit[data-v-0c1a8998]{display:flex;justify-content:center;align-items:center;width:6.6rem;height:3.2rem;background:#484848;border-radius:1.6rem 1.6rem 1.6rem 1.6rem}.hole-site .hole-site-wrap .top-operate .quit>img[data-v-0c1a8998]{width:1.3rem;height:1.2rem;margin-right:.5rem}.hole-site .hole-site-wrap .top-operate .save[data-v-0c1a8998]{display:flex;justify-content:center;align-items:center;width:5.8rem;height:3.2rem;background:#ffe202;border-radius:1.8rem 1.8rem 1.8rem 1.8rem;color:#222}.hole-site .hole-site-wrap .main-area[data-v-0c1a8998]{flex:1;padding-top:4.6rem;display:flex;flex-direction:column;align-items:center}.hole-site .hole-site-wrap .main-area .front-back[data-v-0c1a8998]{width:13.1rem;height:3.4rem;border-radius:.4rem;background:#3e3e3e;display:flex;margin-bottom:1.6rem}.hole-site .hole-site-wrap .main-area .front-back .front-back-item[data-v-0c1a8998]{flex:1;height:100%;border-radius:1.4rem 1.4rem 1.4rem 1.4rem;display:flex;justify-content:center;align-items:center}.hole-site .hole-site-wrap .main-area .front-back .front-back-item.active[data-v-0c1a8998]{color:#257cff}.hole-site .hole-site-wrap .main-area .front-back .front-back-item .van-icon[data-v-0c1a8998]{font-size:1.2rem;margin-right:.2rem}.hole-site .hole-site-wrap .main-area .stage[data-v-0c1a8998]{position:relative}.hole-site .hole-site-wrap .main-area .stage .container[data-v-0c1a8998]{width:33.5rem;height:33.5rem;display:flex;position:relative;overflow:hidden}.hole-site .hole-site-wrap .bottom-wrap[data-v-0c1a8998]{width:100%;height:9.4rem;background:#4a4a4a;padding:1.7rem 3rem 0;position:relative;display:flex;justify-content:center;z-index:1000}.hole-site .hole-site-wrap .bottom-wrap .btn[data-v-0c1a8998]{width:100%;height:4rem;display:flex;justify-content:center;align-items:center;background:#ffe202;border-radius:2rem 2rem 2rem 2rem;font-size:1.4rem;color:#222;font-family:AlibabaPuHuiTi365Medium}.hole-site .workbench[data-v-0c1a8998]{width:35rem;height:35rem;position:fixed;z-index:-10;left:-1000px}.confirm-popup[data-v-ae6d13b2] .van-popup--center{border-radius:1rem}.confirm-popup .main[data-v-ae6d13b2]{width:35rem;height:47.4rem;background:#fff;padding:1.8rem 2rem;position:relative}.confirm-popup .main .title[data-v-ae6d13b2]{font-size:1.6rem;font-weight:700;text-align:center;color:#000}.confirm-popup .main .tip-a[data-v-ae6d13b2]{margin-top:1.4rem;font-size:1.3rem;color:#4b5563;text-align:center}.confirm-popup .main .sample-image[data-v-ae6d13b2]{width:30.8rem;height:27.5rem;margin-top:1.3rem}.confirm-popup .main .sample-image>img[data-v-ae6d13b2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.confirm-popup .main .tip-b[data-v-ae6d13b2]{font-size:1.2rem;color:#257cff;margin-top:.7rem}.confirm-popup .main .tip-c[data-v-ae6d13b2]{font-size:1.2rem;color:#777;margin-top:.2rem}.confirm-popup .main .footer-btn[data-v-ae6d13b2]{width:100%;display:flex;justify-content:center;align-items:center;margin-top:1.5rem}.confirm-popup .main .footer-btn .btn[data-v-ae6d13b2]{width:12rem;height:3.8rem;background:#222;border-radius:.4rem .4rem .4rem .4rem;font-size:1.2rem;color:#fff;display:flex;justify-content:center;align-items:center}.select-material-popup[data-v-e7dc58c6] .van-popup .van-popup__close-icon{display:flex;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:#484848;color:#fff;font-size:1.2rem}.select-material-popup .select-material[data-v-e7dc58c6]{width:100vw;min-height:50vh;max-height:80vh;padding:2rem 1.5rem 0;background:#282828}.select-material-popup .select-material .title[data-v-e7dc58c6]{font-size:1.6rem}.select-material-popup .select-material .category-list[data-v-e7dc58c6]{width:100%;display:flex;align-items:center;overflow-x:scroll;margin-top:1.4rem}.select-material-popup .select-material .category-list[data-v-e7dc58c6]::-webkit-scrollbar{display:none}.select-material-popup .select-material .category-list .category-item[data-v-e7dc58c6]{flex-shrink:0;padding:0 2rem;height:2.8rem;line-height:2.8rem;background:#f4f4f4;border-radius:1.6rem;font-size:1.2rem;color:#777;margin-right:1rem;white-space:nowrap;cursor:pointer}.select-material-popup .select-material .category-list .category-item.active[data-v-e7dc58c6]{background:#ffe202}.select-material-popup .select-material .material-list[data-v-e7dc58c6]{width:100%;height:40rem;display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;-moz-column-gap:1.4rem;column-gap:1.4rem;margin-top:1.5rem;padding-bottom:1rem;overflow:auto}.select-material-popup .select-material .material-list[data-v-e7dc58c6]::-webkit-scrollbar{display:none}.select-material-popup .select-material .material-list .material-item[data-v-e7dc58c6]{width:10.5rem;height:10.5rem;background:#f4f4f4;border-radius:.4rem;margin-bottom:1.5rem;position:relative;overflow:hidden;padding:.5rem;cursor:pointer}.select-material-popup .select-material .material-list .material-item.clear[data-v-e7dc58c6]{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;color:#777}.select-material-popup .select-material .material-list .material-item.clear>img[data-v-e7dc58c6]{width:1.9rem;height:1.9rem;margin-bottom:.7rem}.select-material-popup .select-material .material-list .material-item .select[data-v-e7dc58c6]{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;border-radius:.5rem}.select-material-popup .select-material .material-list .material-item .select .horizontal[data-v-e7dc58c6]{width:4rem;height:.8rem}.select-material-popup .select-material .material-list .material-item .image[data-v-e7dc58c6]{width:100%;height:100%}.page[data-v-bb71372e]{width:100vw;height:100vh;font-size:1.4rem;color:#222}.page .upload-pic[data-v-bb71372e]{height:100vh;background:#282828;color:#fff;display:flex;flex-direction:column;align-items:center;overflow:hidden}.page .upload-pic .top-operate[data-v-bb71372e]{width:100%;height:4.7rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:flex-end}.page .upload-pic .top-operate.apay[data-v-bb71372e]{justify-content:flex-end}.page .upload-pic .top-operate.apay .design-standard[data-v-bb71372e]{display:none}.page .upload-pic .top-operate .design-standard[data-v-bb71372e]{display:flex;justify-content:center;align-items:center;width:9.6rem;height:3.2rem;background:#484848;border-radius:1.6rem 1.6rem 1.6rem 1.6rem;font-size:1.2rem}.page .upload-pic .top-operate .design-standard>img[data-v-bb71372e]{width:1.5rem;height:1.5rem;margin-right:.6rem}.page .upload-pic .top-operate .save[data-v-bb71372e]{display:flex;justify-content:center;align-items:center;width:5.8rem;height:3.2rem;background:#ffe202;border-radius:1.8rem 1.8rem 1.8rem 1.8rem;color:#222}.page .upload-pic .top-operate .save.hidden[data-v-bb71372e]{visibility:hidden}.page .upload-pic .main-area[data-v-bb71372e]{flex:1;width:100%;padding-top:4.6rem;display:flex;flex-direction:column;align-items:center}.page .upload-pic .main-area .front-back[data-v-bb71372e]{width:13.1rem;height:3.4rem;border-radius:.4rem;background:#3e3e3e;display:flex;margin-bottom:1.6rem}.page .upload-pic .main-area .front-back .front-back-item[data-v-bb71372e]{flex:1;height:100%;border-radius:1.4rem 1.4rem 1.4rem 1.4rem;display:flex;justify-content:center;align-items:center;color:#7f7f7f}.page .upload-pic .main-area .front-back .front-back-item .van-icon[data-v-bb71372e]{font-size:1.2rem;margin-right:.2rem;color:#7f7f7f}.page .upload-pic .main-area .front-back .front-back-item.active.finish[data-v-bb71372e],.page .upload-pic .main-area .front-back .front-back-item.active[data-v-bb71372e]{color:#257cff}.page .upload-pic .main-area .front-back .front-back-item.finish .van-icon[data-v-bb71372e],.page .upload-pic .main-area .front-back .front-back-item.finish[data-v-bb71372e]{color:#0db272}.page .upload-pic .main-area .stage[data-v-bb71372e]{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.page .upload-pic .main-area .stage .empty[data-v-bb71372e]{position:absolute;left:50%;transform:translateX(-50%);width:33.5rem;height:33.5rem;background:#333;border-radius:0 0 0 0;border:.1rem dashed #3d3d3d;display:flex;flex-direction:column;justify-content:center;align-items:center}.page .upload-pic .main-area .stage .empty .plus-icon[data-v-bb71372e]{width:2rem;height:2rem}.page .upload-pic .main-area .stage .empty .text-a[data-v-bb71372e]{color:#0768ff;margin-top:1rem}.page .upload-pic .main-area .stage .empty .text-b[data-v-bb71372e]{margin-top:1.9rem;font-size:1.2rem;color:#fff}.page .upload-pic .main-area .stage .container[data-v-bb71372e]{width:33.5rem;height:33.5rem;display:flex;position:relative;overflow:hidden}.page .upload-pic .main-area .stage .container .bg-canvas-pic[data-v-bb71372e],.page .upload-pic .main-area .stage .container .custome-outline-pic[data-v-bb71372e]{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:1}.page .upload-pic .main-area .stage .container .custome-outline-pic[data-v-bb71372e]{z-index:5}.page .upload-pic .main-area .stage .container .frame-bg[data-v-bb71372e]{position:absolute;left:0;top:0;z-index:101;width:100%;height:100%;pointer-events:none}.page .upload-pic .main-area .stage .container .whole-pic[data-v-bb71372e]{position:absolute;left:50%;transform:translateX(-50%);width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:1}.page .upload-pic .bottom-wrap[data-v-bb71372e]{width:100%;padding-bottom:2.5rem;background:#4a4a4a}.page .upload-pic[data-v-bb71372e] .van-overlay{background-color:rgba(0,0,0,.5)!important}.page .workbench[data-v-bb71372e]{width:35rem;height:35rem;position:fixed;z-index:-10}.self-print-confirm{background:#282828;border-radius:.7rem;.van-hairline--top:after,[class*=van-hairline]:after{display:none}.van-dialog__content{.van-dialog__message{font-size:1.3rem;color:#fff}}.van-dialog__footer{display:flex;justify-content:space-between;align-items:center;padding:0 3.8rem 2.2rem;.van-dialog__cancel,.van-dialog__confirm{width:10rem;height:3.2rem;background:#4a4a4a;border-radius:1.65rem;font-size:1.4rem;box-sizing:border-box;color:#fff}.van-dialog__confirm{background:#ffe202;color:#222}}}