.add-background-big-popup[data-v-533f7efb] .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-533f7efb]{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-533f7efb]{font-size:1.6rem;color:#fff}.add-background-big-popup .add-background-big .category-list[data-v-533f7efb]{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-533f7efb]::-webkit-scrollbar{display:none}.add-background-big-popup .add-background-big .category-list .category-item[data-v-533f7efb]{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-533f7efb]{background:#ffe202}.add-background-big-popup .add-background-big .background-list[data-v-533f7efb]{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-533f7efb]::-webkit-scrollbar{display:none}.add-background-big-popup .add-background-big .background-list .background-item[data-v-533f7efb]{width:10.5rem;height:10.5rem;background:#f4f4f4;border-radius:.4rem;margin-bottom:1.5rem;position:relative;overflow:hidden;background:#fff url(../img/mosaic.fdac04d2.png) no-repeat 50%/cover;cursor:pointer}.add-background-big-popup .add-background-big .background-list .background-item.add[data-v-533f7efb]{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-533f7efb]{width:1.2rem;height:1.2rem;margin-bottom:.5rem}.add-background-big-popup .add-background-big .background-list .background-item .select[data-v-533f7efb]{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-533f7efb]{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-533f7efb]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.add-background[data-v-2522f794]{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:1000}.add-background .add-background-wrap[data-v-2522f794]{width:100vw;height:100vh;background:#282828;display:flex;flex-direction:column;align-items:center}.add-background .add-background-wrap .top-operate[data-v-2522f794]{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-2522f794]{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-2522f794]{width:1.3rem;height:1.2rem;margin-right:.5rem}.add-background .add-background-wrap .top-operate .clear[data-v-2522f794]{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-2522f794]{flex:1;padding-top:8rem}.add-background .add-background-wrap .main-area .stage[data-v-2522f794]{position:relative}.add-background .add-background-wrap .main-area .stage .container[data-v-2522f794]{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-2522f794]{position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;background:#484848}.add-background .add-background-wrap .main-area .stage .container .draw-area div[data-v-2522f794]{position:absolute}.add-background .add-background-wrap .main-area .stage .container .draw-area img[data-v-2522f794]{position:absolute;height:auto}.add-background .add-background-wrap .main-area .stage .container .draw-area .custome-outline-pic[data-v-2522f794]{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-2522f794]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:101;pointer-events:none}.add-background .add-background-wrap .main-area .stage .drag-operate[data-v-2522f794]{position:absolute;left:0;top:0;z-index:200}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line[data-v-2522f794]{border:.15rem dashed #257cff;cursor:pointer}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line .icon[data-v-2522f794]{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-2522f794]{left:-1.2rem;top:-1.1rem}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line .icon.close[data-v-2522f794]{right:-1rem;top:-1rem}.add-background .add-background-wrap .main-area .stage .drag-operate .frame-line .icon.stretch[data-v-2522f794]{right:-1rem;bottom:-1rem;cursor:pointer}.add-background .add-background-wrap .bottom-wrap[data-v-2522f794]{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-2522f794]{height:8.4rem;display:flex}.add-background .add-background-wrap .bottom-wrap>.top .background-list[data-v-2522f794]{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-2522f794]::-webkit-scrollbar{display:none}.add-background .add-background-wrap .bottom-wrap>.top .background-list .background-item[data-v-2522f794]{flex-shrink:0;width:6rem;height:6rem;border-radius:.4rem;margin-right:.6rem;position:relative;background:#fff url(../img/mosaic.fdac04d2.png) no-repeat 50%/cover}.add-background .add-background-wrap .bottom-wrap>.top .background-list .background-item.add[data-v-2522f794]{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-2522f794]{width:1.2rem;height:1.2rem;margin-bottom:.5rem}.add-background .add-background-wrap .bottom-wrap>.top .background-list .background-item .image[data-v-2522f794]{width:100%;height:100%;border-radius:.4rem;-o-object-fit:contain;object-fit:contain}.add-background .add-background-wrap .bottom-wrap>.top .background-list .background-item .select[data-v-2522f794]{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-2522f794]{width:4rem;height:.7rem;-o-object-fit:contain;object-fit:contain}.add-background .add-background-wrap .bottom-wrap>.top .look-all[data-v-2522f794]{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-2522f794]{height:9.4rem}.add-background .add-background-wrap .bottom-wrap>.bottom .standard-up[data-v-2522f794]{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-2522f794]{justify-content:flex-end}.add-background .add-background-wrap .bottom-wrap>.bottom .standard-up.apay .standard[data-v-2522f794]{display:none}.add-background .add-background-wrap .bottom-wrap>.bottom .standard-up .standard[data-v-2522f794]{font-size:1.3rem;padding-top:.9rem}.add-background .add-background-wrap .bottom-wrap>.bottom .standard-up .up-pic[data-v-2522f794]{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-2522f794]{width:100%;height:100%;padding:1.3rem 2rem 0}.add-background .add-background-wrap .bottom-wrap>.bottom .edit-finish .btn[data-v-2522f794]{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}