.toolbar-item[data-v-a7d44d2e]{margin-top:5px;cursor:pointer;text-align:center;padding:0 8px;font-size:12px;font-weight:400}.svg-icon[data-v-a7d44d2e]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;font-size:16px}.toolbar-item-text[data-v-a7d44d2e]{font-weight:400;color:#37474f}.box[data-v-a7d44d2e]{width:240px}.header[data-v-a7d44d2e]{width:100%;border-bottom:1px solid rgba(0,0,0,.06);color:rgba(0,0,0,.85);padding:0 15px;padding-bottom:10px}.body[data-v-a7d44d2e]{padding:20px 0 0 0;max-height:calc(100vh - 100px);overflow-y:auto}.printarea[data-v-a7d44d2e]{width:220px;height:107px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU0QUM0Mzg5RTkyMjExRTc4NzM0RThFNzRBRUIwMEUxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU0QUM0MzhBRTkyMjExRTc4NzM0RThFNzRBRUIwMEUxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTRBQzQzODdFOTIyMTFFNzg3MzRFOEU3NEFFQjAwRTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTRBQzQzODhFOTIyMTFFNzg3MzRFOEU3NEFFQjAwRTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7c1jMBAAAAMUlEQVR42mI8c+bMTQY8wNjYGJ80AxMDhWDUgMFgAOP////xpoOzZ8+OBuLwNwAgwAAOagoyuSrUlwAAAABJRU5ErkJggg==) repeat 0 0;display:flex;justify-content:center;align-items:center}.printarea .outline[data-v-a7d44d2e]{width:160px;height:80px;border:2px solid #e61612;display:flex;justify-content:center;align-items:center}.printarea .inline[data-v-a7d44d2e]{width:120px;height:50px;border:2px solid #000;position:relative}.printarea .h-line[data-v-a7d44d2e]{width:80px;height:1px}.printarea .h-line[data-v-a7d44d2e],.printarea .v-line[data-v-a7d44d2e]{border:1px dashed #9efd9d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.printarea .v-line[data-v-a7d44d2e]{width:1px;height:30px}.body .desc-box[data-v-a7d44d2e]{border-top:1px solid rgba(0,0,0,.06);padding:15px 0}.body .tit[data-v-a7d44d2e]{display:flex;align-items:center;line-height:22px;color:#37474f}.body .desc[data-v-a7d44d2e]{font-size:12px;color:rgba(0,0,0,.45);line-height:20px}.body .line[data-v-a7d44d2e]{display:inline-block;width:24px;height:0}.body .line1[data-v-a7d44d2e]{border:2px solid #e61612}.body .line2[data-v-a7d44d2e]{border:2px solid #000}.body .line3[data-v-a7d44d2e]{border:2px dashed #9efd9d}.toolbar-item[data-v-2706ec7e]{margin-top:5px;cursor:pointer;text-align:center;padding:0 8px;font-size:12px;font-weight:400}.toolbar-item-text[data-v-2706ec7e]{font-weight:400;color:#37474f}.box[data-v-2706ec7e]{width:260px}.header[data-v-2706ec7e]{width:100%;border-bottom:1px solid rgba(0,0,0,.06);color:rgba(0,0,0,.85);padding:0 15px;padding-bottom:10px;font-weight:700;font-size:14px}.panel-cont[data-v-2706ec7e]{padding:15px 15px;max-height:calc(100vh - 150px);overflow-y:auto}.panel-item[data-v-2706ec7e]{margin-bottom:12px;font-size:12px;color:#333}.panel-item[data-v-2706ec7e]:last-child{margin-bottom:0}.panel-item>div[data-v-2706ec7e]{display:flex;justify-content:space-between;align-items:center}.name[data-v-2706ec7e]{color:#666}.keycode[data-v-2706ec7e]{display:flex;align-items:center}.key[data-v-2706ec7e]{display:inline-block;padding:2px 6px;border:1px solid #ddd;border-radius:4px;background:#f5f5f5;font-family:monospace;margin:0 2px;box-shadow:0 1px 2px rgba(0,0,0,.05);min-width:20px;text-align:center;font-size:11px}.combine[data-v-2706ec7e]{margin:0 4px;color:#999}.svg-icon[data-v-16bb6af6],.svg-icon[data-v-2706ec7e]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;font-size:16px}.zwdesign-header[data-v-16bb6af6]{flex:none;height:55px;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid rgba(31,93,145,.1);background:#fff}.zwdesign-header .zwdesign-header--left[data-v-16bb6af6]{flex:none;width:385px;display:flex;padding:0 15px}.zwdesign-header .zwdesign-header--left .logo[data-v-16bb6af6]{height:40px;line-height:40px;font-size:18px;font-weight:700}.zwdesign-header .zwdesign-header--center[data-v-16bb6af6]{display:flex;height:100%;min-width:450px;flex:1;padding:6px 0}.zwdesign-header .zwdesign-header--center .left-toolbar[data-v-16bb6af6]{flex:1 0 auto;display:flex}.zwdesign-header .zwdesign-header--center .right-toolbar[data-v-16bb6af6]{flex:none;display:flex}.zwdesign-header .zwdesign-header--center .toolbar-item .icon[data-v-16bb6af6]{font-size:16px}.toolbar-item[data-v-16bb6af6]{margin-top:5px;cursor:pointer;text-align:center;padding:0 8px;font-size:12px;font-weight:400}.toolbar-item.hui .toolbar-item-text[data-v-16bb6af6],.toolbar-item.hui[data-v-16bb6af6]{color:#999}.toolbar-item.cur .toolbar-item-text[data-v-16bb6af6],.toolbar-item.cur[data-v-16bb6af6]{color:#222}.toolbar-item-text[data-v-16bb6af6]{font-weight:400;color:#37474f}.toolbar-item.active .toolbar-item-text[data-v-16bb6af6],.toolbar-item.active[data-v-16bb6af6]{color:#3d47bf}.line[data-v-16bb6af6]{background-color:#ddd!important;width:1px;height:100%;margin-right:10px;margin-left:10px}.zwdesign-header--right[data-v-16bb6af6]{flex:none;min-width:320px;display:flex;align-items:center;justify-content:flex-end;padding:0 15px}.pagination-box[data-v-63d39a0e]{text-align:center;padding:10px 0;background:#fff}.gallery-box[data-v-63d39a0e]{display:flex;flex-direction:column;height:100%;width:100%}.gallery-grid-container[data-v-63d39a0e]{flex:1;overflow:hidden;position:relative;padding-bottom:44px;display:flex;flex-direction:column}.gallery-list[data-v-63d39a0e]{display:flex;flex-wrap:wrap;padding:10px 0 10px 20px}.gallery-box .gallery-item[data-v-63d39a0e]{width:88px;height:88px;border-radius:4px;margin-right:8px;margin-bottom:8px;cursor:pointer;position:relative}.imgbox[data-v-63d39a0e]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.06);background-position:50%;background-size:cover}.initial-badge[data-v-63d39a0e]{width:48px;height:48px;border-radius:50%;background:#eee;display:flex;align-items:center;justify-content:center;font-weight:600;color:#666;font-size:18px}.name-mask[data-v-63d39a0e]{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;font-size:12px;color:#fff;background:rgba(0,0,0,.35);text-align:center;line-height:1.2}.gallery-box .gallery-item .el-image[data-v-63d39a0e]{width:100%;height:100%}.empty-box[data-v-63d39a0e]{text-align:center;font-size:14px;padding-top:100px}.pagination[data-v-63d39a0e]{width:100%;height:44px;position:absolute;left:0;right:0;bottom:0;background:#fff;display:flex;justify-content:center;align-items:center}.scroll-bar[data-v-63d39a0e]{bottom:44px}.search-box[data-v-63d39a0e]{padding:10px 20px 0 20px}.gallery-box[data-v-860b001c]{width:100%;height:100%;display:flex;flex-direction:column}.search-box[data-v-860b001c]{padding:10px 20px 0 20px}.gallery-grid-container[data-v-860b001c]{flex:1;overflow:hidden;position:relative;padding-bottom:44px;display:flex;flex-direction:column}.gallery-list[data-v-860b001c]{display:flex;flex-wrap:wrap;padding:10px 0 10px 20px}.gallery-box .gallery-item[data-v-860b001c]{width:88px;height:88px;border-radius:4px;margin-right:8px;margin-bottom:8px;cursor:pointer;position:relative}.imgbox[data-v-860b001c]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.06);background-position:50%;background-size:cover}.initial-badge[data-v-860b001c]{width:48px;height:48px;border-radius:50%;background:#eee;display:flex;align-items:center;justify-content:center;font-weight:600;color:#666;font-size:18px}.name-mask[data-v-860b001c]{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;font-size:12px;color:#fff;background:rgba(0,0,0,.35);text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-badge[data-v-860b001c]{position:absolute;top:0;left:0;padding:2px 4px;background:rgba(0,0,0,.5);color:#fff;font-size:10px;line-height:1;border-bottom-right-radius:4px;pointer-events:none}.gallery-box .gallery-item .el-image[data-v-860b001c]{width:100%;height:100%}.empty-box[data-v-860b001c]{text-align:center;font-size:14px;padding-top:100px}.pagination-box[data-v-860b001c]{text-align:center;padding:10px 0;background:#fff}.scroll-bar[data-v-860b001c]{bottom:44px}.scroll-bar[data-v-860b001c] .el-scrollbar__wrap{overflow-x:hidden}.gallery-box[data-v-7438814e]{display:flex;flex-direction:column;height:100%;width:100%}.gallery-grid-container[data-v-7438814e]{flex:1;overflow:hidden;position:relative;padding-bottom:44px;display:flex;flex-direction:column}.gallery-list[data-v-7438814e]{display:flex;flex-wrap:wrap;padding:10px 0 10px 20px}.gallery-box .gallery-item[data-v-7438814e]{width:88px;height:88px;border-radius:4px;margin-right:8px;margin-bottom:8px;cursor:pointer;position:relative}.imgbox[data-v-7438814e]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.06);background-position:50%;background-size:cover}.gallery-box .gallery-item .el-image[data-v-7438814e]{width:100%;height:100%}.empty-box[data-v-7438814e]{text-align:center;font-size:14px;padding-top:100px}.pagination[data-v-7438814e]{width:100%;height:44px;position:absolute;left:0;right:0;bottom:0;background:#fff;display:flex;justify-content:center;align-items:center}.scroll-bar[data-v-7438814e]{bottom:44px}.imgList-box[data-v-54650f5c]{width:100%;height:100%;display:flex;flex-direction:column}.imgList-box .upload[data-v-54650f5c]{padding:20px;position:relative}.imgList-box .upload .btn[data-v-54650f5c]{width:100%}.imgList-box .upload .file[data-v-54650f5c]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.remark-box[data-v-54650f5c]{margin-top:30px;font-size:12px;padding:0 20px}.remark-box>div[data-v-54650f5c]{margin-bottom:6px;line-height:1.6;color:#999}.gallery-grid-container[data-v-54650f5c]{flex:1;overflow:hidden;position:relative;padding-bottom:44px;display:flex;flex-direction:column}.gallery-list[data-v-54650f5c]{display:flex;flex-wrap:wrap;padding:10px 0 10px 20px}.imgbox[data-v-54650f5c]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.06);background-position:50%;background-size:cover}.gallery-item[data-v-54650f5c]{width:88px;height:88px;border-radius:4px;margin-right:8px;margin-bottom:8px;cursor:pointer;position:relative;overflow:hidden}.gallery-item .el-image[data-v-54650f5c]{width:100%;height:100%}.empty-box[data-v-54650f5c]{text-align:center;font-size:14px;padding-top:100px}.pagination[data-v-54650f5c]{width:100%;height:44px;position:absolute;left:0;right:0;bottom:0;background:#fff;display:flex;justify-content:center;align-items:center}.scroll-bar[data-v-54650f5c]{bottom:44px}.svg-icon[data-v-f3c26758]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;font-size:16px}li[data-v-f3c26758],ul[data-v-f3c26758]{padding-left:0;list-style:none}.layer_close[data-v-f3c26758]{font-size:24px;padding:0 10px;cursor:pointer}.layer_body[data-v-f3c26758]{height:220px}.tit[data-v-f3c26758]{line-height:32px;background:rgba(0,0,0,.04);display:flex;justify-content:space-between;padding-left:10px}.layer-box[data-v-f3c26758]{font-size:14px;height:calc(100% - 32px);overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.layer-list[data-v-f3c26758]{width:100%}.layer-list .layer[data-v-f3c26758]{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f2f2f2;padding:.36em .71em .36em .36em}.layer-list .layer.cur[data-v-f3c26758],.layer-list .layer[data-v-f3c26758]:hover{background-color:#fafafa}.layer-list .layer.cur[data-v-f3c26758]{color:#3d47bf}.layer__right__left[data-v-f3c26758]{display:flex;align-items:center}.layer__right__left .canvas_img[data-v-f3c26758]{width:32px;height:32px;border:1px solid #eee;border-radius:5px}.layer__right__icon[data-v-f3c26758]{width:40px;flex-shrink:0;text-align:center;margin-right:10px}.layer-tools[data-v-f3c26758]{display:flex;align-items:center;list-style:none}.layer-tools>li[data-v-f3c26758]{list-style:none;padding:0 10px}.svg-icon[data-v-11654df8]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.add-text-btn[data-v-11654df8]{width:280px;height:40px;background:#f0f5ff;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer}.text_box[data-v-11654df8]{width:100%;padding:20px}.scene_box[data-v-98933686]{display:flex;flex-direction:column;height:100%;width:100%;padding:20px}.scene_box .tab[data-v-98933686]{width:100%}.gallery-grid-container[data-v-98933686]{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.gallery-list[data-v-98933686]{display:flex;flex-wrap:wrap}.gallery-item[data-v-98933686]{width:60px;height:60px;border-radius:4px;margin-right:8px;margin-bottom:8px;cursor:pointer;position:relative}.imgbox[data-v-98933686]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.06);background-position:50%;background-size:cover}.gallery-box .gallery-item .el-image[data-v-98933686]{width:100%;height:100%}.empty-box[data-v-98933686]{text-align:center;font-size:14px;padding-top:100px}.pagination[data-v-98933686]{width:100%;height:44px;position:absolute;left:0;right:0;bottom:0;background:#fff;display:flex;justify-content:center;align-items:center}p[data-v-f8037848]{margin:0}li[data-v-f8037848],ul[data-v-f8037848]{list-style:none;margin:0;padding:0}.sidebar[data-v-f8037848]{position:relative;height:100%}.sidebar .switch[data-v-f8037848]{position:absolute;display:flex;align-items:center;top:calc(50% - 50px);right:-18px;z-index:99;cursor:pointer;width:18px;height:50px;background:#fff;border-radius:0 3px 3px 0;text-align:center}.sidebar-main[data-v-f8037848]{display:flex;height:100%}.toolbar[data-v-f8037848]{width:65px;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding-top:9px;background-color:#f0f2f5;z-index:1}.sidebar-cont[data-v-f8037848]{width:320px;height:100%;overflow:hidden;background:#fff;transition:all .3s;opacity:1;display:flex;flex-direction:column}.sidebar-cont.hidden[data-v-f8037848]{width:0;opacity:0;transition:all .3s}.tool-item[data-v-f8037848]{height:62px;display:flex;flex-direction:column;justify-content:center;line-height:28px;cursor:pointer}.tool-item>a[data-v-f8037848]{color:#444;text-decoration:none}.tool-item:not(.zw-disabled).active[data-v-f8037848]{color:#3d47bf!important;background-color:#fff!important}.tool-item .icon[data-v-f8037848]{font-size:18px}.tool-item p[data-v-f8037848]{margin-top:3px}.sidebar .sidebar-cont .cont-top[data-v-f8037848]{flex:1;overflow-y:hidden;display:flex}.product-box[data-v-f8037848]{height:100%;display:flex;flex-direction:column}.overallDesign[data-v-69225f01]{width:60px;height:32px;line-height:32px;background-color:#fff;border:1px solid #fff;border-radius:20px;text-align:center;color:#4934b2;cursor:pointer;margin-bottom:10px;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.overallDesign.active[data-v-69225f01]{border-color:#4934b2;font-weight:700}.faceWindow_wrap[data-v-69225f01]{position:absolute;left:20px;top:20px;z-index:10}.faceWindow[data-v-69225f01]{padding:0 5px 0 6px;background:#e0e4ee;border-radius:6px;z-index:99;max-height:500px;width:60px;position:relative}.view-img-item[data-v-69225f01]{position:relative;box-sizing:initial;border-radius:3px;padding:5px;box-sizing:border-box}.view-img-item .img[data-v-69225f01]{width:60px;height:60px;background:#fff;padding:5px;border-radius:5px}.view-img-item .title[data-v-69225f01]{font-size:12px;width:100%;white-space:nowrap;text-overflow:ellipsis;text-align:center;margin-top:5px;overflow:hidden;color:#666}.view-img-item.active .img[data-v-69225f01]{border:1px solid #4934b2}.view-img-item.active .title[data-v-69225f01]{color:#4934b2}.view-img-item .el-image[data-v-69225f01]{width:100%;height:100%}.new_width[data-v-69225f01]{width:60px;height:60px}.scroll-bar[data-v-69225f01]{height:100%}.svg-icon[data-v-29db2048]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;font-size:16px}.designer-footer[data-v-29db2048]{display:flex;align-items:flex-end;justify-content:space-between;padding:20px 20px 20px;z-index:10;position:relative}.designer-footer[data-v-29db2048]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);-moz-backdrop-filter:blur(5px);-ms-backdrop-filter:blur(5px);-o-backdrop-filter:blur(5px);z-index:-1}.designer-footer .designer-footer-left[data-v-29db2048]{padding:4px 10px;border-radius:5px;box-shadow:1px 1px 12px #ccc;background:#fff}.designer .designer-footer .designer-footer-center[data-v-29db2048]{text-align:center}.designer-footer .designer-footer-center p[data-v-29db2048]{font-size:14px;line-height:20px;color:rgba(0,0,0,.65)}.designer .designer-footer .designer-footer-center span[data-v-29db2048]{font-size:12px;color:#3d47bf}.designer-footer .designer-footer-right[data-v-29db2048]{display:flex;justify-content:flex-start;align-items:center;padding:4px 8px;border-radius:5px;box-shadow:1px 1px 12px #ccc;background:#fff}.designer-footer .designer-footer-right .maximize[data-v-29db2048]{margin-right:14px;position:relative}.designer-footer-right .maximize[data-v-29db2048]:before{content:"";position:absolute;top:0;left:20px;height:16px;width:1px;background:rgba(0,0,0,.15)}.designer .designer-footer .designer-footer-left p[data-v-29db2048]{color:#52c41a;font-size:12px;line-height:18px;margin:0;padding:0}.designer-footer .designer-footer-left span[data-v-29db2048]{color:rgba(0,0,0,.45);font-size:12px;line-height:16px}.designer-footer-right .icon[data-v-29db2048]{font-size:14px;position:relative;cursor:pointer}.designer-footer-right .slider[data-v-29db2048]{width:55px;margin:0 8px}.designer-footer-right .slider[data-v-29db2048] .el-slider__bar{background-color:#4934b2}.designer-footer-right .slider[data-v-29db2048] .el-slider__button{border-color:#4934b2}.remind-tips[data-v-29db2048]{color:#fadb14!important}.warning-tips[data-v-29db2048]{color:#faad14!important}.error-tips[data-v-29db2048]{color:#ff4d4f!important}.start_ani[data-v-66ccea4c]{position:absolute;z-index:3;width:100%;height:100%;background:#f0f2f5}.start_ani_body[data-v-66ccea4c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;max-width:80%;max-height:80%;height:1;z-index:3;box-shadow:0 0 15px rgba(0,0,0,.2);background:#fff;overflow:hidden}.start_ani_body .start_ani_img[data-v-66ccea4c]{max-width:100%;max-height:100%;display:inline}.touch_animation[data-v-66ccea4c]{width:120px;height:120px;display:inline-block;position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}.touch_animation .circle_a[data-v-66ccea4c],.touch_animation .circle_b[data-v-66ccea4c]{display:inline-block;width:0;height:0%;background:#3d47bf;border-radius:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.touch_animation .circle_a[data-v-66ccea4c]{animation:circle_animat-data-v-713d059c-66ccea4c 1.5s infinite both}.touch_animation .circle_b[data-v-66ccea4c]{animation:circle_animat-data-v-713d059c-66ccea4c 1.5s .4s infinite both}.touch_animation .mouse_tip[data-v-66ccea4c]{position:absolute;width:100%;height:100%;top:0;left:0}.touch_animation .mouse_tip>svg[data-v-66ccea4c]{width:20%;position:absolute;top:22%;bottom:0;left:12%;right:0;margin:auto;animation:mouse_animat-data-v-713d059c-66ccea4c 1.5s infinite both}.touch_animation .mouse_tip .tip>svg[data-v-66ccea4c]{width:50%;position:absolute;top:35%;bottom:0;left:0;right:-85%;margin:auto}@keyframes circle_animat-data-v-713d059c-66ccea4c{0%{width:0;height:0;opacity:1}to{width:100%;height:100%;opacity:0}}@keyframes mouse_animat-data-v-713d059c-66ccea4c{40%{transform:rotateX(30deg) scale(.9)}70%{transform:rotateX(30deg) scale(.9)}to{transform:rotateX(0) scale(1)}}.designer[data-v-8b39ce84]{min-width:452px;height:100%;overflow:hidden;display:flex;justify-content:center;flex-direction:column;position:relative;background:#f0f2f5}.canvasBox[data-v-8b39ce84]{width:100%;height:100%;float:left;margin-left:-1px;margin-top:-1px;position:relative}.canvasBox.shanshuo[data-v-8b39ce84]{z-index:1;position:relative;z-index:9}.face_canvas_wrap[data-v-8b39ce84]{width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU0QUM0Mzg5RTkyMjExRTc4NzM0RThFNzRBRUIwMEUxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU0QUM0MzhBRTkyMjExRTc4NzM0RThFNzRBRUIwMEUxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTRBQzQzODdFOTIyMTFFNzg3MzRFOEU3NEFFQjAwRTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTRBQzQzODhFOTIyMTFFNzg3MzRFOEU3NEFFQjAwRTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7c1jMBAAAAMUlEQVR42mI8c+bMTQY8wNjYGJ80AxMDhWDUgMFgAOP////xpoOzZ8+OBuLwNwAgwAAOagoyuSrUlwAAAABJRU5ErkJggg==);overflow:hidden}.grid_canvas[data-v-8b39ce84]{width:100%;position:absolute;pointer-events:none;height:100%;background:-webkit-linear-gradient(top,transparent 59px,#b2b2b2 60px),-webkit-linear-gradient(left,transparent 59px,#b2b2b2 60px);background-size:60px 60px;top:0;left:0}.face_canvas[data-v-8b39ce84]{width:100%;height:100%}.bookList[data-v-8b39ce84]{position:absolute;top:0;left:0;bottom:0;right:0}.face_canvas .canvas-container[data-v-8b39ce84]{width:100%;height:100%}.designer-container[data-v-8b39ce84]{height:calc(100% - 54px)}.bookList_body[data-v-8b39ce84]{width:100%;height:100%;position:relative;top:0;left:0}.svg-icon[data-v-48c039b1]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.product-detail-box[data-v-48c039b1]{font-size:14px;position:relative}.row-name[data-v-48c039b1]{line-height:24px;color:rgba(0,0,0,.85);padding:0 20px 13px 20px}.row-name>.container[data-v-48c039b1]{display:flex;justify-content:space-between}.row-name .name-box[data-v-48c039b1]{display:flex;flex-direction:column}.row-name .code[data-v-48c039b1]{color:rgba(0,0,0,.45);font-size:14px;white-space:nowrap;display:flex}.row-name .name[data-v-48c039b1]{width:100%;font-size:16px;font-weight:500;color:#000;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-info[data-v-48c039b1]{line-height:22px;border-bottom:1px solid #f0f5ff}.pointer[data-v-48c039b1]{cursor:pointer}.color-primary[data-v-48c039b1]{color:#3d47bf!important}.row-info a[data-v-48c039b1]{display:inline-block;padding:10px 0}.product-detail-box>.details[data-v-48c039b1]{flex:1;padding:0 20px;border-top:1px solid #f0f5ff}.row-process[data-v-48c039b1]{display:flex;justify-content:space-between;line-height:32px;border-bottom:1px solid #f0f5ff;padding:10px 0}.row-process label[data-v-48c039b1]{color:#000}.row-process .body[data-v-48c039b1]{color:#666}.row-color[data-v-48c039b1]{padding:10px 0;border-bottom:1px solid #f0f5ff}.row-color .title[data-v-48c039b1]{display:flex;justify-content:space-between;color:#000;line-height:22px}.row-color .color-list[data-v-48c039b1]{display:flex;flex-wrap:wrap;margin-top:10px}.row-color .color-block[data-v-48c039b1]{width:24px;height:24px;border-radius:2px;margin-right:10px;margin-bottom:10px;border:1px solid rgba(0,0,0,.15);cursor:pointer;box-sizing:border-box;padding:2px;background-clip:content-box}.row-color .color-block[data-v-48c039b1]:hover{border-color:rgba(0,0,0,.45)}.row-color .color-block.active[data-v-48c039b1]{border:2px solid #3d47bf!important}.row-size[data-v-48c039b1]{padding:10px 0;border-bottom:1px solid #f0f5ff}.row-size .title[data-v-48c039b1]{display:flex;justify-content:space-between;color:#000;line-height:22px}.row-size .size-list[data-v-48c039b1]{display:flex;flex-wrap:wrap;overflow:hidden;max-height:none;transition:max-height .1s}.row-size .size-item[data-v-48c039b1]{display:inline-block;height:32px;line-height:30px;padding:0 10px;border-radius:4px;border:1px solid rgba(0,0,0,.15);margin-right:10px;margin-top:10px;box-sizing:border-box;cursor:pointer;text-transform:Uppercase}.row-size .size-item[data-v-48c039b1]:hover{border:1px solid rgba(0,0,0,.45)}.row-size .size-item.active[data-v-48c039b1]{border:2px solid #3d47bf!important;color:#3d47bf!important}.three-wrap[data-v-4b684410]{position:absolute;top:0;left:0;width:100%;height:100%}.canvas_el[data-v-07ae429a]{position:fixed;bottom:0;left:0;z-index:999;background:#fff;width:500px}.canvas_el>canvas[data-v-07ae429a]{width:100%}.large-loading[data-v-07ae429a]{font-size:40px;background:hsla(0,0%,100%,.8)}.xiaoguotu[data-v-07ae429a]{width:100%;box-shadow:0 4px 8px 0 rgba(0,0,0,.06);z-index:90;padding:5px;min-height:410px;position:relative}.effectImgBox[data-v-07ae429a]{padding:2px;position:relative;margin-bottom:10px;min-height:410px}.render_div[data-v-07ae429a]{position:relative;width:100%;height:100%}.render_div .img[data-v-07ae429a]{position:absolute;top:0;left:0;width:100%;height:100%}.render_div .img.z2[data-v-07ae429a]{z-index:2}.preview-wrapper[data-v-07ae429a]{position:relative;width:100%}.effectPreviewBtn[data-v-07ae429a]{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.6);opacity:.6;color:#fff;padding:2px 6px;display:flex;align-items:center;gap:4px;cursor:pointer;z-index:10}.real-time-switch[data-v-07ae429a]{position:absolute;top:10px;left:10px;z-index:10}.switch-wrapper[data-v-07ae429a]{display:flex;align-items:center;gap:6px;cursor:pointer}.switch-text[data-v-07ae429a]{font-size:12px;color:#666;text-shadow:0 0 2px hsla(0,0%,100%,.8);font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch-container[data-v-07ae429a]{width:40px;height:20px;background:#ccc;border-radius:10px;position:relative;cursor:pointer;transition:all .3s}.switch-container.active[data-v-07ae429a]{background:#4934b2}.switch-circle[data-v-07ae429a]{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s;box-shadow:0 1px 3px rgba(0,0,0,.3)}.switch-container.active .switch-circle[data-v-07ae429a]{left:22px}.xiaoguotu_preview[data-v-07ae429a]{display:flex}.xiaoguotu_preview_left[data-v-07ae429a]{width:100%;position:relative}.preview-left-wrapper[data-v-07ae429a]{position:relative}.xiaoguotu_preview_left .el-carousel__container[data-v-07ae429a]{width:100%;height:100%}.color-switch-container[data-v-07ae429a]{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:999;display:flex;gap:8px;background:hsla(0,0%,100%,.8);padding:6px 10px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.color-switch-item[data-v-07ae429a]{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.color-switch-item.active[data-v-07ae429a]{border-color:#4934b2;transform:scale(1.1)}.color-switch-item .color-circle[data-v-07ae429a]{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.fangda_icon[data-v-07ae429a]{position:absolute;z-index:999;top:20px;left:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.xgt_l_item[data-v-07ae429a]{width:100%;height:100%}.fangda_icon>i[data-v-07ae429a]{font-size:26px;color:#444}.xgt_img_single[data-v-07ae429a]{width:100%;height:100%}.xiaoguotu_right[data-v-07ae429a]{position:relative;width:140px;margin-left:20px;flex-shrink:0}.xiaoguotu_r_item[data-v-07ae429a]{width:125px;position:relative;height:125px;border-radius:8px;overflow:hidden;margin-bottom:10px}.xiaoguotu_r_item.cur[data-v-07ae429a]{border:2px solid #4934b2}.xiaoguotu_r_item .title[data-v-07ae429a]{position:absolute;bottom:0;z-index:99;background:transparent;color:#4934b2;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap;height:24px;line-height:24px;font-size:12px;overflow:hidden;opacity:0;transition:all .3s}.xiaoguotu_r_item:hover .title[data-v-07ae429a]{opacity:1;background:rgba(0,0,0,.3);color:#fff}.xiaoguotu_r_item.cur .title[data-v-07ae429a]{opacity:1;background:#4934b2;color:#fff}.xuanzhuan[data-v-07ae429a]{width:100%;height:100%}.xgt_tc .el-dialog__body[data-v-07ae429a]{padding-top:10px}.leftBtn[data-v-07ae429a]{left:1px}.leftBtn[data-v-07ae429a],.rightBtn[data-v-07ae429a]{transition:all .3s ease-in-out;cursor:pointer;position:absolute;width:20px;height:20px;top:50%;z-index:10;margin-top:-15px;background-color:rgba(0,0,0,.3);border-radius:1000px;padding:5px;display:flex;justify-content:center;align-items:center;color:#fff}.rightBtn[data-v-07ae429a]{right:1px}.paginationIndicator[data-v-07ae429a]{position:absolute;left:50%;transform:translateX(-50%);background:rgba(154,151,151,.6);color:#fff;padding:2px 12px;border-radius:12px;font-size:10px;z-index:10;bottom:4px}.three_list[data-v-07ae429a]{position:relative;width:100%;height:100%}.three_item[data-v-07ae429a]{margin-bottom:8px;word-break:break-all}.modelLayersContainer[data-v-07ae429a]{position:relative;width:100%;height:380px}.baseImage[data-v-07ae429a]{position:absolute;top:0;left:0;width:100%;height:100%}.modelContainer[data-v-07ae429a]{position:absolute;top:0;left:0;right:0;bottom:0}.effectCarousel[data-v-07ae429a]{position:relative;width:100%;height:410px;background:#fff}.effectImgBox[data-v-07ae429a] .el-carousel__indicator{padding:6px 4px}.effectImgBox[data-v-07ae429a] .el-carousel__button{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.25)}.effectImgBox[data-v-07ae429a] .el-carousel__indicator.is-active .el-carousel__button{background:#4934b2}.xiaoguotu_preview_left[data-v-07ae429a] .el-carousel__indicator{padding:8px 6px}.xiaoguotu_preview_left[data-v-07ae429a] .el-carousel__button{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.25)}.xiaoguotu_preview_left[data-v-07ae429a] .el-carousel__indicator.is-active .el-carousel__button{background:#4934b2}.thumbnail-list-container[data-v-07ae429a]{width:100%;margin-top:6px;padding-bottom:4px}.thumbnail-list[data-v-07ae429a]{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;padding:0 2px}.thumbnail-item[data-v-07ae429a]{width:calc(25% - 5px);padding-bottom:calc(25% - 5px);height:0;flex-shrink:0;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;background:#f5f5f5;position:relative}.thumb-loading[data-v-07ae429a],.thumbnail-item .el-image[data-v-07ae429a],.thumbnail-item .no-image[data-v-07ae429a]{position:absolute;top:0;left:0;width:100%;height:100%}.thumb-loading[data-v-07ae429a]{background:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;z-index:5;color:#4934b2;font-size:20px}.thumbnail-item.active[data-v-07ae429a]{border-color:#4934b2}.thumbnail-item .el-image[data-v-07ae429a]{width:100%;height:100%;display:block}.thumbnail-item .title[data-v-07ae429a]{position:absolute;bottom:0;left:0;z-index:99;background:transparent;color:#4934b2;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap;height:20px;line-height:20px;font-size:12px;overflow:hidden;opacity:0;transition:all .3s}.thumbnail-item:hover .title[data-v-07ae429a]{opacity:1;background:rgba(0,0,0,.3);color:#fff}.thumbnail-item.active .title[data-v-07ae429a]{opacity:1;background:#4934b2;color:#fff}.no-image[data-v-07ae429a]{width:100%;height:100%;background:#eee;color:#999;font-size:10px;display:flex;align-items:center;justify-content:center}.svg-icon[data-v-07ae429a]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;font-size:16px}.xgt_tc .el-dialog{margin:0 auto!important;max-height:100vh;display:flex;flex-direction:column}.xgt_tc .el-dialog__body{padding:10px 20px!important;flex:1;overflow:hidden}.svg-icon[data-v-1cae315b]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;font-size:16px}.effect_box[data-v-1cae315b]{flex:1;position:relative;padding:10px}.operate-bar[data-v-1cae315b]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:14px}.operate-bar .operate-item[data-v-1cae315b]{background:#f0f2f5;width:100%;height:40px;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-top:12px}.operate-bar .operate-item[data-v-1cae315b]:hover{background-color:#ebecf8;color:#3d47bf}.operate-bar .operate-item.mini[data-v-1cae315b]{width:70px}.operate-bar .operate-item .svg-icon[data-v-1cae315b]{font-size:22px}.zw-silder-container[data-v-1cae315b]{display:flex;justify-content:space-between;align-items:center;width:50%}.zw-silder[data-v-1cae315b]{flex:1}.zw-silder.el-slider[data-v-1cae315b]{background:#fff}.zw-silder.el-slider[data-v-1cae315b]:not(.is-vertical){padding:14px 10px}.zw-silder[data-v-1cae315b] .el-slider__bar{background-color:#4934b2}.zw-silder[data-v-1cae315b] .el-slider__button{border-color:#4934b2}.operate-bar .operate-item.medium[data-v-1cae315b]{width:147px}.operate-bar .operate-item.active[data-v-1cae315b]{background:#3d47bf;color:#fff}.pingpu_jianju[data-v-1cae315b]{width:100%;margin-top:20px;border:1px solid #eee;padding:0 10px;border-radius:5px}.label_title[data-v-1cae315b]{height:38px;line-height:38px}.pingpu_jianju .suo[data-v-1cae315b]{font-size:24px;color:#3d47bf;cursor:pointer}.svg-icon[data-v-cd38b216]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;font-size:16px}.text_box[data-v-cd38b216]{padding:10px}.el-dropdown[data-v-cd38b216],.el-row[data-v-cd38b216]{width:100%}.select_showbox[data-v-cd38b216]{width:100%;position:relative}.select_showbox_border[data-v-cd38b216]{width:100%;height:40px;border:1px solid #eee;border-radius:5px;padding:0 10px;line-height:40px}.select_showbox .arrow-down[data-v-cd38b216]{position:absolute;top:50%;right:0;transform:translateY(-55%);right:5px}.text_algin_flex[data-v-cd38b216]{display:flex;align-items:center;justify-content:space-between}.text_algin_flex_item[data-v-cd38b216]{box-sizing:border-box;width:40px;height:40px;border-radius:4px;border:1px solid #e5e5e5;margin-right:8px;cursor:pointer;text-align:center;line-height:40px}.fontDropDown_ul[data-v-cd38b216]{padding:0 10px}.fontDropDown_ul>li[data-v-cd38b216]{font-size:14px;text-align:left;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;cursor:pointer;border-bottom:1px dashed #ddd;padding-bottom:6px;line-height:1;text-align:center}.fontDropDown_wrap[data-v-cd38b216]{position:relative;height:200px;width:200px;overflow:hidden}.fontDropDown_wrap_font[data-v-cd38b216]{width:120px}.scrollbar[data-v-cd38b216]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.sidebar[data-v-663ee30d]{position:relative;height:100%}.sidebar .switch[data-v-663ee30d]{position:absolute;display:flex;align-items:center;top:calc(50% - 50px);left:-18px;cursor:pointer;width:18px;height:50px;background:#fff;border-radius:3px 0 0 3px;z-index:99}.sidebar-main[data-v-663ee30d]{display:flex;height:100%}.toolbar[data-v-663ee30d]{width:65px;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding-top:9px;background-color:#fff;z-index:1}.sidebar-cont[data-v-663ee30d]{width:390px;height:100%;overflow:hidden;background:#fff;transition:all .3s;opacity:1;display:flex;flex-direction:column}.sidebar-cont.hidden[data-v-663ee30d]{width:0;opacity:0;transition:all .3s}.sidebar .top-cont[data-v-663ee30d]{overflow-y:hidden}.sidebar .bottom-cont[data-v-663ee30d]{position:relative;width:100%;overflow:hidden;flex:1}.flex[data-v-05a66eb5]{display:flex}.red[data-v-05a66eb5]{font-size:12px;margin-top:5px;color:#f44}.saveCanvas[data-v-05a66eb5]{display:flex;flex-direction:column;overflow:hidden}.save_steps[data-v-05a66eb5]{flex-shrink:0;margin-bottom:20px}.save_canvas_content[data-v-05a66eb5]{width:95%;margin:0 auto;flex:1;overflow:hidden;display:flex;flex-direction:column}.save_canvas_content .wrap[data-v-05a66eb5]{position:relative;border:1px solid #eee;overflow:hidden}.scroll_container[data-v-05a66eb5]{height:100%;overflow-y:auto}.scroll-bar[data-v-05a66eb5]{left:10px;right:10px;bottom:10px;top:10px}.save_canvas_content .input[data-v-05a66eb5]{display:flex;align-items:center}.save_canvas_content .input>span[data-v-05a66eb5]{white-space:nowrap}.content_item[data-v-05a66eb5]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px;padding-right:10px}.content_item[data-v-05a66eb5]:last-child{margin-bottom:0;border-bottom:none}.content_item .title[data-v-05a66eb5]{font-weight:700}.content_item .left[data-v-05a66eb5]{display:flex;align-items:center}.content_item .origal[data-v-05a66eb5]{flex-shrink:0;margin-right:20px}.content_item .origal .el-image[data-v-05a66eb5]{border:1px solid #ddd}.save_canvas_content .save_btn_area[data-v-05a66eb5]{text-align:center;margin-top:20px;flex-shrink:0}.zdy_sku[data-v-05a66eb5]{display:flex;align-items:center;flex-wrap:wrap}.zdy_sku .zdy_sku_item[data-v-05a66eb5]{margin-right:10px;padding-right:10px;border:1px solid #ddd;line-height:1;padding:4px 5px;margin-bottom:5px}.main_layout[data-v-05a66eb5]{display:flex;gap:20px;align-items:flex-start;height:100%}.left_panel[data-v-05a66eb5]{width:380px;flex-shrink:0;display:flex;flex-direction:column;height:100%}.right_panel[data-v-05a66eb5]{flex:1;border-left:1px solid #eee;padding-left:20px;display:flex;flex-direction:column;height:100%;min-width:0}.section_title[data-v-05a66eb5]{font-weight:700;margin-bottom:10px;font-size:15px;border-bottom:1px solid #eee;padding-bottom:10px;flex-shrink:0}.effect_scroll_area[data-v-05a66eb5]{overflow-y:auto;flex:1}.color_group[data-v-05a66eb5]{margin-bottom:20px}.group_title[data-v-05a66eb5]{font-weight:700;font-size:13px;margin-bottom:10px;color:#555;background:#f2f2f2;padding:6px 10px;border-radius:4px;display:flex;align-items:center}.color_block[data-v-05a66eb5]{display:inline-block;width:16px;height:16px;border-radius:4px;margin-right:8px;border:1px solid #ddd}.effect_list[data-v-05a66eb5]{display:flex;flex-wrap:wrap;gap:10px}.effect_item[data-v-05a66eb5]{width:90px;text-align:center;border:1px solid #eee;padding:5px;border-radius:4px;transition:all .3s}.effect_item[data-v-05a66eb5]:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.effect_img[data-v-05a66eb5]{width:80px;height:80px;display:block;margin:0 auto;background:#f9f9f9}.effect_info[data-v-05a66eb5]{margin-top:5px;font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading_more[data-v-05a66eb5]{text-align:center;padding:20px;color:#666;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.save_canvas_dialog .el-dialog{margin:0 auto!important;max-height:100vh;display:flex;flex-direction:column}.save_canvas_dialog .el-dialog__body{padding:10px 20px!important;flex:1;overflow:hidden}.product-detail-box[data-v-2382e3c2]{width:260px;padding:0;background:#fff;box-shadow:0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);border-radius:5px;position:absolute;top:100px;bottom:0;left:385px;z-index:999;max-height:100vh;height:350px;overflow:hidden;overflow-y:auto}.product-detail-box>.content[data-v-2382e3c2]{position:relative}.product-detail-box .imgbox[data-v-2382e3c2]{width:260px;height:260px;display:flex;justify-content:center;align-items:center;background:#f0f0f0}.title[data-v-2382e3c2]{font-size:16px;color:#000;line-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.code[data-v-2382e3c2]{color:rgba(0,0,0,.45);font-size:12px}#single-main[data-v-05bd051a]{display:flex;flex-direction:column;overflow:hidden;width:100vw;height:100vh;position:relative;font:12px/1 sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}*{margin:0;padding:0;box-sizing:border-box}li,ul{list-style:none}.mt5{margin-top:5px!important}.f12{font-size:12px;line-height:20px}.pt10{padding-top:10px!important}.mr5{margin-right:5px!important}.mr20{margin-right:20px!important}.ml20{margin-left:20px!important}.mt20{margin-top:20px!important}.mt10{margin-top:10px}.ml10{margin-left:10px!important}.p20{padding:20px}.pt13{padding-top:13px!important}.pr36{padding-right:36px!important}.ml5{margin-left:5px}.flex{display:flex}.zwdesign-main{background:#f0f5ff;flex:1;display:flex;flex-direction:row;height:100%}.zwdesign-main--center{flex:auto;position:relative}.scroll-bar{position:absolute;top:0;left:0;right:0;bottom:0}.el-scrollbar__wrap{overflow-x:hidden}.scroll-bar .el-scrollbar__wrap{height:100%;overflow-x:auto}.el-button--primary,.el-button--primary:hover{background:#3d47bf;border-color:#3d47bf}.el-button--primary:hover{opacity:.8}.el-button--primary.is-active,.el-button--primary:active{background:#3d47bf!important;border-color:#3d47bf;color:#fff}.zwdesign-header .zwdesign-header--left .logo a{color:#444;text-decoration:none}.red{color:#f44!important}