.add-background-big-popup[data-v-629cd98e] .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}.add-background-big-popup .add-background-big[data-v-629cd98e]{width:100vw;min-height:50vh;max-height:80vh;padding:2rem 1.5rem 0;background:#282828}.add-background-big-popup .add-background-big .title[data-v-629cd98e]{font-size:1.6rem;color:#fff}.add-background-big-popup .add-background-big .category-list[data-v-629cd98e]{width:100%;display:flex;align-items:center;overflow-x:scroll;margin-top:1.4rem}.add-background-big-popup .add-background-big .category-list[data-v-629cd98e]::-webkit-scrollbar{display:none}.add-background-big-popup .add-background-big .category-list .category-item[data-v-629cd98e]{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}.add-background-big-popup .add-background-big .category-list .category-item.active[data-v-629cd98e]{background:#ffe202}.add-background-big-popup .add-background-big .background-list[data-v-629cd98e]{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}.add-background-big-popup .add-background-big .background-list[data-v-629cd98e]::-webkit-scrollbar{display:none}.add-background-big-popup .add-background-big .background-list .background-item[data-v-629cd98e]{width:10.5rem;height:10.5rem;background:#f4f4f4;border-radius:.4rem;margin-bottom:1.5rem;position:relative;overflow:hidden;cursor:pointer}.add-background-big-popup .add-background-big .background-list .background-item.add[data-v-629cd98e]{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;color:#257cff}.add-background-big-popup .add-background-big .background-list .background-item.add>img[data-v-629cd98e]{width:1.2rem;height:1.2rem;margin-bottom:.5rem}.add-background-big-popup .add-background-big .background-list .background-item .select[data-v-629cd98e]{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}.add-background-big-popup .add-background-big .background-list .background-item .select .horizontal[data-v-629cd98e]{width:4rem;height:.8rem;-o-object-fit:contain;object-fit:contain}.add-background-big-popup .add-background-big .background-list .background-item .image[data-v-629cd98e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.need-fill-popup[data-v-3291105a] .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}.need-fill-popup .need-fill[data-v-3291105a]{width:100vw;padding:2rem 0 4.1rem;background:#282828}.need-fill-popup .need-fill .title[data-v-3291105a]{font-size:1.6rem;text-align:center;color:#fff}.need-fill-popup .need-fill .info[data-v-3291105a]{font-size:1.5rem;line-height:2rem;font-family:AlibabaPuHuiTi345Light;color:red;margin-top:1.4rem;text-align:center}.need-fill-popup .need-fill .pic-list[data-v-3291105a]{display:flex;align-items:center;margin-top:1.4rem;width:100%}.need-fill-popup .need-fill .pic-list .pic-item[data-v-3291105a]{display:flex;flex-direction:column;width:48.5vw;margin-left:1vw;border:1px solid #ffe202}.need-fill-popup .need-fill .pic-list .pic-item .pic-item-title[data-v-3291105a]{font-size:1.5rem;line-height:2rem;text-align:center;font-family:AlibabaPuHuiTi345Light;color:#fff}.need-fill-popup .need-fill .pic-list .pic-item .img-container[data-v-3291105a]{display:flex;background-color:#f0f0f0;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.need-fill-popup .need-fill .pic-list .pic-item .img-container img[data-v-3291105a]{width:48.5vw;height:48.5vw}.need-fill-popup .need-fill .pic-list .pic-item .container[data-v-3291105a]{display:flex;position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:48.5vw;height:48.5vw;background-color:#f0f0f0;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.need-fill-popup .need-fill .pic-list .pic-item .container .draw-area[data-v-3291105a]{position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:transparent}.need-fill-popup .need-fill .pic-list .pic-item .container .draw-area div[data-v-3291105a]{position:absolute}.need-fill-popup .need-fill .pic-list .pic-item .container .draw-area img[data-v-3291105a]{position:absolute;-o-object-fit:contain;object-fit:contain;height:auto}.need-fill-popup .need-fill .pic-list .pic-item .container .draw-area .custome-outline-pic[data-v-3291105a]{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:5}.need-fill-popup .need-fill .pic-list .pic-item .btn1[data-v-3291105a]{background:#fff}.need-fill-popup .need-fill .pic-list .pic-item .btn1[data-v-3291105a],.need-fill-popup .need-fill .pic-list .pic-item .btn2[data-v-3291105a]{margin-left:20%;width:60%;height:4rem;margin-top:1rem;margin-bottom:1rem;line-height:4rem;border-radius:2rem 2rem 2rem 2rem;text-align:center;color:#222;cursor:pointer}.need-fill-popup .need-fill .pic-list .pic-item .btn2[data-v-3291105a]{background:#ffe202}.need-fill-popup .need-fill .btn3[data-v-3291105a]{height:4rem;margin-top:2.7rem;margin-left:2rem;margin-right:2rem;line-height:4rem;border-radius:2rem 2rem 2rem 2rem;text-align:center;background:#ffe202;color:#222;cursor:pointer}.add-background[data-v-42d71681]{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:1000}.add-background .add-background-wrap[data-v-42d71681]{width:100vw;height:100vh;background:#282828;display:flex;flex-direction:column;align-items:center}.add-background .add-background-wrap .top-operate[data-v-42d71681]{position:relative;width:100%;height:6.3rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:flex-end;z-index:1000}.add-background .add-background-wrap .top-operate .quit[data-v-42d71681]{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}.add-background .add-background-wrap .top-operate .quit>img[data-v-42d71681]{width:1.3rem;height:1.2rem;margin-right:.5rem}.add-background .add-background-wrap .top-operate .quit span[data-v-42d71681]{color:#fff;font-size:1.4rem}.add-background .add-background-wrap .top-operate .clear[data-v-42d71681]{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}.add-background .add-background-wrap .main-area[data-v-42d71681]{flex:1;padding-top:4.6rem}.add-background .add-background-wrap .main-area .stage[data-v-42d71681]{position:relative}.add-background .add-background-wrap .main-area .stage .container[data-v-42d71681]{width:33.5rem;height:33.5rem;display:flex;position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#f0f0f0;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.add-background .add-background-wrap .main-area .stage .container .draw-area[data-v-42d71681]{position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:transparent}.add-background .add-background-wrap .main-area .stage .container .draw-area div[data-v-42d71681]{position:absolute}.add-background .add-background-wrap .main-area .stage .container .draw-area img[data-v-42d71681]{position:absolute;-o-object-fit:contain;object-fit:contain;height:auto}.add-background .add-background-wrap .main-area .stage .container .draw-area .custome-outline-pic[data-v-42d71681]{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:5}.add-background .add-background-wrap .main-area .stage .frame-bg[data-v-42d71681]{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;z-index:14;pointer-events:none}.add-background .add-background-wrap .main-area .stage .drag-operate[data-v-42d71681]{position:absolute;left:0;top:0;z-index:15}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line[data-v-42d71681]{cursor:pointer}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line .icon[data-v-42d71681]{position:absolute;width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:2px}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line .icon.move[data-v-42d71681]{left:-1.2rem;top:-1.1rem}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line .icon.close[data-v-42d71681]{right:-1rem;top:-1rem}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line .icon.stretch[data-v-42d71681]{right:-1rem;bottom:-1rem;cursor:pointer}.add-background .add-background-wrap .bottom-wrap[data-v-42d71681]{width:100%;padding-bottom:2.5rem;background:#4a4a4a}.add-background .add-background-wrap .one-level[data-v-42d71681]{width:100vw;background:#4a4a4a;display:flex;justify-content:center;color:#000;height:7rem;padding-top:.5rem;overflow-x:auto}.add-background .add-background-wrap .one-level[data-v-42d71681]::-webkit-scrollbar{display:none}.add-background .add-background-wrap .one-level .operate-item[data-v-42d71681]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 1rem;width:5rem;height:6rem;font-size:1.2rem}.add-background .add-background-wrap .one-level .operate-item>img[data-v-42d71681]{width:2rem;height:2rem}.add-background .add-background-wrap .one-level .operate-item>span[data-v-42d71681]{font-size:1.2rem;margin-top:.6rem;white-space:nowrap;color:#fff;font-family:AlibabaPuHuiTi345Light}.width-ruler[data-v-42d71681]{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;height:2.7rem;left:0;bottom:-2.5rem}.width-ruler .width-num[data-v-42d71681]{width:8.4rem;height:2.7rem;line-height:2.7rem;text-align:center;background:#257cff;border-radius:.4rem .4rem .4rem .4rem;color:#fff;font-size:1.2rem}.width-ruler .vertical[data-v-42d71681]{height:1.54rem;border:.1rem solid #257cff}.width-ruler .horizontal[data-v-42d71681]{flex:1;border:.1rem solid #257cff}.height-ruler[data-v-42d71681]{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:2.7rem;height:100%;top:0;left:-3rem}.height-ruler .height-num[data-v-42d71681]{width:8.4rem;height:2.7rem;transform:rotate(90deg);transform-origin:center;line-height:2.7rem;text-align:center;background:#257cff;border-radius:.4rem .4rem .4rem .4rem;color:#fff;font-size:1.2rem}.height-ruler .horizontal[data-v-42d71681]{width:1.54rem;border:.1rem solid #257cff}.height-ruler .vertical[data-v-42d71681]{flex:1;border:.1rem solid #257cff}.workbench[data-v-42d71681]{width:33.5rem;height:33.5rem;position:fixed;z-index:-10}.confirm-popup[data-v-7e75df89] .van-popup--center{border-radius:.7rem;background:#282828}.confirm-popup[data-v-7e75df89] .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}.confirm-popup .main[data-v-7e75df89]{width:29.1rem;padding:2.9rem 2rem 2.1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#282828;color:#fff}.confirm-popup .main .content[data-v-7e75df89]{font-size:1.4rem;text-align:center}.confirm-popup .main .footer-btn[data-v-7e75df89]{width:100%;display:flex;justify-content:center;align-items:center;margin-top:3rem}.confirm-popup .main .footer-btn .confirm[data-v-7e75df89]{width:12.4rem;height:3.4rem;background:#ffe202;border-radius:.4rem .4rem .4rem .4rem;display:flex;justify-content:center;align-items:center;font-size:1.3rem;color:#222}.preview-popup[data-v-59a1b402] .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}.preview-popup .preview-wrap[data-v-59a1b402]{width:100vw;padding:2.2rem 0 4.1rem;background:#282828}.preview-popup .preview-wrap .title-row[data-v-59a1b402]{position:relative;height:2.8rem;display:flex;align-items:center;justify-content:center}.preview-popup .preview-wrap .title-row .title[data-v-59a1b402]{font-size:1.6rem;color:#fff;text-align:center;line-height:2.8rem}.preview-popup .preview-wrap .title-row .preview-3d-btn[data-v-59a1b402]{position:absolute;right:2rem;top:50%;transform:translateY(-50%);height:2.6rem;line-height:2.6rem;padding:0 1.2rem;border-radius:1.3rem;border:1px solid #ffe202;color:#ffe202;font-size:1.2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-popup .preview-wrap .preview-images[data-v-59a1b402]{border-radius:.4rem;margin-top:2.3rem}.preview-popup .preview-wrap .carousel[data-v-59a1b402]{width:33.5rem;height:33.5rem;border-radius:.4rem;margin-top:2.3rem;position:relative}.preview-popup .preview-wrap .carousel .van-swipe-item .image[data-v-59a1b402],.preview-popup .preview-wrap .carousel .van-swipe-item[data-v-59a1b402],.preview-popup .preview-wrap .carousel .van-swipe .image[data-v-59a1b402],.preview-popup .preview-wrap .carousel .van-swipe[data-v-59a1b402]{width:100%;height:100%}.preview-popup .preview-wrap .carousel .arrow[data-v-59a1b402]{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem}.preview-popup .preview-wrap .carousel .arrow.pre[data-v-59a1b402]{left:1.2rem}.preview-popup .preview-wrap .carousel .arrow.next[data-v-59a1b402]{right:1.2rem}.preview-popup .preview-wrap .bottom[data-v-59a1b402]{width:100%;height:4rem;margin-top:2rem;padding:0 2rem;line-height:4rem;border-radius:2rem 2rem 2rem 2rem;display:flex;justify-content:space-between}.preview-popup .preview-wrap .download-preview[data-v-59a1b402],.preview-popup .preview-wrap .save[data-v-59a1b402]{width:15.6rem;height:4rem;line-height:4rem;background:#5b5b5b;border-radius:2rem 2rem 2rem 2rem;text-align:center;font-family:AlibabaPuHuiTi365Medium;color:#fff;cursor:pointer}.preview-popup .preview-wrap .save[data-v-59a1b402]{background:#ffe202;color:#222}.operate[data-v-59a1b402]{width:100%;margin-top:2rem;padding:0 2rem;font-size:1.3rem}.operate .operate-item[data-v-59a1b402]{width:100%;height:4.2rem;background:#4a4a4a;border-radius:.6rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem}.operate .operate-item .name-input[data-v-59a1b402]{width:100%;height:100%;background:#4a4a4a;color:#fff}.operate .operate-item .watermark-layout[data-v-59a1b402]{display:flex;align-items:center;font-size:1.2rem;cursor:pointer}.operate .operate-item .watermark-layout .arrow-icon[data-v-59a1b402]{margin-left:.3rem;margin-top:.2rem}.page[data-v-67d7a5a0]{width:100vw;height:100vh;font-size:1.4rem;color:#222}.page .upload-pic[data-v-67d7a5a0]{height:100vh;background:#282828;color:#fff;display:flex;flex-direction:column;align-items:center;overflow:hidden}.page .upload-pic .top-operate[data-v-67d7a5a0]{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-67d7a5a0]{justify-content:flex-end}.page .upload-pic .top-operate.apay .design-standard[data-v-67d7a5a0]{display:none}.page .upload-pic .top-operate .design-standard[data-v-67d7a5a0]{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-67d7a5a0]{width:1.5rem;height:1.5rem;margin-right:.6rem}.page .upload-pic .top-operate .save[data-v-67d7a5a0]{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-67d7a5a0]{visibility:hidden}.page .upload-pic .main-area[data-v-67d7a5a0]{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-67d7a5a0]{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-67d7a5a0]{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-67d7a5a0]{font-size:1.2rem;margin-right:.2rem;color:#7f7f7f}.page .upload-pic .main-area .front-back .front-back-item.active.finish[data-v-67d7a5a0],.page .upload-pic .main-area .front-back .front-back-item.active[data-v-67d7a5a0]{color:#257cff}.page .upload-pic .main-area .front-back .front-back-item.finish .van-icon[data-v-67d7a5a0],.page .upload-pic .main-area .front-back .front-back-item.finish[data-v-67d7a5a0]{color:#0db272}.page .upload-pic .main-area .stage[data-v-67d7a5a0]{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.page .upload-pic .main-area .stage .empty[data-v-67d7a5a0]{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-67d7a5a0]{width:2rem;height:2rem}.page .upload-pic .main-area .stage .empty .text-a[data-v-67d7a5a0]{color:#0768ff;margin-top:1rem}.page .upload-pic .main-area .stage .empty .text-b[data-v-67d7a5a0]{margin-top:1.9rem;font-size:1.2rem;color:#fff}.page .upload-pic .main-area .stage .container[data-v-67d7a5a0]{width:33.5rem;height:33.5rem;display:flex;position:relative;overflow:hidden}.page .upload-pic .main-area .stage .container div[data-v-67d7a5a0]{position:absolute}.page .upload-pic .main-area .stage .container img[data-v-67d7a5a0]{position:absolute;height:auto}.page .upload-pic .main-area .stage .container .frame-bg[data-v-67d7a5a0]{position:absolute;left:0;top:0;z-index:101;width:100%;height:100%;pointer-events:none}.page .upload-pic .bottom-wrap[data-v-67d7a5a0]{width:100%;padding-bottom:2.5rem;background:#4a4a4a}.page .upload-pic .one-level[data-v-67d7a5a0]{width:100vw;background:#4a4a4a;display:flex;justify-content:center;color:#000;height:7rem;padding-top:.5rem;overflow-x:auto}.page .upload-pic .one-level[data-v-67d7a5a0]::-webkit-scrollbar{display:none}.page .upload-pic .one-level .operate-item[data-v-67d7a5a0]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 1rem;width:5rem;height:6rem;font-size:1.2rem}.page .upload-pic .one-level .operate-item>img[data-v-67d7a5a0]{width:2rem;height:2rem}.page .upload-pic .one-level .operate-item>span[data-v-67d7a5a0]{font-size:1.2rem;margin-top:.6rem;white-space:nowrap;color:#fff;font-family:AlibabaPuHuiTi345Light}.page .upload-pic[data-v-67d7a5a0] .van-overlay{background-color:rgba(0,0,0,.5)!important}.page .workbench[data-v-67d7a5a0]{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}}}