.page[data-v-1798dfbf]{width:100vw;height:100vh;font-size:1.4rem;color:#222}.page .upload-pic[data-v-1798dfbf]{height:100vh;background:#282828;color:#fff;display:flex;flex-direction:column;align-items:center;overflow:hidden}.page .upload-pic .top-operate[data-v-1798dfbf]{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-1798dfbf]{justify-content:flex-end}.page .upload-pic .top-operate.apay .design-standard[data-v-1798dfbf]{display:none}.page .upload-pic .top-operate .design-standard[data-v-1798dfbf]{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-1798dfbf]{width:1.5rem;height:1.5rem;margin-right:.6rem}.page .upload-pic .top-operate .save[data-v-1798dfbf]{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-1798dfbf]{visibility:hidden}.page .upload-pic .main-area[data-v-1798dfbf]{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-1798dfbf]{max-width:80vw;height:3.4rem;border-radius:.4rem;background:#3e3e3e;display:flex;margin-bottom:1.6rem;overflow-x:auto}.page .upload-pic .main-area .front-back[data-v-1798dfbf]::-webkit-scrollbar{display:none}.page .upload-pic .main-area .front-back .front-back-item[data-v-1798dfbf]{flex-shrink:0;margin:0 1rem;height:100%;border-radius: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-1798dfbf]{font-size:1.2rem;margin-right:.2rem;color:#7f7f7f}.page .upload-pic .main-area .front-back .front-back-item.active.finish[data-v-1798dfbf],.page .upload-pic .main-area .front-back .front-back-item.active[data-v-1798dfbf]{color:#257cff}.page .upload-pic .main-area .front-back .front-back-item.finish .van-icon[data-v-1798dfbf],.page .upload-pic .main-area .front-back .front-back-item.finish[data-v-1798dfbf]{color:#0db272}.page .upload-pic .main-area .stage[data-v-1798dfbf]{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.page .upload-pic .main-area .stage .empty[data-v-1798dfbf]{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-1798dfbf]{width:2rem;height:2rem}.page .upload-pic .main-area .stage .empty .text-a[data-v-1798dfbf]{color:#0768ff;margin-top:1rem}.page .upload-pic .main-area .stage .empty .text-b[data-v-1798dfbf]{margin-top:1.9rem;font-size:1.2rem;color:#fff}.page .upload-pic .main-area .stage .container[data-v-1798dfbf]{width:33.5rem;height:33.5rem;display:flex;position:relative;overflow:hidden;background:#4a4a4a}.page .upload-pic .main-area .stage .container div[data-v-1798dfbf]{position:absolute}.page .upload-pic .main-area .stage .container img[data-v-1798dfbf]{position:absolute;height:auto}.page .upload-pic .main-area .stage .container .frame-bg[data-v-1798dfbf]{position:absolute;left:0;top:0;z-index:101;width:100%;height:100%;pointer-events:none}.page .upload-pic .bottom-wrap[data-v-1798dfbf]{width:100%;padding-bottom:2.5rem;background:#4a4a4a}.page .upload-pic[data-v-1798dfbf] .van-overlay{background-color:rgba(0,0,0,.5)!important}.page .workbench[data-v-1798dfbf]{width:33.5rem;height:33.5rem;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}}}