html{overflow:hidden}[data-v-42e766f9] .ivu-select-dropdown{z-index:999}.box[data-v-6045980e]{display:flex;align-items:center}.box .ivu-tooltip[data-v-6045980e]{text-align:center;flex:1}[data-v-6045980e] .ivu-btn[disabled] svg{opacity:.2}.box[data-v-221a2ebe]{display:flex;align-items:center}.box .ivu-tooltip[data-v-221a2ebe]{text-align:center;flex:1}[data-v-221a2ebe] .ivu-btn[disabled] svg{opacity:.2}svg[data-v-221a2ebe]{vertical-align:text-bottom}.box[data-v-42c11688]{display:flex;align-items:center}.box .ivu-tooltip[data-v-42c11688]{text-align:center;flex:1}[data-v-42c11688] .ivu-btn[disabled] svg{opacity:.2}.save-box[data-v-b5ddcecc]{display:inline-block;padding-right:10px}.box[data-v-291d2bc2]{display:flex;align-items:center;padding:0}.box .ivu-btn[data-v-291d2bc2]{text-align:center;flex:1}[data-v-291d2bc2] .ivu-btn[disabled] svg{opacity:.2}.box[data-v-31eaf1e8]{position:absolute;right:10px;bottom:10px}.drag-mode[data-v-1d65706b]{position:absolute;bottom:10px;right:216px;color:#fff;padding:4px 14px;border-radius:20px}.drag-mode.handle-mode[data-v-1d65706b]{background:#2d8cf0}.drag-mode.select-mode[data-v-1d65706b]{background:#808695}h3[data-v-a241ce6c]{margin:40px 0 0}ul[data-v-a241ce6c]{list-style-type:none;padding:0}li[data-v-a241ce6c]{display:inline-block;margin:0 10px}a[data-v-a241ce6c]{color:#42b983}.tool-box[data-v-5f02d01a]{display:flex;justify-content:space-around}.tool-box span[data-v-5f02d01a]{flex:1;text-align:center;padding:5px 0;background:#f6f6f6;margin-left:2px;cursor:pointer}.tool-box span[data-v-5f02d01a]:hover{background:#edf9ff}.tool-box span:hover svg[data-v-5f02d01a]{fill:#2d8cf0}.tool-box .bg[data-v-5f02d01a]{background:#d8d8d8}.tool-box .bg:hover svg[data-v-5f02d01a]{fill:#2d8cf0}.img[data-v-5f02d01a]{width:20px}[data-v-125fc6e4] .ivu-form-item{margin-bottom:0}.img[data-v-125fc6e4]{width:50px;padding:5px;background:#f5f5f5;margin-left:2px;height:70px;cursor:pointer}.color-list[data-v-125fc6e4]{padding:10px 0;display:flex;flex-wrap:wrap}.color-list .item[data-v-125fc6e4]{padding-bottom:5px}.color-list .item:first-child span[data-v-125fc6e4]{border:1px solid #c9c9c9}.color-list span[data-v-125fc6e4]{display:inline-block;margin-left:6px;background:#f5f5f5;height:40px;width:40px;font-size:12px;line-height:20px;vertical-align:middle;cursor:pointer;border-radius:4px}[data-v-125fc6e4] .ivu-divider-plain.ivu-divider-with-text-left{margin:10px 0;font-weight:700}.size-box[data-v-84c3316c]{height:100%;overflow-y:auto}.preset-size[data-v-84c3316c]{height:calc(100% - 168px);overflow-y:auto}@media screen and (min-width:768px){.size-box[data-v-84c3316c]{position:relative}.preset-size[data-v-84c3316c]{max-height:196px;overflow-y:auto}}[data-v-84c3316c] .ivu-form-item{margin-bottom:0}[data-v-84c3316c] .ivu-divider-plain.ivu-divider-with-text-left{margin:10px 0;font-weight:700}.size .ivu-input-number[data-v-84c3316c]{width:100%}.preset-size .preset-item[data-v-84c3316c]{margin-bottom:10px}.footer[data-v-84c3316c]{width:100%;height:64px;position:absolute;left:0;bottom:0;display:flex;align-items:center;background:#fff;justify-content:space-between;border-top:1px solid #e6e6e6}.footer .icon[data-v-84c3316c]{padding:10px;cursor:pointer}span.active svg.icon[data-v-0b87511a]{fill:#2d8cf0}.time[data-v-0b87511a]{color:#c1c1c1}.history-tools .btn[data-v-0b87511a]{padding:0 10px;font-size:12px;cursor:pointer;text-align:center}.history-tools .btn.disabled[data-v-0b87511a]{color:rgba(0,0,0,.3)}.history-tools .btn.disabled .ivu-icon[data-v-0b87511a]{color:rgba(0,0,0,.3)!important}@media (max-width:768px){.history-tools .btn[data-v-0b87511a]{padding:0 10px;font-size:12px;text-align:center;color:#fff}.history-tools .btn.disabled[data-v-0b87511a]{color:hsla(0,0%,100%,.3)}.history-tools .btn.disabled .ivu-icon[data-v-0b87511a]{color:hsla(0,0%,100%,.3)!important}}[data-v-007edaea] .ivu-tooltip-inner{white-space:normal}[data-v-007edaea] .ivu-tooltip,[data-v-007edaea] .ivu-tooltip-rel{display:block}.box[data-v-007edaea]{width:100%}.layer-box[data-v-007edaea]{height:calc(100vh - 170px);overflow-y:auto;margin-bottom:5px}.layer-box .ellipsis[data-v-007edaea]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.layer-box>div[data-v-007edaea]{padding:0 5px;margin:3px 0;background:#f7f7f7;color:#c8c8c8;border-radius:3px;font-size:14px;line-height:28px}.layer-box>div.active[data-v-007edaea]{color:#2d8cf0;background:#f0faff;font-weight:700}.btn-box[data-v-007edaea]{width:100%;margin-bottom:20px;background:#f3f3f3}.btn-box .ivu-btn-group[data-v-007edaea]{display:flex}.btn-box .ivu-btn-group>.ivu-btn[data-v-007edaea]{flex:1}svg[data-v-007edaea]{vertical-align:text-top}[data-v-007edaea] .ivu-divider-plain.ivu-divider-with-text-left{margin:10px 0;font-size:16px;font-weight:700;color:#000}span.active svg.icon{fill:#2d8cf0}.box[data-v-a854e1de]{padding:10px 0}.gradient-bar[data-v-a854e1de]{width:100%;height:30px;cursor:pointer;border-radius:5px}.switch[data-v-a854e1de]{margin-bottom:10px}[data-v-a854e1de] .ivu-color-picker{display:block}[data-v-a854e1de] .ivu-poptip-body{padding:5px}[data-v-a854e1de] .ivu-poptip,[data-v-a854e1de] .ivu-poptip .ivu-poptip-rel{width:100%}[data-v-a854e1de] .ui-color-picker .color-preview-area,[data-v-a854e1de] .ui-color-picker .gradient-controls,[data-v-a854e1de] .ui-color-picker .picker-area{padding:0}[data-v-afbc4a14] .ivu-color-picker{display:block}[data-v-afbc4a14] .ivu-input-number{display:block;width:100%}[data-v-afbc4a14] .ivu-divider-plain.ivu-divider-with-text-left{margin:10px 0;font-weight:700;font-size:16px;color:#000}.box[data-v-afbc4a14]{width:100%}.button-group[data-v-afbc4a14]{display:flex;width:100%}.button-group .ivu-btn[data-v-afbc4a14],.button-group .ivu-radio-wrapper[data-v-afbc4a14]{flex:1}.flex-view[data-v-afbc4a14]{width:100%;margin-bottom:5px;padding:5px;display:inline-flex;justify-content:space-between;border-radius:5px;background:#f6f7f9}.flex-item[data-v-afbc4a14]{display:inline-flex;align-items:center;flex:1}.flex-item .label[data-v-afbc4a14]{width:32px;height:32px;line-height:32px;display:inline-block;font-size:14px;color:#333}.flex-item .content[data-v-afbc4a14]{width:60px}.flex-item .slider-box[data-v-afbc4a14]{width:calc(100% - 50px);margin-left:10px}.flex-item .right[data-v-afbc4a14]{flex:1;margin-left:10px}.flex-item .right .font-family[data-v-afbc4a14] .ivu-input{cursor:pointer}.flex-item .right[data-v-afbc4a14] .ivu-dropdown{width:100%}.flex-item .right[data-v-afbc4a14] .ivu-dropdown .ivu-select-dropdown{width:auto}.flex-item .right[data-v-afbc4a14] .ivu-input-number{display:block;width:100%}.flex-item .right .ivu-dropdown-menu[data-v-afbc4a14]{width:400px;max-height:500px;overflow-y:auto}.flex-item[data-v-afbc4a14] .ivu-slider-wrap{margin:13px 0}.flex-item[data-v-afbc4a14] .ivu-radio-group-button .ivu-radio-wrapper{width:48px;line-height:40px;text-align:center}.flex-item[data-v-afbc4a14] .ivu-radio-group-button .ivu-radio-wrapper svg{vertical-align:baseline}.flex-item[data-v-afbc4a14] .ivu-btn-group-large>.ivu-btn,.flex-item[data-v-afbc4a14] .ivu-radio-group-button.ivu-radio-group-large .ivu-radio-wrapper{font-size:24px}.menu-item[data-v-0749dde8]{position:relative;width:196px;color:#33383e;cursor:pointer;padding:6px 10px;border-bottom:1px solid #e8eaec}.menu-item span[data-v-0749dde8]{float:right;color:#bdbdbd}.menu-item .icon[data-v-0749dde8]{width:0;height:0;margin-top:6px;border:6px solid;border-color:transparent transparent transparent #333}.menu-item[data-v-0749dde8]:hover{background-color:#f1f3f4}.menu-item[data-v-0749dde8]:last-child{border-bottom:none}.menu-item .menu-wrap[data-v-0749dde8]{position:absolute;right:-196px;top:0;display:none;width:196px;padding:8px 0;border:1px solid #e8eaec;border-radius:4px;box-shadow:0 8px 8px 0 rgba(0,0,0,.08);background:#fff}.menu-item:hover .menu-wrap[data-v-0749dde8]{display:block}.del[data-v-0749dde8]{color:red}.menu-wrap[data-v-4db6aaac]{width:196px;padding:8px 0;position:absolute;border:1px solid #e8eaec;left:0;top:0;border-radius:4px;visibility:hidden;z-index:-100;box-shadow:0 8px 8px 0 rgba(0,0,0,.08);background:#fff}.menu-wrap>li[data-v-4db6aaac]{color:#33383e;cursor:pointer;padding:6px 10px;border-bottom:1px solid #e8eaec}.menu-wrap>li span[data-v-4db6aaac]{float:right;color:#bdbdbd}.menu-wrap>li[data-v-4db6aaac]:hover{background-color:#f1f3f4}.menu-wrap>li[data-v-4db6aaac]:last-child{border-bottom:none}.menu-wrap .del[data-v-4db6aaac]{color:red}.logo[data-v-d15ae9a4]{width:30px;height:30px;display:inline-block;margin-right:10px;text-align:center;vertical-align:middle}.logo .ivu-icon[data-v-d15ae9a4]{vertical-align:super}[data-v-d15ae9a4] .attr-item{position:relative;margin-bottom:12px;height:40px;padding:0 10px;background:#f6f7f9;border:none;border-radius:4px;display:flex;align-items:center}[data-v-d15ae9a4] .attr-item .ivu-tooltip{text-align:center;flex:1}.ivu-menu-vertical .menu-item[data-v-d15ae9a4]{text-align:center;padding:10px 2px;box-sizing:border-box;font-size:12px}.ivu-menu-vertical .menu-item>i[data-v-d15ae9a4]{margin:0}[data-v-d15ae9a4] .ivu-layout-header{--height:45px;padding:0 10px;border-bottom:1px solid #eef2f8;background:#fff;height:var(--height);line-height:var(--height)}.home[data-v-d15ae9a4],.ivu-layout[data-v-d15ae9a4]{height:100vh}.icon[data-v-d15ae9a4]{display:block}.canvas-box[data-v-d15ae9a4]{position:relative}.inside-shadow[data-v-d15ae9a4]{position:absolute;width:100%;height:100%;box-shadow:inset 15px 5px blue;box-shadow:inset 0 0 9px 2px #0000001f;z-index:2;pointer-events:none}#canvas[data-v-d15ae9a4]{width:300px;height:300px;margin:0 auto}#workspace[data-v-d15ae9a4]{overflow:hidden}.content[data-v-d15ae9a4]{flex:1;width:300px;padding:10px;padding-top:0;height:100%;overflow-y:auto}.tabsCard .ivu-tabs-tabpane[data-v-d15ae9a4]{height:calc(100vh - 148px);overflow-y:auto}.tabsCard .material-box[data-v-d15ae9a4]{height:100%;padding:0 20px;overflow-y:auto}.tabsCard .material-box .material-list[data-v-d15ae9a4]{-moz-column-count:2;column-count:2;-moz-column-gap:20px;column-gap:20px}.tabsCard .material-box .material-list .material-item[data-v-d15ae9a4]{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:20px}.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active[data-v-d15ae9a4]:not(.ivu-menu-submenu){background:none}.switch[data-v-d15ae9a4]{margin-right:10px}.design-stage-point[data-v-d15ae9a4]{--offsetX:0px;--offsetY:0px;--size:20px;background-size:var(--size) var(--size);background-image:radial-gradient(circle,#2f3542 1px,transparent 0);background-position:var(--offsetX) var(--offsetY)}.design-stage-grid[data-v-d15ae9a4]{--offsetX:0px;--offsetY:0px;--size:16px;--color:#dedcdc;background-image:linear-gradient(45deg,var(--color) 25%,transparent 0,transparent 75%,var(--color) 0),linear-gradient(45deg,var(--color) 25%,transparent 0,transparent 75%,var(--color) 0);background-position:var(--offsetX) var(--offsetY),calc(var(--size) + var(--offsetX)) calc(var(--size) + var(--offsetY));background-size:calc(var(--size)*2) calc(var(--size)*2)}.coordinates-bar[data-v-d15ae9a4]{--ruler-size:16px;--ruler-c:grey;--rule4-bg-c:#252525;--ruler-bdw:1px;--ruler-h:8px;--ruler-space:5px;--ruler-tall-h:16px;--ruler-tall-space:15px;position:absolute;z-index:2;background-color:var(--rule4-bg-c)}.coordinates-bar-top[data-v-d15ae9a4]{cursor:row-resize;top:0;left:0;height:var(--ruler-size);width:100%;background-image:linear-gradient(90deg,var(--ruler-c) 0 var(--ruler-bdw),transparent 0),linear-gradient(90deg,var(--ruler-c) 0 var(--ruler-bdw),transparent 0);background-repeat:repeat-x;background-size:var(--ruler-space) var(--ruler-h),var(--ruler-tall-space) var(--ruler-tall-h);background-position:bottom}.coordinates-bar-left[data-v-d15ae9a4]{cursor:col-resize;top:var(--ruler-size);width:var(--ruler-size);height:100%;left:0;background-image:linear-gradient(0deg,var(--ruler-c) 0 var(--ruler-bdw),transparent 0),linear-gradient(0deg,var(--ruler-c) 0 var(--ruler-bdw),transparent 0);background-repeat:repeat-y;background-size:var(--ruler-h) var(--ruler-space),var(--ruler-tall-h) var(--ruler-tall-space);background-position:100%}.popup-container .popup-content[data-v-6ffce4ce]{padding:10px 60px 10px 40px}.popup-container .footer[data-v-6ffce4ce]{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6e6e6}.popup-container .footer .icon[data-v-6ffce4ce]{padding:10px;cursor:pointer}.popup-container .popup-content[data-v-42fa892a]{display:flex;padding:10px 20px;align-items:center;justify-content:space-between}.popup-container .popup-content .layer-sort-btn[data-v-42fa892a]{height:32px;padding:0 15px;line-height:32px}.popup-container .popup-content .slider[data-v-42fa892a]{width:calc(100% - 120px)}.popup-container .footer[data-v-42fa892a]{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6e6e6}.popup-container .footer .icon[data-v-42fa892a]{padding:10px;cursor:pointer}.text-modal[data-v-2ec15212]{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9999;overflow:hidden;backdrop-filter:blur(10px);background:rgba(0,0,0,.8)}.text-modal .text-header[data-v-2ec15212]{width:100%;height:44px;display:flex;padding:10px 15px 0;align-items:center;box-sizing:border-box;justify-content:space-between}.text-modal .text-header .icon[data-v-2ec15212]{padding:10px}.text-modal .text-content[data-v-2ec15212]{display:flex;min-height:500px;align-items:center;padding:0 15px 0;justify-content:center}.text-modal .text-content .ivu-input-type-textarea[data-v-2ec15212] .ivu-input{color:#fff;font-size:18px;text-align:center;background:transparent}.font-load[data-v-2b22e73c]{animation:ani-spin-2b22e73c 1s linear infinite}@keyframes ani-spin-2b22e73c{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.popup[data-v-2b22e73c]{width:100%;position:fixed;left:0;bottom:0;background:#fff}.popup .header[data-v-2b22e73c]{width:100%;height:64px;display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid #e6e6e6}.popup .header>div[data-v-2b22e73c]{padding:10px;font-size:12px;text-align:center}.popup .content .color[data-v-2b22e73c]{display:flex;flex-wrap:wrap;align-items:center;padding-bottom:15px;justify-content:flex-start}.popup .content .color .color-custom[data-v-2b22e73c]{background:conic-gradient(red,#ff0,lime,aqua,blue,#f0f,red)}.popup .content .color .color-custom[data-v-2b22e73c],.popup .content .color .color-item[data-v-2b22e73c]{width:40px;height:40px;margin-right:8px;margin-bottom:8px;border-radius:4px;box-shadow:0 0 1px 0 #333}.popup .content .color .color-item[data-v-2b22e73c]:first-child{text-align:center;line-height:50px;background:#e6e6e6}.popup .content .color-content[data-v-2b22e73c]{padding:0 25px}.popup .content .color-content .custom .effects-box[data-v-2b22e73c]{width:100%;overflow-x:auto}.popup .content .color-content .custom .effects-box .effects[data-v-2b22e73c]{display:inline-flex;flex-wrap:nowrap}.popup .content .color-content .custom .effects-box .effects .effects-item[data-v-2b22e73c]{width:40px;height:40px;padding:10px;display:flex;margin-right:8px;margin-bottom:8px;border-radius:4px;align-items:center;background:#f1f1f1;justify-content:center}.popup .content .color-content .custom .effects-box .effects .effects-item>img[data-v-2b22e73c]{width:100%}.popup .content .style-content[data-v-2b22e73c]{padding:20px 20px 10px 20px}.popup .content .style-content .center-align[data-v-2b22e73c]{height:40px;display:flex;line-height:40px;padding-bottom:10px;align-items:center;justify-content:center}.popup .content .style-content .center-align .ivu-btn[data-v-2b22e73c]{width:33%}.popup .content .style-content .flex-view .flex-item[data-v-2b22e73c]{height:40px;display:flex;padding:0 20px 10px;align-items:center;justify-content:space-between}.popup .content .style-content .flex-view .flex-item .icon[data-v-2b22e73c]{display:flex;flex-direction:column;align-items:center}.popup .content .style-content .flex-view .flex-item .font-picture[data-v-2b22e73c]{width:100%;font-size:20px;text-align:center}.popup .content .style-content .flex-view .flex-item .font-size[data-v-2b22e73c]{font-size:14px}.popup .content .style-content .flex-view .flex-item .ivu-slider[data-v-2b22e73c]{width:calc(100% - 70px)}.popup .content .style-content .flex-view .flex-item .ivu-slider[data-v-2b22e73c] .ivu-input-number{margin-top:0}.popup .content .style-content .flex-view .flex-item2[data-v-2b22e73c]{padding-bottom:10px}.popup .content .style-content .button-group[data-v-2b22e73c]{display:flex;width:100%}.popup .content .style-content .button-group .ivu-btn[data-v-2b22e73c],.popup .content .style-content .button-group .ivu-radio-wrapper[data-v-2b22e73c]{flex:1;height:40px;text-align:center}.popup .color-picker[data-v-2b22e73c]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:6;background:#fff}.popup .color-picker .color-picker-box[data-v-2b22e73c]{padding:20px;height:calc(100% - 40px);display:flex;align-items:center;justify-content:center}.popup .color-picker .packup[data-v-2b22e73c]{position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;border-top:1px solid #dcdee2}.popup .font-line-height[data-v-2b22e73c]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:6;background:#fff}.popup .font-line-height .setting[data-v-2b22e73c]{padding:20px;height:calc(100% - 40px);display:flex;flex-direction:column;justify-content:center}.popup .font-line-height .setting .item[data-v-2b22e73c]{display:flex;padding:20px 0;align-items:center}.popup .font-line-height .setting .item .title[data-v-2b22e73c]{width:60px;padding-right:10px}.popup .font-line-height .setting .item .slider[data-v-2b22e73c]{padding-left:10px;width:calc(100% - 60px)}.popup .font-line-height .packup[data-v-2b22e73c]{position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;border-top:1px solid #dcdee2}.popup .font-family[data-v-2b22e73c]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:6;background:#fff}.popup .font-family[data-v-2b22e73c]:before{content:"";position:absolute;top:-100vh;left:0;width:100%;height:100vh}.popup .font-family .setting[data-v-2b22e73c]{padding:20px;width:100%;height:calc(100% - 40px);overflow-y:auto;overflow-x:hidden}.popup .font-family .setting .item[data-v-2b22e73c]{height:40px;display:flex;padding:8px 0;align-items:center;justify-content:space-between}.popup .font-family .setting .item>img[data-v-2b22e73c]{height:100%}.popup .font-family .setting .item .icon[data-v-2b22e73c]{display:none}.popup .font-family .setting .item.active .icon[data-v-2b22e73c]{display:block}.popup .font-family .packup[data-v-2b22e73c]{position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;border-top:1px solid #dcdee2}.popup[data-v-4397e84b]{width:100%;position:fixed;left:0;bottom:0;background:#fff}.popup .header[data-v-4397e84b]{width:100%;height:64px;display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid #e6e6e6}.popup .header>div[data-v-4397e84b]{padding:10px;font-size:12px;text-align:center}.popup .header .item.active[data-v-4397e84b]{color:#2196f3}.popup .header .item.active .ivu-icon[data-v-4397e84b]{color:#2196f3!important}.popup .content[data-v-4397e84b]{padding:0 25px}.popup .content .color[data-v-4397e84b]{display:flex;padding:15px 0;flex-wrap:wrap;align-items:center;justify-content:center}.popup .content .color .color-custom[data-v-4397e84b]{background:conic-gradient(red,#ff0,lime,aqua,blue,#f0f,red)}.popup .content .color .color-custom[data-v-4397e84b],.popup .content .color .color-item[data-v-4397e84b]{width:50px;height:50px;margin-right:10px;margin-bottom:10px;border-radius:4px;box-shadow:0 0 1px 0 #333}.popup .content .color .color-item[data-v-4397e84b]:first-child{text-align:center;line-height:50px;background:#e6e6e6}.popup .content .edit-content .row[data-v-4397e84b]{display:flex;align-items:center;padding:20px 0;justify-content:space-between}.popup .content .edit-content .row .flip[data-v-4397e84b]{width:30px;height:30px}.popup .content .edit-content .row .flip img[data-v-4397e84b]{width:100%;height:100%}.popup .content .edit-content .row .ruler[data-v-4397e84b]{width:calc(100% - 100px);position:relative}.popup .content .edit-content .row .ruler[data-v-4397e84b]:after{content:"";position:absolute;bottom:-10px;left:50%;width:2px;height:10px;z-index:2;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #333}.popup .content .edit-content .row .ruler-container[data-v-4397e84b]{width:100%;height:60px;overflow-x:scroll;background:#fff;border-radius:8px;position:relative;-ms-overflow-style:none;scrollbar-width:none}.popup .content .edit-content .row .ruler-container[data-v-4397e84b]::-webkit-scrollbar{display:none}.popup .content .edit-content .row .ruler-container .ruler-track[data-v-4397e84b]{width:2888px;height:100%;position:relative;display:flex;align-items:flex-end}.popup .content .edit-content .row .ruler-container .ruler-track .ruler-buffer[data-v-4397e84b]{height:100%;position:absolute}.popup .content .edit-content .row .ruler-container .tick[data-v-4397e84b]{width:2px;height:20px;background:#bbb;margin-right:2px;position:absolute;bottom:4px}.popup .content .edit-content .row .ruler-container .tick.major[data-v-4397e84b]{height:30px;background:#333}.popup .content .edit-content .row .ruler-container .tick-label[data-v-4397e84b]{position:absolute;top:-20px;left:50%;font-size:12px;color:#333;transform:translateX(-50%)}.popup .color-picker[data-v-4397e84b]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:6;background:#fff}.popup .color-picker .color-picker-box[data-v-4397e84b]{padding:20px;height:calc(100% - 40px);display:flex;align-items:center;justify-content:center}.popup .color-picker .packup[data-v-4397e84b]{position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;border-top:1px solid #dcdee2}.popup .replace[data-v-4397e84b]{width:100%;height:100%;top:0;left:0;z-index:6;background:#fff}.popup .replace .replace-content[data-v-4397e84b]{display:flex;align-items:center;padding:20px 25px;border-bottom:1px solid #dcdee2;justify-content:space-between}.popup .replace .replace-content .flip[data-v-4397e84b]{width:30px;height:30px}.popup .replace .replace-content .flip img[data-v-4397e84b]{width:100%;height:100%}.popup .replace .replace-content .ruler[data-v-4397e84b]{width:calc(100% - 100px);position:relative}.popup .replace .replace-content .ruler[data-v-4397e84b]:after{content:"";position:absolute;bottom:-10px;left:50%;width:2px;height:10px;z-index:2;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #333}.popup .replace .replace-content .ruler-container[data-v-4397e84b]{width:100%;height:60px;overflow-x:scroll;background:#fff;border-radius:8px;position:relative;-ms-overflow-style:none;scrollbar-width:none}.popup .replace .replace-content .ruler-container[data-v-4397e84b]::-webkit-scrollbar{display:none}.popup .replace .replace-content .ruler-container .ruler-track[data-v-4397e84b]{width:2888px;height:100%;position:relative;display:flex;align-items:flex-end}.popup .replace .replace-content .ruler-container .ruler-track .ruler-buffer[data-v-4397e84b]{height:100%;position:absolute}.popup .replace .replace-content .ruler-container .tick[data-v-4397e84b]{width:2px;height:20px;background:#bbb;margin-right:2px;position:absolute;bottom:4px}.popup .replace .replace-content .ruler-container .tick.major[data-v-4397e84b]{height:30px;background:#333}.popup .replace .replace-content .ruler-container .tick-label[data-v-4397e84b]{position:absolute;top:-20px;left:50%;font-size:12px;color:#333;transform:translateX(-50%)}.popup .replace .replace-footer[data-v-4397e84b]{display:flex;width:100%;justify-content:space-around}.popup .replace .replace-footer .btn[data-v-4397e84b]{padding:0 10px;text-align:center}.image-material[data-v-0778d537]{height:100%}.image-material .header[data-v-0778d537]{height:44px;display:flex;position:relative;align-items:center;justify-content:center}.image-material .header p[data-v-0778d537]{padding-bottom:4px;border-bottom:1px solid #333}.image-material .header .mark[data-v-0778d537]{color:#fff;font-size:12px;padding:4px 10px;position:absolute;left:60%;background:#f2a23f;border-radius:0 14px 14px 14px}.image-material .upload[data-v-0778d537]{text-align:center;padding-bottom:8px}.image-material .upload[data-v-0778d537] .ivu-upload{width:100%}.image-material .upload .ivu-btn[data-v-0778d537]{border-radius:50px}.image-material .content[data-v-0778d537]{overflow-y:auto;height:calc(100% - 88px)}.image-material .content .material[data-v-0778d537]{-moz-column-count:4;column-count:4;gap:15px}.image-material .content .material .material-item[data-v-0778d537]{margin-bottom:8px;border-radius:10px;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:15px}.image-material .content .material .material-item>img[data-v-0778d537]{width:100%}.mask[data-v-c8fbeedc]{position:fixed;width:100%;height:100%;top:0;left:0;z-index:6;background:rgba(0,0,0,.5)}.mask .action-sheet[data-v-c8fbeedc]{position:absolute;width:100%;height:auto;left:0;bottom:0;background:#fff;border-radius:10px 10px 0 0}.mask .action-sheet .action-sheet-item[data-v-c8fbeedc]{padding:16px 0;font-size:16px;text-align:center;border-bottom:1px solid #f7f8fa}.mask .action-sheet .action-sheet-item[data-v-c8fbeedc]:active{opacity:.8}.mask .action-sheet .action-sheet-gap[data-v-c8fbeedc]{height:8px;background:#f7f8fa}.loading[data-v-91d20cba]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:666;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8)}.loading .loading-box[data-v-91d20cba]{width:50%;color:#fff;text-align:center;background:#333;padding:15px 20px;border-radius:4px;border:1px solid hsla(0,0%,100%,.2)}.loading .loading-box .loading-progress[data-v-91d20cba]{margin-bottom:8px}.loading .loading-box .loading-text[data-v-91d20cba]{font-size:12px}.logo[data-v-af12e530]{width:30px;height:30px;display:inline-block;margin-right:10px;text-align:center;vertical-align:middle}.logo .ivu-icon[data-v-af12e530]{vertical-align:super}[data-v-af12e530] .attr-item{position:relative;margin-bottom:12px;height:40px;padding:0 10px;background:#f6f7f9;border:none;border-radius:4px;display:flex;align-items:center}[data-v-af12e530] .attr-item .ivu-tooltip{text-align:center;flex:1}.ivu-menu-vertical .menu-item[data-v-af12e530]{text-align:center;padding:10px 2px;box-sizing:border-box;font-size:12px}.ivu-menu-vertical .menu-item>i[data-v-af12e530]{margin:0}[data-v-af12e530] .ivu-layout-header{--height:45px;padding:0 10px;border-bottom:1px solid #eef2f8;background:#fff;height:var(--height);line-height:var(--height)}.home[data-v-af12e530],.ivu-layout[data-v-af12e530]{width:100%;height:100vh;position:relative;background:#333}.icon[data-v-af12e530]{display:block}.canvas-box[data-v-af12e530]{position:relative}.canvas-box .watermark-layer[data-v-af12e530]{position:absolute;top:-150px;left:-160px;width:180%;height:150%;background-image:url(https://huitu-1334771594.cos.ap-nanjing.myqcloud.com/images/kisslash_watermark_white.png);background-repeat:repeat;background-size:100px 120px;opacity:.4;pointer-events:none;transform:rotate(30deg);z-index:10}#canvas[data-v-af12e530]{width:300px;height:300px;margin:0 auto;background:#333;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateZ(0);will-change:transform}#workspace[data-v-af12e530]{overflow:hidden}.content[data-v-af12e530]{flex:1;width:220px;padding:10px;padding-top:0;height:100%;overflow-y:auto}.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active[data-v-af12e530]:not(.ivu-menu-submenu){background:none}.switch[data-v-af12e530]{margin-right:10px}.design-stage-point[data-v-af12e530]{--offsetX:0px;--offsetY:0px;--size:20px;background-size:var(--size) var(--size);background-image:radial-gradient(circle,#2f3542 1px,transparent 0);background-position:var(--offsetX) var(--offsetY)}.design-stage-grid[data-v-af12e530]{--offsetX:0px;--offsetY:0px;--size:16px;--color:#dedcdc;background-image:linear-gradient(45deg,var(--color) 25%,transparent 0,transparent 75%,var(--color) 0),linear-gradient(45deg,var(--color) 25%,transparent 0,transparent 75%,var(--color) 0);background-position:var(--offsetX) var(--offsetY),calc(var(--size) + var(--offsetX)) calc(var(--size) + var(--offsetY));background-size:calc(var(--size)*2) calc(var(--size)*2)}.coordinates-bar[data-v-af12e530]{--ruler-size:16px;--ruler-c:grey;--rule4-bg-c:#252525;--ruler-bdw:1px;--ruler-h:8px;--ruler-space:5px;--ruler-tall-h:16px;--ruler-tall-space:15px;position:absolute;z-index:2;background-color:var(--rule4-bg-c)}.coordinates-bar-top[data-v-af12e530]{cursor:row-resize;top:0;left:0;height:var(--ruler-size);width:100%;background-image:linear-gradient(90deg,var(--ruler-c) 0 var(--ruler-bdw),transparent 0),linear-gradient(90deg,var(--ruler-c) 0 var(--ruler-bdw),transparent 0);background-repeat:repeat-x;background-size:var(--ruler-space) var(--ruler-h),var(--ruler-tall-space) var(--ruler-tall-h);background-position:bottom}.coordinates-bar-left[data-v-af12e530]{cursor:col-resize;top:var(--ruler-size);width:var(--ruler-size);height:100%;left:0;background-image:linear-gradient(0deg,var(--ruler-c) 0 var(--ruler-bdw),transparent 0),linear-gradient(0deg,var(--ruler-c) 0 var(--ruler-bdw),transparent 0);background-repeat:repeat-y;background-size:var(--ruler-h) var(--ruler-space),var(--ruler-tall-h) var(--ruler-tall-space);background-position:100%}.sidebar[data-v-af12e530]{display:flex}.sidebar .content[data-v-af12e530]{height:200px}@media (max-width:768px){.sidebar[data-v-af12e530]{width:100%;display:flex;overflow-x:auto}.save-group[data-v-af12e530]{display:flex;align-items:center;justify-content:flex-end;width:100%;height:60px;background:#333;padding-right:10px}.save-group .btn[data-v-af12e530]{padding:8px 24px;border-radius:40px}.save-group .btn.save-drafts[data-v-af12e530]{margin-right:8px;color:#697e33;background:transparent;border:1px solid #697e33}.save-group .btn.save-img[data-v-af12e530]{color:#fff;background:#697e33}.workspace[data-v-af12e530]{width:100%;position:relative;height:calc(100vh - 184px)}.workspace.show[data-v-af12e530]{height:calc(100vh - 375px)}.properties-panel[data-v-af12e530]{width:100%;height:auto;padding:10px;overflow-y:auto;display:none}.tools-item1[data-v-af12e530]{width:100%;height:60px;padding:0 30px;background:#1e1e1e;justify-content:space-between}.tools-item1 .left[data-v-af12e530],.tools-item1[data-v-af12e530]{display:flex;align-items:center}.tools-item1 .left .icon[data-v-af12e530]{padding:0 10px;font-size:12px;text-align:center;color:#fff}.tools-item1 .left .icon.disabled[data-v-af12e530]{color:hsla(0,0%,100%,.3)}.tools-item1 .left .icon.disabled .ivu-icon[data-v-af12e530]{color:hsla(0,0%,100%,.3)!important}.tools-item1 .center .icon[data-v-af12e530]{color:#eee}.tools-item1 .right .icon[data-v-af12e530]{color:#fff;display:flex;align-items:center;justify-content:center}.tools-item1 .right .layer[data-v-af12e530]{font-size:14px;padding:8px 20px;border-radius:32px;background:#4f4f4f}.tools-item1 .right .group[data-v-af12e530]{color:#fff;display:flex;align-items:center;justify-content:center}.tools-item1 .right .group .item[data-v-af12e530]{padding:0 10px}.tools-panel[data-v-af12e530]{width:100%;height:64px;color:#fff;display:flex;background:#333;align-items:center;justify-content:space-around}.tools-panel .tools-item[data-v-af12e530]{padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tools-panel .tools-item .icon[data-v-af12e530]{width:20px;height:20px}.tools-panel .tools-item .icon>img[data-v-af12e530]{width:100%;height:100%}.popup-menu[data-v-af12e530]{width:100%;display:none;min-height:64px;background:#fff;position:fixed;left:0;bottom:-120px;z-index:6;transition:bottom .3s ease}.popup-menu.on[data-v-af12e530]{bottom:0;display:block}.popup-layer[data-v-af12e530]{width:100%;height:124px;background:#fff;position:fixed;left:0;bottom:-125px;overflow-x:auto;display:flex;align-items:center;transition:bottom .3s ease;contain:strict}.popup-layer.on[data-v-af12e530]{bottom:0}.popup-layer .layer-box[data-v-af12e530]{display:flex;padding-left:10px;white-space:nowrap;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.popup-layer .layer-box .layer-item[data-v-af12e530]{width:80px;height:100px;margin-right:10px;display:flex;padding:10px;flex:0 0 auto;background:#d9d9d94d;align-items:center;justify-content:center}.popup-layer .layer-box .layer-item .ellipsis[data-v-af12e530]{width:100%;height:100%}.popup-layer .layer-box .layer-item .ellipsis .txt[data-v-af12e530]{height:100%;padding:8px;overflow:hidden;text-align:center;white-space:break-spaces}.popup-layer .layer-box .layer-item .ellipsis .img[data-v-af12e530]{width:100%;height:100%;margin-right:10px}.pickup-layer[data-v-af12e530]{position:fixed;bottom:134px;left:10px;opacity:0;color:#fff;background:#4f4f4f;border-radius:80px}.pickup-layer.show[data-v-af12e530]{opacity:1}.pickup-layer .layer-box[data-v-af12e530]{display:flex;padding:10px 20px;align-items:center;justify-content:center}.pickup-layer .layer-box .icon[data-v-af12e530]{margin-right:6px}.tabsCard .ivu-tabs-tabpane[data-v-af12e530]{height:500px;overflow-y:auto}.tabsCard .material-box[data-v-af12e530]{height:100%;padding:0 20px;overflow-y:auto}.tabsCard .material-box .material-list[data-v-af12e530]{-moz-column-count:3;column-count:3;-moz-column-gap:10px;column-gap:10px}.tabsCard .material-box .material-list .material-item[data-v-af12e530]{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:10px}.tabsCard .material-box .material-list .material-item img[data-v-af12e530]{width:100%;height:100%}.preview[data-v-af12e530]{position:relative}.preview img[data-v-af12e530]{width:100%}.preview .mask[data-v-af12e530]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:transparent}.preview-footer[data-v-af12e530]{width:100%;position:absolute;bottom:0;left:0;padding:15px 16px;text-align:right;background:#fff;border-top:1px solid #e8e8e8}}li,ul{list-style:none}svg{vertical-align:middle}.vue-waterfall-easy-scroll{overflow:inherit!important}.ivu-slider-button{width:14px;height:14px;transform:scale(1.5)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:8px;background:rgba(0,0,0,.2)}::-webkit-scrollbar-track{border-radius:0;background:rgba(0,0,0,.1)}