.mosaic[data-v-65465ec3]{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}.template-html-outer[data-v-65465ec3]{width:100%;transform-origin:0 0;box-shadow:0 0 10px rgba(0,0,0,.15);position:relative}.template-html-outer .frame-bg[data-v-65465ec3]{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.template-html[data-v-65465ec3]{width:100%}.template-html .zoom-wrap[data-v-65465ec3]{position:relative}.template-html .zoom-wrap .content[data-v-65465ec3]{overflow:hidden}.template-html .zoom-wrap .drag-operate[data-v-65465ec3]{position:absolute;left:0;top:0;z-index:200}.template-html .zoom-wrap .drag-operate .frame-line[data-v-65465ec3]{border:.15rem dashed #257cff;cursor:pointer}.template-html .zoom-wrap .drag-operate .frame-line .icon[data-v-65465ec3]{position:absolute;width:5rem;height:5rem;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:2px;z-index:300}.template-html .zoom-wrap .drag-operate .frame-line .icon.move[data-v-65465ec3]{left:-2.5rem;bottom:-2.5rem}.template-html .zoom-wrap .drag-operate .frame-line .icon.close[data-v-65465ec3]{right:-2rem;top:-2rem}.template-html .zoom-wrap .drag-operate .frame-line .icon.stretch[data-v-65465ec3]{right:-2rem;bottom:-2rem;cursor:pointer}.template-html .image[data-v-65465ec3]{position:relative}.template-html .image .plus-icon[data-v-65465ec3]{color:#fff}.template-html .image .pic-mask[data-v-65465ec3]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.template-html .image .pic-mask .prompt-text[data-v-65465ec3]{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.template-html .image .pic-mask .prompt-text .repeat-text[data-v-65465ec3]{background:#ee0a24;color:#fff;border-radius:10%;text-align:center}.template-html .image .pic-mask .prompt-icon[data-v-65465ec3]{display:flex;justify-content:center;align-items:center}.template-html .image .pic-mask .prompt-icon.not-enough[data-v-65465ec3]{background:rgba(0,0,0,.5)}.template-html .image .pic-mask .prompt-icon.not-enough img[data-v-65465ec3]{margin:0 1.5rem}.template-html .image .pic-mask.selected[data-v-65465ec3]{background:rgba(229,60,76,.7)}.template-html .image .pic-mask.selected p[data-v-65465ec3]{color:#fff}.page-info[data-v-65465ec3]{display:flex;justify-content:center;margin-top:.5rem;padding:0 .5rem}.page-info.cross-page[data-v-65465ec3]{justify-content:space-between}.page-info span[data-v-65465ec3]{font-size:1.2rem;color:#393939}.select-template-popup[data-v-aa54726c]{font-size:1.4rem;color:#333}.select-template-popup .main[data-v-aa54726c]{width:100vw;height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.select-template-popup .main>.category-wrap[data-v-aa54726c]{width:100%;height:3.7rem;background:#fff;padding:0 1.7rem}.select-template-popup .main>.category-wrap .category[data-v-aa54726c]{width:100%;height:100%;display:flex;align-items:center;overflow-x:auto}.select-template-popup .main>.category-wrap .category[data-v-aa54726c]::-webkit-scrollbar{display:none}.select-template-popup .main>.category-wrap .category .category-item[data-v-aa54726c]{flex-shrink:0;width:3.5rem;height:1.7rem;background:#f5f5f5;border-radius:.85rem;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#a6a6a6;margin-right:.7rem}.select-template-popup .main>.category-wrap .category .category-item.active[data-v-aa54726c]{background:#ffa720;color:#fff}.select-template-popup .main>.template-list[data-v-aa54726c]{width:100%;height:100vh;flex:1;display:flex;align-content:flex-start;flex-wrap:wrap;-moz-column-gap:1.2rem;column-gap:1.2rem;padding:1rem 1rem 3rem;overflow-y:auto}.select-template-popup .main>.template-list .template-wrap[data-v-aa54726c]{width:11rem;border:.1rem solid #e8e8e8;margin-bottom:1.2rem}.select-template-popup .main>.template-list .template-wrap.active[data-v-aa54726c]{border:.1rem solid #ffa720}.select-template-popup .main .bottom-menu[data-v-aa54726c]{flex-shrink:0;width:100%;height:7rem;font-size:1.4rem;padding:.9rem 2.2rem 0;background:#fff}.select-template-popup .main .bottom-menu .operate-btn[data-v-aa54726c]{width:100%;display:flex;justify-content:center;align-items:center;background:#ffa720;border-radius:1.85rem;height:3.7rem;color:#fff}.guide-popup[data-v-209ef66e]{font-size:1.4rem;color:#333}.guide-popup .van-popup[data-v-209ef66e]{border-radius:2rem;background-color:transparent}.guide-popup .main[data-v-209ef66e]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.guide-popup .main .van-swipe[data-v-209ef66e]{width:30rem;height:57rem;max-height:70vh}.guide-popup .main .van-swipe .van-swipe__track .van-swipe-item .image[data-v-209ef66e]{width:30rem;height:54rem;max-height:65vh;border-radius:2rem;-o-object-fit:contain;object-fit:contain}.guide-popup .main .close-icon[data-v-209ef66e]{margin-top:1rem;width:2.8rem;height:2.8rem}.resolution-tip[data-v-4e829ebc]{font-size:1.4rem;color:#333}.resolution-tip .van-popup[data-v-4e829ebc]{border-radius:1.1rem}.resolution-tip .main[data-v-4e829ebc]{width:34rem;background:#fff;border-radius:1.1rem;padding-bottom:1.8rem}.resolution-tip .main .title[data-v-4e829ebc]{width:100%;height:3.5rem;display:flex;justify-content:center;align-items:center;font-size:1.6rem;border-bottom:.1rem solid #f5f5f5;font-family:AlibabaPuHuiTi365Medium}.resolution-tip .main .content[data-v-4e829ebc]{width:100%;padding:1rem 1.8rem 0;font-size:1.3rem}.resolution-tip .main .content .pic-list[data-v-4e829ebc]{margin-top:1rem;width:100%;display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;-moz-column-gap:.4rem;column-gap:.4rem}.resolution-tip .main .content .pic-list .pic-item[data-v-4e829ebc]{width:9.8rem;height:9.8rem;background:#ececec;border-radius:.4rem;margin-bottom:.4rem;position:relative}.resolution-tip .main .content .pic-list .pic-item>.image[data-v-4e829ebc]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.4rem}.resolution-tip .main .content .pic-list .pic-item .delete-icon[data-v-4e829ebc]{position:absolute;right:-.5rem;top:-.5rem;padding:.2rem}.resolution-tip .main .content .pic-list .pic-item .delete-icon .van-icon-clear[data-v-4e829ebc]{color:#bbb;font-size:2rem}.resolution-tip .main .bottom-btn[data-v-4e829ebc]{margin-top:2rem;display:flex;justify-content:center;align-items:center}.resolution-tip .main .bottom-btn .btn[data-v-4e829ebc]{width:10rem;height:3.2rem;background:#efefef;border-radius:.2rem .2rem .2rem .2rem;font-size:1.3rem;color:#333;display:flex;justify-content:center;align-items:center}.resolution-tip .main .bottom-btn .btn.confirm[data-v-4e829ebc]{background:#333;color:#fff;margin-left:3rem}.page-edit[data-v-eeea7c6e]{height:100vh;display:flex;flex-direction:column;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;background:#f5f5f5;color:#222;font-size:1.3rem}.page-edit .page-main[data-v-eeea7c6e]{padding:1.5rem}.page-edit .page-main>.page-main-top[data-v-eeea7c6e]{display:flex;justify-content:space-between;align-items:center}.page-edit .page-main>.page-main-top .template-name[data-v-eeea7c6e]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-edit .page-main>.page-main-top .save-btn[data-v-eeea7c6e]{flex-shrink:0;width:5.9rem;height:2.6rem;background:#333;border-radius:1.3rem 1.3rem 1.3rem 1.3rem;display:flex;justify-content:center;align-items:center;color:#fff;margin-left:1rem}.page-edit .page-main>.page-main-top .save-btn>img[data-v-eeea7c6e]{width:1.1rem;height:1.1rem;margin-right:.2rem}.page-edit .page-main .page-wrap[data-v-eeea7c6e]{margin-top:2rem}.page-edit .page-main>.page-main-bottom[data-v-eeea7c6e]{display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;margin-top:2rem}.page-edit .page-main>.page-main-bottom .change-page[data-v-eeea7c6e]{display:flex;justify-content:center;align-items:center}.page-edit .page-main>.page-main-bottom .change-page .van-icon-arrow-left[data-v-eeea7c6e]{margin-right:.3rem;margin-top:.2rem}.page-edit .page-main>.page-main-bottom .change-page .van-icon-arrow[data-v-eeea7c6e]{margin-left:.3rem;margin-top:.1rem}.page-edit .page-main>.page-main-bottom .page-info[data-v-eeea7c6e]{display:flex;justify-content:center;font-size:1.3rem}.page-edit .template-box[data-v-eeea7c6e]{height:16.2rem;border-radius:2rem 2rem 0 0;background:#fff;padding:.8rem 1.5rem 2.4rem}.page-edit .template-box .title[data-v-eeea7c6e]{font-size:1.2rem;display:flex;justify-content:center;align-items:center}.page-edit .template-box .category[data-v-eeea7c6e]{width:100%;display:flex;overflow-x:auto;margin-top:.9rem}.page-edit .template-box .category[data-v-eeea7c6e]::-webkit-scrollbar{display:none}.page-edit .template-box .category .category-item[data-v-eeea7c6e]{flex-shrink:0;width:3.5rem;height:1.7rem;background:#f5f5f5;border-radius:.85rem;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#a6a6a6;margin-right:.7rem}.page-edit .template-box .category .category-item.active[data-v-eeea7c6e]{background:#ffa720;color:#fff}.page-edit .template-box .template-bottom[data-v-eeea7c6e]{width:100%;display:flex;margin-top:.8rem;position:relative}.page-edit .template-box .template-bottom .look-all[data-v-eeea7c6e]{position:absolute;left:0;top:0;z-index:1;width:5.6rem;height:100%;flex-shrink:0;background:#ffa720;border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:1rem}.page-edit .template-box .template-bottom .look-all>img[data-v-eeea7c6e]{margin-bottom:1rem}.page-edit .template-box .template-bottom .template-list[data-v-eeea7c6e]{display:flex;padding-left:6.4rem;overflow-x:auto}.page-edit .template-box .template-bottom .template-list[data-v-eeea7c6e]::-webkit-scrollbar{display:none}.page-edit .template-box .template-bottom .template-list .template-wrap[data-v-eeea7c6e]{width:12rem;margin-right:.8rem;border:.1rem solid #f1f1f1}.page-edit .template-box .template-bottom .template-list .template-wrap[data-v-eeea7c6e]:last-child{margin-right:0}.page-edit .template-box .template-bottom .template-list .template-wrap.active[data-v-eeea7c6e]{border:.1rem solid #ffa720}.page-edit .operate-explain[data-v-eeea7c6e]{position:fixed;right:0;top:50%;width:2.6rem;height:11rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#5c5c5c;border-radius:1.15rem 0 0 1.15rem;font-size:1.1rem;color:#fff}.page-edit .operate-explain>img[data-v-eeea7c6e]{width:1.2rem;height:1.6rem}.page-edit .operate-explain>.text[data-v-eeea7c6e]{margin-top:.4rem;letter-spacing:3px;writing-mode:vertical-rl}.page-edit .operate-explain .right-arrow[data-v-eeea7c6e]{width:1.2rem;height:1.2rem;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:.4rem}.page-edit .operate-explain .right-arrow .van-icon[data-v-eeea7c6e]{margin:.1rem 0 0 .2rem}.page-edit .pop-mask-bottom[data-v-eeea7c6e]{background:rgba(0,0,0,.5);backdrop-filter:blur(10px);flex-direction:column;align-items:center;z-index:900!important;overflow:hidden;display:flex;justify-content:flex-start}.page-edit .pop-mask-bottom .bottom-img-wrap[data-v-eeea7c6e]{transform-origin:50% 0}.page-edit .pop-mask[data-v-eeea7c6e]{background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;padding-top:2rem;overflow-y:auto}.page-edit .pop-mask.isPictureBook[data-v-eeea7c6e]{padding-top:20px}.page-edit .pop-mask.isPictureBook .pop-img-wrap[data-v-eeea7c6e]{margin:20px 0}.page-edit .pop-mask.isPictureBook .pop-prompt[data-v-eeea7c6e]{height:30px;z-index:1300}.page-edit .pop-mask.isPictureBook .menu-box[data-v-eeea7c6e],.page-edit .pop-mask.isPictureBook .pop-bottom[data-v-eeea7c6e],.page-edit .pop-mask.isPictureBook .pop-operate-box[data-v-eeea7c6e]{z-index:1300}.page-edit .pop-mask .pop-prompt[data-v-eeea7c6e]{display:flex;align-items:center;height:3rem}.page-edit .pop-mask .pop-prompt img[data-v-eeea7c6e]{width:2.6rem;margin-right:1.2rem}.page-edit .pop-mask .pop-prompt p[data-v-eeea7c6e]{font-size:1.4rem;color:#fff}.page-edit .pop-mask .pop-img-wrap[data-v-eeea7c6e]{margin:2rem 0}.page-edit .pop-mask .pop-img-wrap .img-wrap[data-v-eeea7c6e]{position:relative;box-sizing:content-box;overflow:hidden;z-index:1200}.page-edit .pop-mask .pop-img-wrap .img-wrap .image[data-v-eeea7c6e]{background:#c2c2c2;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.page-edit .pop-mask .pop-img-wrap .img-wrap .image .pop-pic-mask[data-v-eeea7c6e]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;background:rgba(0,0,0,.1)}.page-edit .pop-mask .pop-img-wrap .img-wrap .image .pop-pic-mask .not-enough[data-v-eeea7c6e]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 1.5rem}.page-edit .pop-mask .pop-img-wrap .img-wrap .image .pop-pic-mask .not-enough img[data-v-eeea7c6e]{width:2.4rem}.page-edit .pop-mask .pop-img-wrap .img-wrap .image .pop-pic-mask .not-enough p[data-v-eeea7c6e]{font-size:1.2rem;color:#fff;margin-top:.8rem}.page-edit .pop-mask .pop-operate[data-v-eeea7c6e]{display:flex;flex-direction:column;justify-content:center;align-items:center}.page-edit .pop-mask .pop-operate.picture-book[data-v-eeea7c6e]{position:fixed;bottom:6rem}.page-edit .pop-mask .pop-operate .pop-operate-box[data-v-eeea7c6e]{width:31.5rem;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.page-edit .pop-mask .pop-operate .pop-operate-box.center[data-v-eeea7c6e]{justify-content:center}.page-edit .pop-mask .pop-operate .pop-operate-box .pop-operate-item[data-v-eeea7c6e]{display:flex;align-items:center}.page-edit .pop-mask .pop-operate .pop-operate-box .pop-operate-item.picture-book[data-v-eeea7c6e]{background:#fff;padding:.8rem 1.6rem;border-radius:1.8rem}.page-edit .pop-mask .pop-operate .pop-operate-box .pop-operate-item.picture-book img[data-v-eeea7c6e]{width:2rem;margin-right:.5rem}.page-edit .pop-mask .pop-operate .pop-operate-box .pop-operate-item.picture-book span[data-v-eeea7c6e]{color:#000;font-size:1.4rem}.page-edit .pop-mask .pop-operate .pop-operate-box .pop-operate-item img[data-v-eeea7c6e]{width:2.4rem;margin-right:.5rem}.page-edit .pop-mask .pop-operate .pop-operate-box .pop-operate-item span[data-v-eeea7c6e]{font-size:1.2rem;color:#fff}.page-edit .pop-mask .pop-operate .menu-box[data-v-eeea7c6e]{width:31.5rem;display:flex;align-items:center;margin-top:3rem}.page-edit .pop-mask .pop-operate .menu-box .menu-item-text[data-v-eeea7c6e]{flex-shrink:0;color:#fff;font-size:13px;margin-right:10px}.page-edit .pop-mask .pop-operate .menu-box .menu-wrap[data-v-eeea7c6e]{flex-grow:1}.page-edit .pop-mask .pop-operate .menu-box .menu-wrap .rotate-deg-input[data-v-eeea7c6e]{width:100px;height:30px;background:hsla(0,0%,100%,.5);padding:0 10px;color:#fff}.page-edit .pop-mask .pop-operate .menu-box .custom-button[data-v-eeea7c6e]{width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.5);color:#333;font-size:12px}.page-edit .pop-mask .pop-operate .pop-bottom[data-v-eeea7c6e]{width:28rem;display:flex;justify-content:space-between;align-items:center}.page-edit .pop-mask .pop-operate .pop-bottom .operate-btn[data-v-eeea7c6e]{width:12rem;height:3.2rem;border-radius:1.6rem;margin-top:3.2rem;font-size:1.4rem}.page-edit .pop-mask .pop-operate .pop-bottom .operate-btn.btn-1[data-v-eeea7c6e]{border:1px solid #f7f7f7;background:transparent;color:#fff}.page-edit .pop-mask .pop-operate .pop-bottom .operate-btn.btn-2[data-v-eeea7c6e]{background:#f7f7f7;color:#333}.page-edit .select-pop[data-v-eeea7c6e]{width:26rem;height:16rem;border-radius:.5rem}.page-edit .select-pop .origin-item[data-v-eeea7c6e]{width:19rem;height:4.5rem;border:1px solid #ccc;border-radius:.5rem;display:flex;align-items:center;margin:1rem 0;padding:0 1.5rem}.page-edit .select-pop .origin-item img[data-v-eeea7c6e]{width:2.4rem;margin-right:1.5rem}.page-edit .select-pop .origin-item span[data-v-eeea7c6e]{font-size:1.4rem;color:#333}