.picture-design[data-v-bea9b830]{background-color:#f7f8fa;min-height:100vh}.picture-design__content[data-v-bea9b830]{padding-bottom:17rem}.picture-design__title[data-v-bea9b830]{background-color:#fff}.picture-design__title-content[data-v-bea9b830]{height:3.2rem;line-height:3.2rem;background:#ffe8b6;font-size:1.2rem;text-align:center;color:#333}.picture-design__title-content-icon[data-v-bea9b830]{width:2rem;height:2rem}.picture-design__subtitle[data-v-bea9b830]{padding:1rem;font-size:1.2rem;text-align:center;color:#999;line-height:1.8rem}.picture-design__subtitle img[data-v-bea9b830]{width:1.2rem;height:1.2rem;margin-right:.5rem}.picture-design__subtitle div[data-v-bea9b830]{display:flex;align-items:center;justify-content:center}.picture-design__canvas[data-v-bea9b830]{margin:5rem auto 1.5rem;position:relative}.picture-design__canvas-content[data-v-bea9b830]{margin:0 auto;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;overflow:hidden;width:25rem}.picture-design__canvas-content[data-v-bea9b830]:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0}.picture-design__canvas-content .layer[data-v-bea9b830]{position:absolute;display:flex;justify-content:center;align-items:center}.picture-design__canvas-content .layer .frame-wrap[data-v-bea9b830]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAYAAAC+ZpjcAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAA0qSURBVHic7dixrSw6DgXBmcVkpPwzeIpJPwNaTeNiqwKgjtnQ99+/f++z6Jyzef5z7129b//M/pn9M/tn9s/sn9k/297/v9XrAAD/hwQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxL7vvbf5wL138/znnLN63/6Z/TP7Z/bP7J/ZP7N/tr3fDxYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQOx371194Jyzet/+mf0z+2f2z+yf2T+zf/bX9/vBAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCIfd97b/OBe+/m+c85Z/W+/TP7Z/bP7J/ZP7N/Zv9se78fLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACA2O/eu/rAOWf1vv0z+2f2z+yf2T+zf2b/7K/v94MFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABD7vvfe5gP33s3zn3PO6n37Z/bP7J/ZP7N/Zv/M/tn2fj9YAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAACx37139YFzzup9+2f2z+yf2T+zf2b/zP7ZX9/vBwsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAIPZ9773NB+69m+c/55zV+/bP7J/ZP7N/Zv/M/pn9s+39frAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGK/e+/qA+ec1fv2z+yf2T+zf2b/zP6Z/bO/vt8PFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBA7Pvee5sP3Hs3z3/OOav37Z/ZP7N/Zv/M/pn9M/tn2/v9YAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxH733tUHzjmr9+2f2T+zf2b/zP6Z/TP7Z399vx8sAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAIDY9733Nh+4926e/5xzVu/bP7N/Zv/M/pn9M/tn9s+29/vBAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCICSwAgJjAAgCI/e69qw+cc1bv2z+zf2b/zP6Z/TP7Z/bP/vp+P1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAALHve+9tPnDv3Tz/Oees3rd/Zv/M/pn9M/tn9s/sn23v94MFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABATWAAAMYEFABD73XtXHzjnrN63f2b/zP6Z/TP7Z/bP7J/99f1+sAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYt/33tt84N67ef5zzlm9b//M/pn9M/tn9s/sn9k/297vBwsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAICawAABiAgsAIPa7964+cM5ZvW//zP6Z/TP7Z/bP7J/ZP/vr+/1gAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEBBYAQExgAQDEvu+9t/nAvXfz/Oecs3rf/pn9M/tn9s/sn9k/s3+2vd8PFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBATGABAMQEFgBA7HfvXX3gnLN63/6Z/TP7Z/bP7J/ZP7N/9tf3+8ECAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIgJLACAmMACAIh933tv84F77+b5zzln9b79M/tn9s/sn9k/s39m/2x7vx8sAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAICYwAIAiAksAIDY7967+sA5Z/W+/TP7Z/bP7J/ZP7N/Zv/sr+/3gwUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEBNYAAAxgQUAEPu+997mA/fezfOfc87qfftn9s/sn9k/s39m/8z+2fZ+P1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAADGBBQAQE1gAALHfvXf1gXPO6n37Z/bP7J/ZP7N/Zv/M/tlf3+8HCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAgJrAAAGICCwAg9n3vvc0H7r2b5z/nnNX79s/sn9k/s39m/8z+mf2z7f1+sAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYgILACAmsAAAYr977+oD55zV+/bP7J/ZP7N/Zv/M/pn9s7++3w8WAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEBMYAEAxAQWAEDsPxif2PAhGQyYAAAAAElFTkSuQmCC) no-repeat 50%/cover;background-color:#fff}.picture-design__canvas-content .layer .image[data-v-bea9b830]{-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.picture-design__canvas-content .layer .image.normalImg[data-v-bea9b830]{width:100%;height:100%}.picture-design__canvas-tag[data-v-bea9b830]{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:4.9rem;height:2rem;background:#333;border-radius:.1rem;color:#fff;font-size:1.2rem}.picture-design__canvas-line[data-v-bea9b830]{position:absolute;display:flex;align-items:center;justify-content:center}.picture-design__canvas-line.top[data-v-bea9b830]{width:100%;top:-2rem;left:0;display:flex;justify-content:space-between;align-items:center}.picture-design__canvas-line.top .deliver[data-v-bea9b830]{height:.1rem;background:silver;flex:1}.picture-design__canvas-line.top>.text[data-v-bea9b830]{margin:0 1rem;font-size:1.2rem}.picture-design__canvas-line.left[data-v-bea9b830]{width:2rem;height:100%;top:0;left:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.picture-design__canvas-line.left .deliver[data-v-bea9b830]{width:.1rem;background:silver;flex:1}.picture-design__canvas-line.left>.text[data-v-bea9b830]{writing-mode:sideways-lr;margin:1rem 0;font-size:1.2rem}.picture-design__canvas .right-operate-wrap[data-v-bea9b830]{position:absolute;top:0;right:-6.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.picture-design__canvas .right-operate-wrap .right-operate[data-v-bea9b830]{width:5rem;max-height:25rem;height:100%;background:#fff;box-shadow:0 0 .4rem 0 rgba(0,0,0,.08);border-radius:.9rem .9rem 0 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem 0}.picture-design__canvas .right-operate-wrap .right-operate .right-operate-item[data-v-bea9b830]{display:flex;flex-direction:column;justify-content:center;align-items:center}.picture-design__canvas .right-operate-wrap .right-operate .right-operate-item>img[data-v-bea9b830]{width:1.6rem;height:1.6rem}.picture-design__canvas .right-operate-wrap .right-operate .right-operate-item>.text[data-v-bea9b830]{margin-top:.3rem;font-size:1.1rem;color:#666}.picture-design .bottom[data-v-bea9b830]{position:fixed;bottom:0;left:0;width:100vw;border-radius:1.2rem 1.2rem 0 0;background:#fff}.picture-design .bottom .tpl-categrry[data-v-bea9b830]{padding:1.1rem 1.6rem}.picture-design .bottom .tpl-categrry .category-list[data-v-bea9b830]{display:flex;flex-wrap:nowrap;overflow-x:scroll}.picture-design .bottom .tpl-categrry .category-list[data-v-bea9b830]::-webkit-scrollbar{display:none}.picture-design .bottom .tpl-categrry .category-list .category-item[data-v-bea9b830]{font-size:1.2rem;color:#666;margin-right:2rem;white-space:nowrap;padding:.3rem}.picture-design .bottom .tpl-categrry .category-list .category-item.active[data-v-bea9b830]{color:#333;border-bottom:.2rem solid #ffba26}.picture-design .bottom .tpl-categrry .tpl-list[data-v-bea9b830]{margin-top:2rem;display:flex;flex-wrap:nowrap;overflow-x:scroll}.picture-design .bottom .tpl-categrry .tpl-list[data-v-bea9b830]::-webkit-scrollbar{display:none}.picture-design .bottom .tpl-categrry .tpl-list .tpl-item[data-v-bea9b830]{width:4.9rem;height:6.8rem;flex-shrink:0;background:#fff;box-shadow:0 .1rem .56rem 0 rgba(0,0,0,.1);margin-right:1rem;position:relative}.picture-design .bottom .tpl-categrry .tpl-list .tpl-item.active[data-v-bea9b830]{border:.2rem solid #ffba26;border-radius:.2rem}.picture-design .bottom .tpl-categrry .tpl-list .tpl-item>.image[data-v-bea9b830]{width:100%;height:100%}.picture-design .bottom .tpl-categrry .tpl-list .tpl-item .check[data-v-bea9b830]{position:absolute;top:.1rem;right:.1rem;width:1.2rem;height:1.2rem}.picture-design .bottom>.operate[data-v-bea9b830]{width:100%;height:8.3rem;padding-top:1.1rem;border-top:.1rem solid #f7f8fa;display:flex;justify-content:center}.picture-design .bottom>.operate .btn[data-v-bea9b830]{width:13rem;height:3.2rem;background:#333;border-radius:2.5rem 2.5rem 2.5rem 2.5rem;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.3rem}.picture-design .bottom>.operate .btn.pre[data-v-bea9b830]{background:#fff;border:.1rem solid #dfdfdf;margin-right:4rem;color:#333}.picture-design .bottom>.operate .btn.single[data-v-bea9b830]{width:17.5rem}