#app{background:#fff;min-height:100%}.container[data-v-3f7325de]{padding:0 3.2vw;background-color:#fff}.customily-box[data-v-3f7325de]{position:relative;min-height:13.33333vw;font-size:0;padding-top:4vw;padding-bottom:29.86667vw}.customily-box .modal-tips[data-v-3f7325de]{color:#333;font-size:3.73333vw}.customily-box .modal-confirm[data-v-3f7325de],.customily-box .modal-tips[data-v-3f7325de]{padding:2.66667vw 4vw;text-align:center;display:none}.customily-box .modal-confirm button[data-v-3f7325de]{width:100%;height:10.66667vw;line-height:10.66667vw;background:none;border:0;background-color:#000;color:#fff;font-size:3.73333vw;text-transform:uppercase}.customily-box.mode-modal[data-v-3f7325de]{position:fixed;left:0;top:50%;transform:translateY(-50%);width:100%;max-height:100%;overflow-y:auto;z-index:10003;background-color:#fff;box-shadow:0 0 3.2vw .53333vw rgba(0,0,0,.15);padding:0}.customily-box.mode-modal.loading[data-v-3f7325de]:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:100;background-color:#fff}.customily-box.mode-modal .modal-confirm[data-v-3f7325de],.customily-box.mode-modal .modal-tips[data-v-3f7325de]{display:block}.customily-loading_box[data-v-3f7325de],.modal-loading_box[data-v-3f7325de]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.modal-loading_box[data-v-3f7325de]{z-index:100}.customily-loading_box .loading_inner[data-v-3f7325de],.modal-loading_box .loading_inner[data-v-3f7325de]{position:absolute;left:50%;top:50%;margin-top:-6.4vw;margin-left:-6.4vw;animation:rotating-data-v-3f7325de 2s linear infinite;font-size:0}@keyframes rotating-data-v-3f7325de{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.customily-box_mask[data-v-3f7325de]{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9999}.option-bottom[data-v-3f7325de]{display:none;position:fixed;bottom:0;left:0;right:0;padding:3.2vw;background:#fff}.preview-canvas[data-v-3f7325de]{margin-bottom:3.2vw}.preview-canvas .btn-preview[data-v-3f7325de]{text-transform:uppercase;background:#fff;color:#000;border:1px solid #000;-webkit-appearance:none;font-size:3.73333vw;font-weight:400;cursor:pointer;height:9.6vw;display:flex;align-items:center;justify-content:center;outline:none}.preview-canvas .btn-preview svg[data-v-3f7325de]{margin-right:1.33333vw}.design-done .btn-done[data-v-3f7325de]{text-transform:uppercase;background:#000;color:#fff;font-size:3.73333vw;font-weight:400;cursor:pointer;height:10.13333vw;line-height:10.13333vw;text-align:center;outline:none;display:block}.canvas-preview_popup[data-v-3f7325de]{width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10003;position:fixed;top:0;left:0;display:none}.canvas-preview_popup .popCon[data-v-3f7325de]{background:#fff;width:100%;max-height:100%;overflow-y:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 3.2vw .53333vw rgba(0,0,0,.15)}.canvas-preview_popup .popCon .mfp-close[data-v-3f7325de]{color:#2b2b2b;position:absolute;right:0;font-size:8vw;background:none;height:11.73333vw;line-height:11.73333vw;border:none;opacity:.65;z-index:10}.canvas-preview_popup .popCon .page[data-v-3f7325de]{padding:0 4vw;background:#fafafa}.canvas-preview_popup .popCon .page .preview-box[data-v-3f7325de]{padding:10.66667vw 0 4vw;font-size:0;text-align:center}.canvas-preview_popup .popCon .page img[data-v-3f7325de]{opacity:0;transition:opacity .3s ease-in-out 0s}.canvas-preview_popup.show[data-v-3f7325de]{display:block}.canvas-preview_popup.show .popCon .page img[data-v-3f7325de]{opacity:1}.preview-canvas .icon-svg-search .hover-fill[data-v-3f7325de]{fill:#000}