body,html{margin:0;padding:0;font-family:Raleway,sans-serif;height:100%;overflow:hidden}*{box-sizing:border-box}body{display:-webkit-box;display:flex;flex-direction:column}.left-panel-container{position:absolute;background-color:#fff;padding:4px;border-radius:10px;color:#000}.left-panel-container .menu-container{padding:4px;cursor:pointer}.left-panel-container .menu-container .item{border-radius:5px;padding-left:10px;padding-right:10px}.left-panel-container .menu-container .item span{letter-spacing:.8px;line-height:35px}.left-panel-container .menu-container .item:hover{background-color:#999}.canvas-detail-view{pointer-events:all;position:relative;display:block}.canvas-detail-view .canvas-container{top:0}.three-editor[data-v-514cb4d4]{width:100%;height:100%;box-shadow:0 0 30px 0 rgba(0,0,0,.06);border-radius:25px;position:relative;overflow:hidden}.three-editor.transitionAnimation[data-v-514cb4d4]{transition:height .3s;-moz-transition:height .3s;-webkit-transition:height .3s;-o-transition:height .3s}.three-editor.expand[data-v-514cb4d4]{height:90vh}.three-editor .three-container[data-v-514cb4d4]{width:100%;height:100%;display:flex;align-items:center;position:relative}.three-editor .three-container.edit-collapse[data-v-514cb4d4]{height:70%}.canvas-all[data-v-514cb4d4]{display:none;position:absolute;left:0;width:100%;bottom:0;z-index:1;pointer-events:none}.editor-canvas[data-v-514cb4d4]{background:rgba(0,0,0,.2);margin-bottom:40px}.editor-canvas[data-v-514cb4d4]::-webkit-scrollbar{background-color:rgba(0,0,0,.522);height:20px}.editor-canvas[data-v-514cb4d4]::-webkit-scrollbar-thumb{background-color:rgba(85,85,85,.612)}.canvas-close-icon[data-v-514cb4d4]{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);pointer-events:all}.preview-image[data-v-514cb4d4]{width:60%;left:20%;top:6%;position:absolute;border-radius:20px;box-shadow:0 0 30px 0 rgba(0,0,0,.2);z-index:1}.show-preview-btn[data-v-514cb4d4]{padding:4px 10px;position:absolute;bottom:4px;left:20px;cursor:pointer;border:1px solid hsla(0,0%,47%,.22);border-radius:5px;pointer-events:all;z-index:1}.show-preview-btn.active[data-v-514cb4d4]{background:#456df1;color:#fff}.show-preview-btn.invalid[data-v-514cb4d4]{pointer-events:none;opacity:.3}.preview-image-list[data-v-514cb4d4]{width:100%;height:66%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,73%,.2);position:absolute;top:109px;padding-top:50px;z-index:1}.canvas-side-label[data-v-514cb4d4]{position:absolute;top:0;width:100%;pointer-events:none;transform:translateY(-100%);display:flex;justify-content:space-between}.canvas-side-label>div[data-v-514cb4d4]{padding:4px 0;width:24%;text-align:center;border-radius:5px 5px 0 0;font-size:12px;background:linear-gradient(180deg,rgba(0,0,0,.11),rgba(0,0,0,.035))}.canvas-side-label .side-label-left[data-v-514cb4d4]{margin-left:1%}.canvas-side-label .side-label-right[data-v-514cb4d4]{margin-right:1%}.introjs-helperLayer[data-v-514cb4d4]{box-shadow:0 0 1px 0 rgba(33,33,33,.8),0 0 0 5000px rgba(33,33,33,.5)!important;border:3px dashed #409eff}.new-tips[data-v-514cb4d4]{position:fixed;top:30px;left:30px;display:flex;justify-content:center;align-items:center;font-size:14px;padding:4px 8px;border-radius:13px;background:linear-gradient(180deg,#ececec,#ececec);box-shadow:0 0 30px 0 rgba(0,0,0,.06);z-index:1}.new-tips .svg-icon-operating[data-v-514cb4d4]{width:20px;height:20px;margin-right:3px;background-image:url(/cup-demo/img/operating-instructions.78303066.svg);background-size:contain}.introjs-tooltip-title[data-v-514cb4d4]{font-size:16px;width:80%;padding-top:10px}.warper[data-v-514cb4d4]{width:200px;height:100px;line-height:100px;text-align:center;border:1px solid #8b4513}.intro-tooltip[data-v-514cb4d4]{color:#fff;background:#2c3e50}.introjs-bottom-left-aligned[data-v-514cb4d4]{left:45%!important}.introjs-left[data-v-514cb4d4],.introjs-right[data-v-514cb4d4]{top:30%}.intro-highlight[data-v-514cb4d4]{background:hsla(0,0%,100%,.5)}.introjs-arrow.left[data-v-514cb4d4]{border-right-color:#2c3e50}.introjs-arrow.top[data-v-514cb4d4]{border-bottom-color:#2c3e50}.introjs-arrow.right[data-v-514cb4d4]{border-left-color:#2c3e50}.introjs-arrow.bottom[data-v-514cb4d4]{border-top-color:#2c3e50}.introjs-tooltip-header[data-v-514cb4d4]{padding-right:0!important;padding-top:0!important}.introjs-skipbutton[data-v-514cb4d4]{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:15px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-tooltipbuttons[data-v-514cb4d4]{border:none!important}.introjs-tooltiptext[data-v-514cb4d4]{font-size:14px!important;padding:15px!important}.introjs-tooltipbuttons[data-v-514cb4d4]{display:flex;align-items:center;justify-content:center}.introjs-button[data-v-514cb4d4]{width:50px!important;text-align:center;padding:4px!important;font-size:12px!important;font-weight:500!important;border-radius:3px!important;border:none!important}.introjs-button[data-v-514cb4d4]:last-child{margin-left:10px}.introjs-prevbutton[data-v-514cb4d4]{color:#606266!important;background:#fff!important;border:1px solid #dcdfe6!important}.introjs-nextbutton[data-v-514cb4d4]{color:#fff!important;background-color:#409eff!important;border-color:#409eff!important}.introjs-disabled[data-v-514cb4d4]{color:#9e9e9e!important;border-color:#bdbdbd!important;background-color:#f4f4f4!important}.submits[data-v-514cb4d4]{position:fixed;top:30px;right:30px;display:flex;justify-content:center;align-items:center;font-size:14px;padding:4px 8px;border-radius:13px;background:linear-gradient(180deg,#ececec,#ececec);box-shadow:0 0 30px 0 rgba(0,0,0,.06);z-index:1}.submits .svg-icon-complete[data-v-514cb4d4]{width:20px;height:20px;margin-right:3px;background-image:url(/cup-demo/img/submit-icon.49c58b4e.svg);background-size:contain}.replace-image-icon[data-v-514cb4d4]{cursor:pointer;position:absolute;bottom:-8px;right:40px;z-index:1;pointer-events:all;display:flex;align-items:center;flex-direction:row;padding:10px 0}.replace-image-icon .svg-icon-changePic[data-v-514cb4d4]{width:30px;height:24px;display:inline-block;background-image:url(/cup-demo/img/change-img.61f95fb0.svg);background-size:contain;background-repeat:no-repeat}.replace-image-icon .title[data-v-514cb4d4]{font-size:10px;margin-left:5px;transform:translateY(-4px)}.replace-image-icon .van-icon[data-v-514cb4d4]{transform:translateY(7%)}.edit-material[data-v-5b465c03]{width:100%;padding:10px 20px 0}.edit-material .material-item[data-v-5b465c03]{margin:0 1.5%;width:30%;height:74px;position:relative}.edit-material .material-item p[data-v-5b465c03]{text-align:center;font-size:14px;margin-top:0;margin-bottom:5px}.edit-material .material-item.active .material-item-icon[data-v-5b465c03]{background:url(/cup-demo/img/checked.1cf43224.svg);background-size:100%;border:none}.edit-material .material-item .material-item-icon[data-v-5b465c03]{width:20px;height:20px;position:absolute;pointer-events:none;top:4px;right:4px;border-radius:10px;border:1px solid #f1f1f1}.colors-body[data-v-5b465c03]{padding:10px 30px 0}.colors-body .colors-body-item[data-v-5b465c03]{width:calc(25% - 8px);height:59px;border-radius:10px;margin:4px;background:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.06)}.colors-body .colors-body-item.white[data-v-5b465c03]{border:1px solid #e4e4e4}.edit-nav[data-v-4e40114e]{justify-content:center}.edit-nav .nav-title[data-v-4e40114e]{font-size:16px;line-height:48px;text-align:center}.edit-nav .nav-title span[data-v-4e40114e]{color:rgba(0,0,0,.2)}.nav-complete[data-v-4e40114e]{font-size:16px;line-height:40px;text-align:center}.van-col[data-v-4e40114e]{height:48px}.nav-perv[data-v-4e40114e]{display:flex;align-items:center;justify-content:center}.nav-perv.invalid[data-v-4e40114e]{pointer-events:none;opacity:.2}.nav-perv .van-icon[data-v-4e40114e]{transform:rotate(90deg)}.nav-next[data-v-4e40114e]{display:flex;align-items:center;justify-content:center}.nav-next.invalid[data-v-4e40114e]{pointer-events:none;opacity:.2}.nav-next .van-icon[data-v-4e40114e]{transform:rotate(-90deg)}.explain-text[data-v-4e40114e]{padding:4px 20px;background:#f9fad7;text-align:center;width:90%;margin-left:5%;color:rgba(0,0,0,.466)}[data-v-4e40114e] .van-cell__title{font-size:16px;color:#646566}[data-v-4e40114e] .van-dialog__header{border-bottom:1px solid #f7f8f9;padding-bottom:10px}.tab-content[data-v-17e273f3]{padding:0 20px 0;margin-top:0}.tab-content .image-item[data-v-17e273f3]{margin:0 1.5%;width:calc(33.33% - 8px);margin:15px 4px;height:74px;position:relative;border-radius:15px;box-shadow:0 0 30px 3px rgba(0,0,0,.06);font-size:12px;color:#48494b}.tab-content .image-item.upload-image[data-v-17e273f3]{border-radius:15px;background-image:url(/cup-demo/img/add_icon.dc816100.svg);background-position:50%;background-size:30%;background-repeat:no-repeat;box-shadow:0 0 30px 0 rgba(0,0,0,.06)}.tab-content .image-item .imageName[data-v-17e273f3]{text-align:center}.tab-content .fileInput[data-v-17e273f3]{display:none}.tab-content .content-edit-bar[data-v-17e273f3]{margin-top:-14px;margin-bottom:-22px;text-align:center;border-radius:16px}.tab-content .content-edit-bar .content-edit-icon[data-v-17e273f3]{margin:21px;line-height:32px;color:#fff;background:#2b83ff;border-radius:18px;width:90%;margin-left:5%}.tab-content .content-edit-bar .content-edit-icon.active[data-v-17e273f3]{background:#fff;border:1px solid #2b83ff;color:#2b83ff}.tab-content .delete-icon[data-v-17e273f3]{position:absolute;width:100%;height:100%;z-index:1;border-radius:15px;background-color:rgba(0,0,0,.733);background-image:url(/cup-demo/img/delete_icon.5e56dea7.svg);background-position:50%;background-size:30%;background-repeat:no-repeat}[data-v-17e273f3] .van-loading{position:absolute;margin:auto;top:50%;left:50%;z-index:99999}[data-v-17e273f3] .van-tabs__content .tab-content{max-height:calc(41vh - 122px);overflow:auto}.context-body[data-v-66bd9d4d]{padding:10px 20px}.text-input[data-v-66bd9d4d]{box-sizing:border-box;height:50px}.text-input .van-field[data-v-66bd9d4d]{height:100%;font-size:20px}.text-input .add-btn[data-v-66bd9d4d]{height:100%;display:flex;justify-content:center;align-items:center}.text-style[data-v-66bd9d4d]{margin-top:10px;font-size:14px;margin-bottom:10px}.text-style .style-item[data-v-66bd9d4d]{text-align:center;display:flex;align-items:center;justify-content:center}.text-style .style-item.active[data-v-66bd9d4d]{color:#2b83ff}.text-style .style-item.active .style-icon-bold[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-bold-active.b5648423.svg)}.text-style .style-item.active .style-icon-italic[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-italic-active.c4c2fa72.svg)}.text-style .style-item.active .style-icon-vertical[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-vertical-active.c077d483.svg)}.text-style .style-item.active .font-letf-align-s[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-letf-align-s.5017789c.svg)}.text-style .style-item.active .font-center-align-s[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-center-align-s.252474eb.svg)}.text-style .style-item.active .font-right-align-s[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-right-align-s.e3b400b9.svg)}.text-style .style-item.disable[data-v-66bd9d4d]{color:#e0e0e0}.text-style .style-item.disable .style-icon-vertical[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-vertical-disable.6809f752.svg)}.text-style .style-icon[data-v-66bd9d4d]{background-size:90%;background-position:50%;background-repeat:no-repeat;width:20px;height:20px;display:inline-block}.text-style .style-icon.style-icon-bold[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-bold.7fdfee58.svg)}.text-style .style-icon.style-icon-italic[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-italic.6faa38d3.svg)}.text-style .style-icon.style-icon-vertical[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-vertical.375d04f6.svg)}.text-style .style-icon.font-letf-align[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-letf-align.64ea2eb9.svg);width:30px}.text-style .style-icon.font-center-align[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-center-align.da3c8f2b.svg);width:30px}.text-style .style-icon.font-right-align[data-v-66bd9d4d]{background-image:url(/cup-demo/img/font-right-align.a459f53f.svg);width:30px}.fonts-body[data-v-66bd9d4d]{padding:10px 20px 0;margin-top:10px}.fonts-body .fonts-body-item[data-v-66bd9d4d]{margin:1px .5%;width:31%;height:74px;position:relative;box-shadow:0 0 30px 0 rgba(0,0,0,.06);background:#fff;box-sizing:border-box;border:1px solid #eee;border-radius:10px}.fonts-body .fonts-body-item .invalid[data-v-66bd9d4d]{pointer-events:none;opacity:.3}.fonts-body .fonts-body-item.activited[data-v-66bd9d4d]{border-color:#2b83ff}.fontsize-input[data-v-66bd9d4d]{padding:10px 30px 0;margin-top:20px;align-items:center;display:flex}.fontsize-input .control-input[data-v-66bd9d4d]{padding:0 10px}.colors-body[data-v-66bd9d4d]{padding:10px 30px 0}.colors-body .colors-body-item[data-v-66bd9d4d]{width:calc(25% - 8px);height:59px;border-radius:10px;margin:4px;background:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.06)}.colors-body .colors-body-item.white[data-v-66bd9d4d]{border:1px solid #e4e4e4}[data-v-66bd9d4d] .van-tabs__content{height:calc(41vh - 122px);overflow:auto}.templates-content[data-v-2a54108d]{padding:0 20px 10px;box-sizing:border-box}.templates-content .templates-item[data-v-2a54108d]{margin:15px 1.5%;width:47%;height:74px;position:relative;border-radius:6px;box-shadow:6px 6px 7px 1px rgba(0,0,0,.06);font-size:12px;color:#48494b}.templates-content .templates-item.active[data-v-2a54108d]{border:1px solid #2b83ff;line-height:74px;padding:4px}.templates-content .templates-item.active .van-image__img[data-v-2a54108d]{width:90%!important;height:90%!important}.templates-content .templates-item.active .imageName[data-v-2a54108d]{transform:translateY(-50px)}.templates-content .templates-item .imageName[data-v-2a54108d]{text-align:center}.templates-content .templates-item .delete-icon[data-v-2a54108d]{position:absolute;width:100%;height:100%;z-index:1;border-radius:6px;background-color:rgba(0,0,0,.733);background-image:url(/cup-demo/img/delete_icon.5e56dea7.svg);background-position:50%;background-size:30%;background-repeat:no-repeat}.content-edit-bar[data-v-2a54108d]{margin-top:-14px;margin-bottom:-22px;text-align:center;border-radius:16px}.content-edit-bar .content-edit-icon[data-v-2a54108d]{margin:21px;line-height:32px;color:#fff;background:#2b83ff;border-radius:18px;width:90%;margin-left:5%}.content-edit-bar .content-edit-icon.active[data-v-2a54108d]{background:#fff;border:1px solid #2b83ff;color:#2b83ff}[data-v-2a54108d] .van-loading{position:absolute;margin:auto;top:50%;left:50%;transform:translate(-50%,96%);z-index:99999;width:100%}.tab-cotain[data-v-2a54108d]{max-height:calc(41vh - 122px);overflow:auto}.box[data-v-56c09d37]{display:flex;flex-direction:column}.img-box[data-v-56c09d37]{width:250px;height:250px;padding:20px 0 0;margin:0 auto}.img-box img[data-v-56c09d37]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}[data-v-56c09d37] .van-empty{padding:0}[data-v-56c09d37] .van-empty__image{width:70px;height:70px}[data-v-56c09d37] .van-empty__description{margin-top:0;padding:0;line-height:20px}[data-v-56c09d37] .van-button--small{border-radius:16px}.tab-content[data-v-77e1405c]{padding:10px 20px 0;margin-top:10px}.tab-content .hot-item[data-v-77e1405c]{margin:10px 1.5%;width:100%;text-align:center;position:relative;display:flex;flex-wrap:wrap}.tab-content .hot-item .item-text[data-v-77e1405c]{font-size:12px;text-align:center;width:100%;overflow:hidden}[data-v-77e1405c] .van-tabs__content{height:calc(41vh - 122px);overflow:auto}.catalogue-list[data-v-7825866b]{width:100%;margin-top:60px}.catalogue-list .catalogue-title[data-v-7825866b]{font-weight:700;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.171);margin-bottom:20px;text-align:center;font-size:20px}.catalogue-list .catalogue-item[data-v-7825866b]{height:36px;border-radius:18px;line-height:36px;text-align:center;margin:6px 0}.catalogue-list .catalogue-item.invalid[data-v-7825866b]{pointer-events:none;opacity:.3}.catalogue-list .catalogue-item span[data-v-7825866b]{margin-right:10px;color:rgba(0,0,0,.2)}.message-loading[data-v-52a9f6e3]{width:200px;height:200px;margin-left:50%;margin-top:50%;transform:translateX(-50%);background:#fff;border-radius:16px}.message-loading .van-loading[data-v-52a9f6e3]{margin-top:50%;transform:translateY(-50%)}.replace-image-panel[data-v-770f2822]{width:100%;height:100%;padding:5%;background:hsla(0,0%,100%,.761);position:absolute;top:0;z-index:1}.replace-image-panel .panel-content[data-v-770f2822]{box-shadow:0 0 30px 0 rgba(0,0,0,.1);border-radius:25px;width:100%;height:calc(100% - 50px);background:#fff;padding:20px}.replace-image-panel .panel-content .image-item[data-v-770f2822]{margin:0 1.5%;width:calc(33.33% - 8px);margin:15px 4px;height:74px;position:relative;border-radius:15px;box-shadow:0 0 30px 3px rgba(0,0,0,.06);font-size:12px;color:#48494b}.replace-image-panel .panel-content .image-item.upload-image[data-v-770f2822]{border-radius:15px;background-image:url(/cup-demo/img/add_icon.dc816100.svg);background-position:50%;background-size:30%;background-repeat:no-repeat;box-shadow:0 0 30px 0 rgba(0,0,0,.06)}.replace-image-panel .panel-content .image-item .imageName[data-v-770f2822]{text-align:center}.replace-image-panel .panel-content .fileInput[data-v-770f2822]{display:none}.replace-image-panel .panel-content .content-edit-bar[data-v-770f2822]{margin-top:80px;margin-bottom:0;text-align:center;border-radius:16px}.replace-image-panel .panel-content .content-edit-bar .content-edit-icon[data-v-770f2822]{margin:21px;line-height:32px;color:#fff;background:#2b83ff;border-radius:18px;width:90%;margin-left:5%}.replace-image-panel .panel-content .content-edit-bar .content-edit-icon.active[data-v-770f2822]{background:#fff;border:1px solid #2b83ff;color:#2b83ff}.replace-image-panel .panel-content .delete-icon[data-v-770f2822]{position:absolute;width:100%;height:100%;z-index:1;border-radius:15px;background-color:rgba(0,0,0,.733);background-image:url(/cup-demo/img/delete_icon.5e56dea7.svg);background-position:50%;background-size:30%;background-repeat:no-repeat}.close-btn[data-v-770f2822]{margin-left:50%;margin-top:10px;transform:translateX(-50%)}.img-wrap[data-v-770f2822]{height:64vh;overflow:auto}.panel-head[data-v-770f2822]{width:100%;border-bottom:1px solid #f5f5f5;line-height:48px;text-align:center;height:48px}[data-v-770f2822] .van-loading{position:absolute;margin:auto;top:50%;left:50%;z-index:99999}[data-v-770f2822] .van-tabs__content{max-height:calc(41vh - 122px);overflow:auto}.model-list[data-v-688b31b2]{padding:20px 40px 10px}.model-list .model-label[data-v-688b31b2]{cursor:pointer}.model-list .model-label.invalid[data-v-688b31b2]{pointer-events:none}.model-list .model-label.invalid p[data-v-688b31b2]{background-color:#1989fa;color:#fff;border:1px}.model-list .model-label p[data-v-688b31b2]{border:1px solid #1989fa;color:#1989fa;background:none;line-height:36px;text-align:center;border-radius:18px;margin:10px}.edit-style-page[data-v-230b3418]{width:100%;height:100%}.edit-style-page .three-el[data-v-230b3418]{width:100%;height:57%;padding:10px}.edit-tools[data-v-230b3418]{width:96%;height:41vh;margin-left:2%;box-shadow:0 0 30px 0 rgba(0,0,0,.06);border-radius:25px;overflow:hidden;position:absolute;bottom:2vh;background:#fff;z-index:1}.edit-tools.transitionAnimation[data-v-230b3418]{transition:height .3s;-moz-transition:height .3s;-webkit-transition:height .3s;-o-transition:height .3s}.edit-tools.expand[data-v-230b3418]{height:80vh}.edit-tools.collapse[data-v-230b3418]{height:5vh}.edit-tools .pull-down-hide[data-v-230b3418]{height:30px;display:flex;align-items:center;justify-content:center}.edit-tools .pull-down-hide .down-hide-icon[data-v-230b3418]{width:50px;height:14px;border-radius:476px;background:#e5e5e5}.tools-body[data-v-230b3418]{height:calc(100% - 78px);overflow:auto}.three-container[data-v-0ada1cac],.three-container[data-v-a30bb64c]{width:100%;height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}