.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}.add-background-big-popup[data-v-49896024] .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-49896024]{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-49896024]{font-size:1.6rem}.add-background-big-popup .add-background-big .category-list[data-v-49896024]{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-49896024]::-webkit-scrollbar{display:none}.add-background-big-popup .add-background-big .category-list .category-item[data-v-49896024]{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-49896024]{background:#ffe202}.add-background-big-popup .add-background-big .background-list[data-v-49896024]{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-49896024]::-webkit-scrollbar{display:none}.add-background-big-popup .add-background-big .background-list .background-item[data-v-49896024]{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-49896024]{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-49896024]{width:1.2rem;height:1.2rem;margin-bottom:.5rem}.add-background-big-popup .add-background-big .background-list .background-item .select[data-v-49896024]{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-49896024]{width:4rem;height:.8rem;-o-object-fit:contain;object-fit:contain}.add-background-big-popup .add-background-big .background-list .background-item .mosaic[data-v-49896024]{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;position:relative}.add-background-big-popup .add-background-big .background-list .background-item .mosaic .alphaTip[data-v-49896024]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.2rem;color:#222}.add-background-big-popup .add-background-big .background-list .background-item .image[data-v-49896024]{width:100%;height:100%}.acrylic-custome-outline[data-v-2e8f1ab2]{position:fixed;width:100vw;height:100vh;top:0;background:rgba(0,0,0,.5);color:#333;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;font-size:1.4rem;z-index:30;overflow:auto;left:-5000px}.acrylic-custome-outline .pic-area[data-v-2e8f1ab2]{max-width:35rem;max-height:35rem;border-radius:.4rem;margin-top:1rem;border:1px solid #000;display:flex;flex-direction:column;justify-content:center;align-items:center}.design-pic[data-v-6cdb8416]{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:1000}.design-pic .design-pic-wrap[data-v-6cdb8416]{width:100vw;height:100vh;background:#282828;display:flex;flex-direction:column;align-items:center}.design-pic .design-pic-wrap .top-operate[data-v-6cdb8416]{position:relative;width:100%;height:6.3rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:flex-end;z-index:1000}.design-pic .design-pic-wrap .top-operate .quit[data-v-6cdb8416]{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}.design-pic .design-pic-wrap .top-operate .quit>img[data-v-6cdb8416]{width:1.3rem;height:1.2rem;margin-right:.5rem}.design-pic .design-pic-wrap .top-operate .save[data-v-6cdb8416]{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}.design-pic .design-pic-wrap .main-area[data-v-6cdb8416]{flex:1;padding-top:8rem}.design-pic .design-pic-wrap .main-area .stage[data-v-6cdb8416]{position:relative}.design-pic .design-pic-wrap .main-area .stage .container[data-v-6cdb8416]{width:33.5rem;height:33.5rem;display:flex;position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%}.design-pic .design-pic-wrap .main-area .stage .container .draw-area[data-v-6cdb8416]{position:relative;overflow:hidden;background-color:#fff;-webkit-mask-size:100% 100%;mask-size:100% 100%}.design-pic .design-pic-wrap .main-area .stage .container .draw-area div[data-v-6cdb8416]{position:absolute}.design-pic .design-pic-wrap .main-area .stage .container .draw-area img[data-v-6cdb8416]{position:absolute;-o-object-fit:contain;object-fit:contain;height:auto}.design-pic .design-pic-wrap .main-area .stage .frame-bg[data-v-6cdb8416]{position:absolute;left:0;top:0;z-index:14;width:100%;height:100%;pointer-events:none}.design-pic .design-pic-wrap .main-area .stage .drag-operate[data-v-6cdb8416]{position:absolute;left:0;top:0;z-index:15}.design-pic .design-pic-wrap .main-area .stage .drag-operate .frame-line[data-v-6cdb8416]{border:.15rem dashed #257cff;cursor:pointer}.design-pic .design-pic-wrap .main-area .stage .drag-operate .frame-line .icon[data-v-6cdb8416]{position:absolute;width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:2px}.design-pic .design-pic-wrap .main-area .stage .drag-operate .frame-line .icon.move[data-v-6cdb8416]{left:-1.2rem;top:-1.1rem}.design-pic .design-pic-wrap .main-area .stage .drag-operate .frame-line .icon.close[data-v-6cdb8416]{right:-1rem;top:-1rem}.design-pic .design-pic-wrap .main-area .stage .drag-operate .frame-line .icon.stretch[data-v-6cdb8416]{right:-1rem;bottom:-1rem;cursor:pointer}.design-pic .design-pic-wrap .bottom-wrap[data-v-6cdb8416]{width:100%;height:9.4rem;background:#4a4a4a;padding:1.3rem 2rem 0;display:flex;justify-content:space-between;z-index:1000}.design-pic .design-pic-wrap .bottom-wrap .change-pic[data-v-6cdb8416],.design-pic .design-pic-wrap .bottom-wrap .edit-finish[data-v-6cdb8416]{width:15.6rem;height:4rem;background:#5b5b5b;border-radius:2rem 2rem 2rem 2rem;color:#fff;display:flex;justify-content:center;align-items:center}.design-pic .design-pic-wrap .bottom-wrap .edit-finish[data-v-6cdb8416]{background:#ffe202;color:#222}.add-background[data-v-101b540b]{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:1000}.add-background .add-background-wrap[data-v-101b540b]{width:100vw;height:100vh;background:#282828;display:flex;flex-direction:column;align-items:center}.add-background .add-background-wrap .top-operate[data-v-101b540b]{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-101b540b]{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-101b540b]{width:1.3rem;height:1.2rem;margin-right:.5rem}.add-background .add-background-wrap .top-operate .clear[data-v-101b540b]{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-101b540b]{flex:1;padding-top:4.6rem}.add-background .add-background-wrap .main-area .stage[data-v-101b540b]{position:relative}.add-background .add-background-wrap .main-area .stage .container[data-v-101b540b]{width:33.5rem;height:33.5rem;display:flex;position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%}.add-background .add-background-wrap .main-area .stage .container .draw-area[data-v-101b540b]{position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%}.add-background .add-background-wrap .main-area .stage .container .draw-area div[data-v-101b540b]{position:absolute}.add-background .add-background-wrap .main-area .stage .container .draw-area img[data-v-101b540b]{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-101b540b]{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-101b540b]{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-101b540b]{position:absolute;left:0;top:0;z-index:15}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line[data-v-101b540b]{cursor:pointer}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line .icon[data-v-101b540b]{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-101b540b]{left:-1.2rem;top:-1.1rem}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line .icon.close[data-v-101b540b]{right:-1rem;top:-1rem}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line .icon.stretch[data-v-101b540b]{right:-1rem;bottom:-1rem;cursor:pointer}.add-background .add-background-wrap .tip[data-v-101b540b]{position:fixed;bottom:18.2rem;left:50%;transform:translateX(-50%);width:26.3rem;height:3.9rem;background:#ff6060;font-size:1.2rem;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:.7rem .7rem .7rem .7rem}.add-background .add-background-wrap .bottom-wrap[data-v-101b540b]{width:100%;height:17.8rem;font-size:1.2rem;color:#fff;background:#4a4a4a;z-index:1000}.add-background .add-background-wrap .bottom-wrap>.top[data-v-101b540b]{height:8.4rem;display:flex}.add-background .add-background-wrap .bottom-wrap>.top .background-list[data-v-101b540b]{flex:1;display:flex;align-items:center;padding:0 1.5rem;overflow-x:auto}.add-background .add-background-wrap .bottom-wrap>.top .background-list[data-v-101b540b]::-webkit-scrollbar{display:none}.add-background .add-background-wrap .bottom-wrap>.top .background-list .background-item[data-v-101b540b]{flex-shrink:0;width:6rem;height:6rem;border-radius:.4rem;margin-right:.6rem;position:relative}.add-background .add-background-wrap .bottom-wrap>.top .background-list .background-item.add[data-v-101b540b]{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#484848;border:.05rem solid #bbb}.add-background .add-background-wrap .bottom-wrap>.top .background-list .background-item.add .plus[data-v-101b540b]{width:1.2rem;height:1.2rem;margin-bottom:.5rem}.add-background .add-background-wrap .bottom-wrap>.top .background-list .background-item .image[data-v-101b540b]{width:100%;height:100%;border-radius:.4rem}.add-background .add-background-wrap .bottom-wrap>.top .background-list .background-item .select[data-v-101b540b]{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 .add-background-wrap .bottom-wrap>.top .background-list .background-item .select .horizontal[data-v-101b540b]{width:4rem;height:.7rem;-o-object-fit:contain;object-fit:contain}.add-background .add-background-wrap .bottom-wrap>.top .look-all[data-v-101b540b]{width:5.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:-.4rem 0 .4rem 0 rgba(0,0,0,.15)}.add-background .add-background-wrap .bottom-wrap>.bottom[data-v-101b540b]{height:9.4rem}.add-background .add-background-wrap .bottom-wrap>.bottom .standard-up[data-v-101b540b]{width:100%;height:100%;padding:2.4rem 2rem 0;display:flex;justify-content:space-between}.add-background .add-background-wrap .bottom-wrap>.bottom .standard-up.apay[data-v-101b540b]{justify-content:flex-end}.add-background .add-background-wrap .bottom-wrap>.bottom .standard-up.apay .standard[data-v-101b540b]{display:none}.add-background .add-background-wrap .bottom-wrap>.bottom .standard-up .standard[data-v-101b540b]{font-size:1.3rem;padding-top:.9rem}.add-background .add-background-wrap .bottom-wrap>.bottom .standard-up .up-pic[data-v-101b540b]{width:13rem;height:4rem;background:#ffe202;border-radius:2.6rem 2.6rem 2.6rem 2.6rem;display:flex;justify-content:center;align-items:center;color:#222;font-size:1.4rem}.add-background .add-background-wrap .bottom-wrap>.bottom .edit-finish[data-v-101b540b]{width:100%;height:100%;padding:1.3rem 2rem 0}.add-background .add-background-wrap .bottom-wrap>.bottom .edit-finish .btn[data-v-101b540b]{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}.add-background .add-background-wrap .bottom-wrap2[data-v-101b540b]{width:100%;height:14.5rem;background:#484848;z-index:1000}.add-background .add-background-wrap .bottom-wrap2>.top[data-v-101b540b]{display:flex;justify-content:space-between;align-items:center;color:#d0d0d0;height:3.6rem;padding:0 1.5rem;border-bottom:.05rem solid #2e2e2e}.add-background .add-background-wrap .bottom-wrap2>.top .operate-type[data-v-101b540b]{height:100%;display:flex;align-items:center}.add-background .add-background-wrap .bottom-wrap2>.top .operate-type .operate-item[data-v-101b540b]{font-size:1.3rem;margin-right:1.4rem;vertical-align:bottom;line-height:3.6rem;cursor:pointer;position:relative}.add-background .add-background-wrap .bottom-wrap2>.top .operate-type .operate-item.active[data-v-101b540b]{font-size:1.4rem;color:#fff}.add-background .add-background-wrap .bottom-wrap2>.top .operate-type .operate-item.active[data-v-101b540b]:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:2.4rem;height:.3rem;background:#ffe202;border-radius:.4rem}.add-background .add-background-wrap .bottom-wrap2>.top .check-mark[data-v-101b540b]{width:2.7rem;height:1.8rem}.add-background .add-background-wrap .bottom-wrap2>.bottom[data-v-101b540b]{width:100%;height:10.9rem}.add-background .add-background-wrap .bottom-wrap2>.bottom .shape[data-v-101b540b]{width:100%;height:100%;padding:1.7rem 0 0;display:flex;justify-content:center;overflow-x:auto}.add-background .add-background-wrap .bottom-wrap2>.bottom .shape .knife-item[data-v-101b540b]{display:flex;flex-direction:column;align-items:center;flex-shrink:0;font-size:1.2rem}.add-background .add-background-wrap .bottom-wrap2>.bottom .shape .knife-item>img[data-v-101b540b]{width:2rem;height:2rem;margin-bottom:.5rem;-o-object-fit:contain;object-fit:contain}.add-background .add-background-wrap .bottom-wrap2>.bottom .shape .knife-item>span[data-v-101b540b]{white-space:nowrap}.add-background .add-background-wrap .bottom-wrap2>.bottom .size[data-v-101b540b]{width:100%;height:100%;padding:2.8rem 1.1rem 0;position:relative;display:flex;justify-content:center}.add-background .add-background-wrap .bottom-wrap2>.bottom .size .horizontal-line[data-v-101b540b]{width:32.4rem;height:.3rem;background:#fff;border-radius:0 0 0 0;margin-top:.4rem}.add-background .add-background-wrap .bottom-wrap2>.bottom .size .dot-list[data-v-101b540b]{width:100%;padding:2.8rem 1.1rem 0;position:absolute;left:0;top:0;display:flex;justify-content:space-between}.add-background .add-background-wrap .bottom-wrap2>.bottom .size .dot-list .dot-item[data-v-101b540b]{display:flex;flex-direction:column;justify-content:center;align-items:center}.add-background .add-background-wrap .bottom-wrap2>.bottom .size .dot-list .dot-item.active .dot[data-v-101b540b]{border-color:#257cff}.add-background .add-background-wrap .bottom-wrap2>.bottom .size .dot-list .dot-item.active .text[data-v-101b540b]{color:#257cff}.add-background .add-background-wrap .bottom-wrap2>.bottom .size .dot-list .dot-item .dot[data-v-101b540b]{width:1.2rem;height:1.2rem;background:#fff;border-radius:50%;border:.2rem solid #d3d3d3}.add-background .add-background-wrap .bottom-wrap2>.bottom .size .dot-list .dot-item>.text[data-v-101b540b]{margin-top:.4rem;font-size:1.2rem;color:#fff}.add-background .add-background-wrap .bottom-wrap2>.bottom .color[data-v-101b540b]{display:flex;height:8.4rem}.add-background .add-background-wrap .bottom-wrap2>.bottom .color .mosaic[data-v-101b540b]{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;position:relative}.add-background .add-background-wrap .bottom-wrap2>.bottom .color .mosaic .alphaTip[data-v-101b540b]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.2rem;color:#222}.add-background .add-background-wrap .bottom-wrap2>.bottom .color .background-list[data-v-101b540b]{flex:1;display:flex;align-items:center;padding:0 1.5rem;overflow-x:auto}.add-background .add-background-wrap .bottom-wrap2>.bottom .color .background-list[data-v-101b540b]::-webkit-scrollbar{display:none}.add-background .add-background-wrap .bottom-wrap2>.bottom .color .background-list .background-item[data-v-101b540b]{flex-shrink:0;width:6rem;height:6rem;border-radius:.4rem;margin-right:.6rem;position:relative}.add-background .add-background-wrap .bottom-wrap2>.bottom .color .background-list .background-item .image[data-v-101b540b]{width:100%;height:100%;border-radius:.4rem}.add-background .add-background-wrap .bottom-wrap2>.bottom .color .background-list .background-item .select[data-v-101b540b]{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 .add-background-wrap .bottom-wrap2>.bottom .color .background-list .background-item .select .horizontal[data-v-101b540b]{width:4rem;height:.7rem;-o-object-fit:contain;object-fit:contain}.add-background .add-background-wrap .bottom-wrap2>.bottom .color .look-all[data-v-101b540b]{width:5.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:-.4rem 0 .4rem 0 rgba(0,0,0,.15)}.one-level[data-v-101b540b]{width:100vw;background:#4a4a4a;display:flex;justify-content:center;color:#000;height:7rem;padding-top:.5rem;border-bottom:1px solid #282828}.one-level .operate-item[data-v-101b540b]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 1rem;width:5rem;height:6rem;font-size:1.2rem}.one-level .operate-item>img[data-v-101b540b]{width:2rem;height:2rem}.one-level .operate-item>span[data-v-101b540b]{font-size:1.2rem;margin-top:.6rem;white-space:nowrap;color:#fff;font-family:AlibabaPuHuiTi345Light}.workbench[data-v-101b540b]{width:33.5rem;height:33.5rem;position:fixed;z-index:-10}.width-ruler[data-v-101b540b]{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;height:2.7rem;left:0;bottom:-3rem}.width-ruler .width-num[data-v-101b540b]{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-101b540b]{height:1.54rem;border:.1rem solid #257cff}.width-ruler .horizontal[data-v-101b540b]{flex:1;border:.1rem solid #257cff}.height-ruler[data-v-101b540b]{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-101b540b]{width:2.7rem;height:8.4rem;writing-mode:sideways-lr;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-101b540b]{width:1.54rem;border:.1rem solid #257cff}.height-ruler .vertical[data-v-101b540b]{flex:1;border:.1rem solid #257cff}.changeSize-popup[data-v-fcbfac18] .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}.changeSize-popup .changeSize-big[data-v-fcbfac18]{width:100vw;min-height:50vh;max-height:80vh;padding:2rem 1.5rem 0;background:#282828}.changeSize-popup .changeSize-big .title[data-v-fcbfac18]{font-size:1.6rem}.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-1610f73e] .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-1610f73e]{width:100vw;padding:2.2rem 2rem 4.1rem;background:#282828}.preview-popup .preview-wrap .title-box[data-v-1610f73e]{width:100%;height:3.2rem;position:relative;display:flex;align-items:center;justify-content:flex-end}.preview-popup .preview-wrap .title-box .title[data-v-1610f73e]{font-size:1.6rem;color:#fff;position:absolute;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.preview-popup .preview-wrap .title-box .preview-3d-btn[data-v-1610f73e]{height:2.8rem;padding:0 1.2rem;border-radius:1.4rem;border:.1rem solid #ffe202;color:#ffe202;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;cursor:pointer}.preview-popup .preview-wrap .carousel[data-v-1610f73e]{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-1610f73e],.preview-popup .preview-wrap .carousel .van-swipe-item[data-v-1610f73e],.preview-popup .preview-wrap .carousel .van-swipe .image[data-v-1610f73e],.preview-popup .preview-wrap .carousel .van-swipe[data-v-1610f73e]{width:100%;height:100%}.preview-popup .preview-wrap .carousel .arrow[data-v-1610f73e]{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem}.preview-popup .preview-wrap .carousel .arrow.pre[data-v-1610f73e]{left:1.2rem}.preview-popup .preview-wrap .carousel .arrow.next[data-v-1610f73e]{right:1.2rem}.preview-popup .preview-wrap .bottom[data-v-1610f73e]{width:100%;height:4rem;margin-top:2rem;line-height:4rem;border-radius:2rem 2rem 2rem 2rem;display:flex;justify-content:space-between}.preview-popup .preview-wrap .download-preview[data-v-1610f73e],.preview-popup .preview-wrap .save[data-v-1610f73e]{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-1610f73e]{background:#ffe202;color:#222}.operate[data-v-1610f73e]{width:100%;margin-top:2rem;font-size:1.3rem}.operate .operate-item[data-v-1610f73e]{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-1610f73e]{width:100%;height:100%;background:#4a4a4a;color:#fff}.operate .operate-item .watermark-layout[data-v-1610f73e]{display:flex;align-items:center;font-size:1.2rem;cursor:pointer}.operate .operate-item .watermark-layout .arrow-icon[data-v-1610f73e]{margin-left:.3rem;margin-top:.2rem}.page[data-v-05340f44]{width:100vw;height:100vh;font-size:1.4rem;color:#222}.page .upload-pic[data-v-05340f44]{height:100vh;background:#282828;color:#fff;display:flex;flex-direction:column;align-items:center;overflow:hidden}.page .upload-pic .top-operate[data-v-05340f44]{width:100%;height:4.7rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:flex-end}.page .upload-pic .top-operate>.btn .size[data-v-05340f44]{display:flex;align-items:center;justify-content:center;width:10rem;height:3.2rem;background:#484848;font-size:1.2rem;color:#fff;border-radius:1.6rem 1.6rem 1.6rem 1.6rem}.page .upload-pic .top-operate>.btn .size .price[data-v-05340f44]{color:red;display:flex;margin:0 .6rem 0 .3rem}.page .upload-pic .top-operate.apay[data-v-05340f44]{justify-content:flex-end}.page .upload-pic .top-operate.apay .design-standard[data-v-05340f44]{display:none}.page .upload-pic .top-operate .design-standard[data-v-05340f44]{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-05340f44]{width:1.5rem;height:1.5rem;margin-right:.6rem}.page .upload-pic .top-operate .save[data-v-05340f44]{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-05340f44]{visibility:hidden}.page .upload-pic .main-area[data-v-05340f44]{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-05340f44]{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-05340f44]{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-05340f44]{font-size:1.2rem;margin-right:.2rem;color:#7f7f7f}.page .upload-pic .main-area .front-back .front-back-item.active.finish[data-v-05340f44],.page .upload-pic .main-area .front-back .front-back-item.active[data-v-05340f44]{color:#257cff}.page .upload-pic .main-area .front-back .front-back-item.finish .van-icon[data-v-05340f44],.page .upload-pic .main-area .front-back .front-back-item.finish[data-v-05340f44]{color:#0db272}.page .upload-pic .main-area .stage[data-v-05340f44]{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.page .upload-pic .main-area .stage .empty[data-v-05340f44]{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-05340f44]{width:2rem;height:2rem}.page .upload-pic .main-area .stage .empty .text-a[data-v-05340f44]{color:#0768ff;margin-top:1rem}.page .upload-pic .main-area .stage .empty .text-b[data-v-05340f44]{margin-top:1.9rem;font-size:1.2rem;color:#fff}.page .upload-pic .main-area .stage .container[data-v-05340f44]{width:33.5rem;height:33.5rem;display:flex;position:relative;overflow:hidden}.page .upload-pic .main-area .stage .container div[data-v-05340f44]{position:absolute}.page .upload-pic .main-area .stage .container img[data-v-05340f44]{position:absolute;height:auto}.page .upload-pic .main-area .stage .container .frame-bg[data-v-05340f44]{position:absolute;left:0;top:0;z-index:15;width:100%;height:100%;pointer-events:none}.page .upload-pic .bottom-wrap[data-v-05340f44]{width:100%;padding-bottom:2.5rem;background:#4a4a4a}.page .upload-pic[data-v-05340f44] .van-overlay{background-color:rgba(0,0,0,.5)!important}.page .workbench[data-v-05340f44]{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}}}.width-ruler{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;height:2.7rem;left:0;bottom:-3rem;.width-num{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}.vertical{height:1.54rem}.horizontal,.vertical{border:.1rem solid #257cff}.horizontal{flex:1}}.height-ruler{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:2.7rem;height:100%;top:0;left:-3rem;.height-num{width:2.7rem;height:8.4rem;writing-mode:sideways-lr;line-height:2.7rem;text-align:center;background:#257cff;border-radius:.4rem .4rem .4rem .4rem;color:#fff;font-size:1.2rem}.horizontal{width:1.54rem}.horizontal,.vertical{border:.1rem solid #257cff}.vertical{flex:1}}