/*!
 *  build: MAIL 
 *  copyright: neverdown.cc 
 *  time: 2025-12-17 09:17:41
 */.background-wrapper{left:0;top:0;overflow:hidden;pointer-events:none}.background-wrapper,.background-wrapper .background{position:absolute;height:100%;width:100%}.dp-image{width:100%;height:100%;overflow:hidden}.dp-image img{width:100%;height:100%;pointer-events:none;display:block}.dp-text{word-break:break-word;outline:none;width:100%;height:auto}.editor-resize-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #9e2b5a;pointer-events:none}.editor-resize-wrapper:after{width:100%;height:1px;background-color:#000;display:block;position:absolute;left:0;top:0}.editor-resize-wrapper .editor-resize{position:absolute;background-color:#fff;border:1px solid #ededed;pointer-events:all;box-sizing:border-box}.editor-resize-wrapper .size-top-left{left:0;top:0;transform:translate(-50%,-50%)}.editor-resize-wrapper .size-top{left:50%;top:0;transform:translate(-50%,-50%)}.editor-resize-wrapper .size-top-right{right:0;top:0;transform:translate(50%,-50%)}.editor-resize-wrapper .size-bottom-left{left:0;bottom:0;transform:translate(-50%,50%)}.editor-resize-wrapper .size-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.editor-resize-wrapper .size-bottom-right{right:0;bottom:0;transform:translate(50%,50%)}.editor-resize-wrapper .size-left{left:0;top:50%;transform:translate(-50%,-50%)}.editor-resize-wrapper .size-right{right:0;top:50%;transform:translate(50%,-50%)}.editor-resize-wrapper .size-angle{width:14px;height:14px;border-radius:50%;box-shadow:0 2px 9px 0 rgba(145,144,144,.13);border:1px solid #cbcbcb}.editor-resize-wrapper .size-verticle{width:6px;height:14px;background:#fff;border-radius:4px;border:1px solid #cbcbcb}.editor-resize-wrapper .size-horizontal{width:14px;height:6px;background:#fff;border-radius:4px;border:1px solid #cbcbcb}.editor-resize-wrapper .editor-rotate{bottom:-44px;left:50%;transform:translate(-50%,-50%);cursor:pointer;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%}.editor-resize-wrapper .top-left{cursor:nwse-resize}.editor-resize-wrapper .top{cursor:ns-resize}.editor-resize-wrapper .top-right{cursor:nesw-resize}.editor-resize-wrapper .right{cursor:ew-resize}.editor-resize-wrapper .bottom-right{cursor:nwse-resize}.editor-resize-wrapper .bottom{cursor:ns-resize}.editor-resize-wrapper .bottom-left{cursor:nesw-resize}.editor-resize-wrapper .left{cursor:ew-resize}[data-v-fb066542]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.dp-object-wrapper[data-v-fb066542]{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:move}.dp-object-wrapper>div[data-v-fb066542]{width:100%;height:100%}.dp-object-wrapper[data-v-fb066542]:hover:before{content:"";display:block;position:absolute;top:-1px;left:-1px;width:100%;height:100%;pointer-events:none;z-index:2;border-style:dotted;border-image-source:url(../../static/img/dashborder.b1e54aba.png);border-image-slice:1 1;border-image-repeat:round;border-width:1px}.dp-object-wrapper.dp-object-wrapper-selected[data-v-fb066542]:before{content:"";display:block;position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border:none}.dp-object-wrapper.dp-object-wrapper-editing[data-v-fb066542]{cursor:text}.component-tabs{width:100%;height:100%;position:relative}.component-tabs .tab-navs{height:40px;line-height:40px;display:block;list-style:none;margin:0;padding:0;text-align:left;background:#f6f7fb;color:#3e3e3e;font-size:14px;font-weight:700}.component-tabs .tab-navs .tab-nav{display:inline-block;width:auto;list-style:none;text-align:center;padding:0 20px;cursor:pointer}.component-tabs .tab-navs .tab-nav.tab-nav-actived{background-color:#fff}.component-tabs .tab-panels{width:100%;position:relative;overflow:hidden}.component-tabs .tab-panels .panels-wrapper{width:100%;height:100%;transition:transform .2s ease-in-out;display:flex;flex-direction:row}.component-tabs .tab-panels .panels-wrapper>div{width:100%;height:100%;flex-shrink:0;box-sizing:border-box}[data-v-645c4256]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.component-input[data-v-645c4256]{height:36px;line-height:36px;width:100%;position:relative}.component-input .input[data-v-645c4256]{width:100%;height:100%;border:1px solid #f4f4f4;border-radius:4px;outline:none;transition:all .3s ease-in-out;padding:0 8px;font-size:14px}.component-input .input[data-v-645c4256]:hover{border:1px solid rgba(158,43,90,.8)}.component-input .input[data-v-645c4256]:focus{border:1px solid #9e2b5a;box-shadow:0 0 6px 0 rgba(158,43,90,.5)}.component-input .input[data-v-645c4256]::-moz-placeholder{font-size:12px;color:#cbcbcb}.component-input .input[data-v-645c4256]:-ms-input-placeholder{font-size:12px;color:#cbcbcb}.component-input .input[data-v-645c4256]::placeholder{font-size:12px;color:#cbcbcb}.component-input .suffix[data-v-645c4256]{position:absolute;right:0;width:auto;height:100%;top:0;padding:0 10px}.component-input-number{display:inline-block}.component-input-number .number-handle{width:12px;height:100%;position:absolute;top:0;right:6px;z-index:2}.component-input-number .number-handle div{height:50%;width:100%;cursor:pointer;position:relative}.component-input-number .number-handle div:after{content:"";display:block;width:0;height:0;border:6px solid transparent;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.component-input-number .number-handle div:active:after{border-width:5px}.component-input-number .number-handle .plus:after{border-bottom-color:#cbcbcb}.component-input-number .number-handle .plus:hover:after{border-bottom-color:#9e2b5a}.component-input-number .number-handle .minus:after{top:40%;border-top-color:#cbcbcb}.component-input-number .number-handle .minus:hover:after{border-top-color:#9e2b5a}[data-v-ac6d7ed0]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.component-button[data-v-ac6d7ed0]{height:36px;width:auto;background-color:#f6f7fb;font-size:14px;color:#3e3e3e;border-radius:4px;cursor:pointer;transition:all .2s linear;border:1px solid #f2f2f2;padding:0 24px;box-sizing:border-box}.component-button[data-v-ac6d7ed0]:hover{color:#9e2b5a;border-color:#9e2b5a}.component-button.component-button-primary[data-v-ac6d7ed0]{background-color:#9e2b5a;border:none;color:#fff}.component-button.component-button-primary[data-v-ac6d7ed0]:hover{color:#fff;background-color:rgba(158,43,90,.8)}.component-button.component-button-outline[data-v-ac6d7ed0]{background-color:#fff}.component-button.component-button-shape-round[data-v-ac6d7ed0]{border-radius:18px}.slider-box{display:flex;align-items:center;font-size:12px}.slider-box .text{width:38px;text-align:left}.slider-box .slider{flex:1;margin:0 12px}.slider-box .num{width:60px}.flex-c{display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:20px}.flex-c>button{flex-grow:1}.flex-c .avatar-uploader{flex-grow:1;margin-right:10px}.flex-c .avatar-uploader button{width:100%}.canvas{width:340px;height:536px;border:1px solid red;margin-left:300px;overflow:hidden}.bgCanvasBox{height:100%}.bgCanvasBox .bgCanvas{width:177px;height:100%;margin:0 auto;background-size:contain}.bgCanvas{height:100%;background-repeat:no-repeat;margin:0 auto;background-position:50%;background-size:auto 100%}.img-container{width:280px;height:280px;text-align:center;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.img-container img{height:100%}.img-preview{width:420px;height:675px;float:left;margin-left:10px}.component-base-modal{width:0;height:0;pointer-events:none}.component-base-modal .mask{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)!important;z-index:1001;opacity:0;transition:opacity .2s ease-in-out}.component-base-modal .content-wrapper{position:fixed;width:auto;height:auto;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);z-index:1002;background-color:#fff;border-radius:4px;overflow:hidden;transition:all .2s ease-in-out;box-shadow:0 9px 15px 0 rgba(0,0,0,.15)}.component-base-modal .content-wrapper .header{height:54px;line-height:54px;background:#f6f7fb;text-align:center;color:#3e3e3e;font-size:16px;font-weight:700;position:relative}.component-base-modal .content-wrapper .header .btn-close{position:absolute;right:0;top:0;width:52px;height:100%;cursor:pointer}.component-base-modal .content-wrapper .header .btn-close i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;color:#8c8c8c;transition:color .2s linear}.component-base-modal .content-wrapper .header .btn-close:hover i{color:#3e3e3e}.component-base-modal .content-wrapper .btn-close-alone{position:absolute;right:17px;top:17px;width:18px;height:18px;line-height:17px;text-align:center;cursor:pointer;padding:0;border-radius:50%;background-color:#8c8c8c;transition:all .2s linear;margin:0}.component-base-modal .content-wrapper .btn-close-alone i{font-size:12px;color:#fff}.component-base-modal .content-wrapper .btn-close-alone:hover{background-color:#9e2b5a}.component-base-modal-activated{pointer-events:all}.component-base-modal-activated .mask{opacity:1}.component-base-modal-activated .content-wrapper{transform:translate(-50%,-50%) scale(1)}.component-upload{position:relative;cursor:pointer;overflow:hidden;width:auto;height:auto;display:inline-block}.component-upload>input{cursor:pointer;position:absolute;width:800%;height:800%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;opacity:0}.component-upload .slot{position:relative;z-index:2}.preview{width:50%}.truncate{width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.truncate:hover{overflow:visible}[data-v-36489c9e]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.resourceDialog .dialog-box[data-v-36489c9e]{overflow:hidden;height:620px;width:750px;background:#fff;border-radius:4px}.resourceDialog .dialog-box>div[data-v-36489c9e]{height:100%}.resourceDialog .dialog-box>div.d-b-left[data-v-36489c9e]{float:left;background:#f6f7fb;width:200px;position:relative}.resourceDialog .dialog-box>div.d-b-left .d-b-title[data-v-36489c9e]{padding:30px 20px;font-size:22px;font-weight:600;color:#3e3e3e}.resourceDialog .dialog-box>div.d-b-left .d-b-menu>li[data-v-36489c9e]{height:40px;line-height:40px;position:relative;font-size:14px;color:#3e3e3e;cursor:pointer;padding-left:50px}.resourceDialog .dialog-box>div.d-b-left .d-b-menu>li>i[data-v-36489c9e]{font-size:25px;position:absolute;left:15px}.resourceDialog .dialog-box>div.d-b-left .d-b-menu>li.active[data-v-36489c9e]{background:#fff;cursor:auto}.resourceDialog .dialog-box>div.d-b-left .upload-wrapper[data-v-36489c9e]{color:#fff;width:160px;position:absolute;bottom:20px;left:50%;margin-left:-80px;height:40px;line-height:40px;text-align:center;border-radius:4px}.resourceDialog .dialog-box>div.d-b-right[data-v-36489c9e]{overflow:hidden;padding:20px}.resourceDialog .dialog-box>div.d-b-right .iconicon_sousuo[data-v-36489c9e]{font-size:20px;color:#9e2b5a;line-height:40px;margin-right:20px;cursor:pointer}.resourceDialog .dialog-box>div.d-b-right .img-list[data-v-36489c9e]{height:500px;overflow-y:scroll}.resourceDialog .dialog-box>div.d-b-right .img-list[data-v-36489c9e]::-webkit-scrollbar{width:0}.resourceDialog .dialog-box>div.d-b-right .img-list>li[data-v-36489c9e]{display:flex;flex-direction:column;align-items:center;width:210px;float:left}.resourceDialog .dialog-box>div.d-b-right .img-list>li .img[data-v-36489c9e]{width:180px;height:94px;border-radius:4px;overflow:hidden;float:left;background-color:#d8d8d8;border:1px solid #f6f7fb;box-sizing:border-box;margin:0 10px 0 0;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative}.resourceDialog .dialog-box>div.d-b-right .img-list>li .img.upload-li[data-v-36489c9e]{background:#fff;border:1px dashed #ccc}.resourceDialog .dialog-box>div.d-b-right .img-list>li .img.upload-li .component-upload[data-v-36489c9e]{width:100%;height:100%}.resourceDialog .dialog-box>div.d-b-right .img-list>li .img.upload-li .component-upload>i[data-v-36489c9e]{font-size:20px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0}.resourceDialog .dialog-box>div.d-b-right .img-list>li .img[data-v-36489c9e]:hover{border-color:#ccc}.resourceDialog .dialog-box>div.d-b-right .img-list>li .img:hover>i[data-v-36489c9e]{display:block}.resourceDialog .dialog-box>div.d-b-right .img-list>li .img[data-v-36489c9e]:nth-child(5n){margin-right:0}.resourceDialog .dialog-box>div.d-b-right .img-list>li .img>img[data-v-36489c9e]{width:100%;cursor:pointer;display:block}.resourceDialog .dialog-box>div.d-b-right .img-list>li .img>i[data-v-36489c9e]{position:absolute;right:5px;top:5px;cursor:pointer;color:#9e2b5a;display:none}.resourceDialog .dialog-box>div.d-b-right .shop-img[data-v-36489c9e]{margin-top:30px;height:100%;overflow:auto}.component-color-map{margin-top:10px;width:220px;height:174px;background-color:#fff;background-image:url(data:image/png;base64,);background-size:100% 100%;position:relative;overflow:hidden}.component-color-map .indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #fff;box-sizing:border-box;border-radius:50%;pointer-events:none;margin-left:-8px}.component-color-picker{width:240px;height:auto;padding:10px;background-color:#2d3842;border-radius:4px;position:absolute;right:0;bottom:100%;color:#fff;z-index:999}.component-color-picker .colors-wrapper{display:flex}.component-color-picker .colors-wrapper .color-col{width:22px}.component-color-picker .colors-wrapper .color-col .color{width:22px;height:22px}.component-color-picker .colors-wrapper .color-col .color:hover{transform:scale(1.2)}.component-color-picker .colors-wrapper .color-col .color-transparent{position:relative;overflow:hidden}.component-color-picker .colors-wrapper .color-col .color-transparent:after{content:"";display:block;position:absolute;top:50%;left:50%;height:1px;width:200%;background-color:red;transform:translate(-50%,-50%) rotate(-45deg)}.component-color-picker .colors-wrapper .color-col .color-customer{background-color:#fff;background-image:url(data:image/jpeg;base64,);background-size:100% 100%;background-position:50%}.component-color-picker .current-color-wrapper{margin-top:20px;width:100%;height:22px;line-height:22px;position:relative;text-align:left;display:flex;align-items:center}.component-color-picker .current-color-wrapper .current-color{display:inline-block;width:22px;height:22px;margin-left:10px;background-image:url(data:image/jpeg;base64,)}.component-color-picker .current-color-wrapper .current-color em{display:block;width:100%;height:100%}.component-color-picker .current-color-wrapper .input-wrapper{width:80px;height:100%;position:relative;margin-left:10px;color:#000}.component-color-picker .current-color-wrapper .input-wrapper .pre{display:block;position:absolute;left:0;top:0;width:22px;height:22px;font-style:normal;text-align:right;padding-right:3px;font-size:16px;pointer-events:none}.component-color-picker .current-color-wrapper .input-wrapper input{width:100%;height:100%;outline:none;border:none;text-align:left;padding-left:20px;text-transform:uppercase;font-size:14px}.color-picker-container{display:inline-block;width:50px;height:26px;position:relative;border:1px solid #ededed;border-radius:4px;cursor:pointer}.color-picker-container .transparent{width:100%;height:100%;position:relative;overflow:hidden}.color-picker-container .transparent em{display:block;position:absolute;top:50%;left:50%;height:1px;width:200%;background-color:red;transform:translate(-50%,-50%) rotate(-45deg)}.color-picker-container .component-color-picker{top:100%;bottom:unset}[data-v-f8ab63c4]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.mb20[data-v-f8ab63c4]{margin-bottom:20px}.flex-c[data-v-f8ab63c4]{display:flex;justify-content:space-between;align-items:center}.flex-c button[data-v-f8ab63c4]{flex:1}.tool[data-v-f8ab63c4]{width:100%;height:40px;line-height:40px;text-align:center;font-size:16px;box-shadow:0 0 5px #ccc;border-radius:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-100[data-v-f8ab63c4]{width:100%}.bg-config .content[data-v-f8ab63c4]{padding:20px}.bg-config .configure[data-v-f8ab63c4]{margin:0 0 12px;vertical-align:top;overflow:hidden;border-radius:2px;padding:0}.bg-config .configure .component-upload[data-v-f8ab63c4]{display:block}.bg-config .configure .noBG[data-v-f8ab63c4]{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #ddd;font-size:12px;color:#999;height:232px;cursor:pointer}.bg-config .configure .noBG i[data-v-f8ab63c4]{margin-bottom:10px}.bg-config .configure .set-item[data-v-f8ab63c4]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:12px}.bg-config .configure .set-item .name[data-v-f8ab63c4]{margin-right:7px}.bg-config .configure .set-item .input[data-v-f8ab63c4]{width:80px;margin-right:6px}.bg-config .configure .set-item .flex-1[data-v-f8ab63c4]{flex:1}.bg-config .opacity[data-v-f8ab63c4]{display:flex;align-items:center;justify-content:space-around}.bg-config .opacity .slider[data-v-f8ab63c4]{flex:1}.bg-config .opacity .el-input-number[data-v-f8ab63c4]{width:90px}.component-slider{display:inline-block;width:170px;height:4px;border-radius:3px;background-color:#d8d8d8;position:relative;cursor:pointer}.component-slider .progress{width:0;height:100%;background-color:#9e2b5a;position:absolute;left:0;top:0;pointer-events:none}.component-slider .handle{display:block;width:16px;height:16px;position:absolute;left:0;top:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 2px 9px 0 rgba(145,144,144,.13);border:1px solid #cbcbcb;border-radius:50%;cursor:-webkit-grab;cursor:grab}.component-slider .handle .tip-value{position:absolute;width:auto;padding:0 5px;height:17px;line-height:17px;font-size:12px;background-color:rgba(158,43,90,.6);color:#fff;border-radius:2px;top:-8px;left:50%;pointer-events:none;transform:translate(-50%,-100%)}.component-slider .handle .tip-value:after{content:"";display:block;width:0;height:0;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(158,43,90,.6)}[data-v-5fa4023c]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.slider-box[data-v-5fa4023c]{display:flex;align-items:center;font-size:12px}.slider-box .text[data-v-5fa4023c]{width:38px;text-align:left}.slider-box .slider[data-v-5fa4023c]{flex:1;margin:0 12px}.slider-box .num[data-v-5fa4023c]{width:60px}.component-collapse-item{position:relative}.component-collapse-item .title{height:40px}.component-collapse-item .header{height:40px;line-height:40px;background-color:#f6f7fb;padding:0 20px;font-weight:700;font-size:14px;position:relative;cursor:pointer}.component-collapse-item .header .arrow{position:absolute;right:20px;top:50%;transform-origin:center center;transform:translateY(-60%);pointer-events:none;transition:all .3s ease-in-out;transform-origin:5px 5px}.component-collapse-item .header .arrow:after{content:"";display:block;width:6px;height:6px;border:2px solid transparent;border-right-color:#999;border-bottom-color:#999;transform:scale(.8)}.component-collapse-item .header .arrow-down{transform:translateY(-60%) rotate(45deg)}.component-collapse-item .header .arrow-right{transform:translateY(-50%) rotate(-45deg)}.component-collapse-item .content{height:auto;overflow:hidden;transition:height .2s ease-in-out}.component-collapse-item.component-collapse-item-actived .content{height:auto}.component-select{display:inline-block;width:auto;min-width:32px;height:36px;line-height:36px;position:relative;border-radius:4px;border:1px solid #f4f4f4;outline:none;transition:all .3s ease-in-out;padding:0 32px 0 8px;background-color:#fff;cursor:pointer}.component-select:hover{border:1px solid rgba(158,43,90,.8)}.component-select:hover .arrow:after{border-right-color:#9e2b5a;border-bottom-color:#9e2b5a}.component-select:focus{border:1px solid #9e2b5a;box-shadow:0 0 6px 0 rgba(158,43,90,.5)}.component-select .text{font-size:14px}.component-select .placeholder{color:#999}.component-select .arrow{position:absolute;right:9px;top:50%;transform-origin:center center;transform:translateY(-60%);pointer-events:none;transition:all .3s ease-in-out;transform-origin:5px 5px}.component-select .arrow:after{content:"";display:block;width:6px;height:6px;border:2px solid transparent;border-right-color:#999;border-bottom-color:#999;transform:scale(.8)}.component-select .arrow-down{transform:translateY(-60%) rotate(45deg)}.component-select .arrow-up{transform:translateY(-40%) rotate(-135deg)}.component-select .list-wrapper{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:0;overflow:hidden;transition:all .3s ease-in-out;z-index:10;transform:translateY(1px)}.component-select .list-wrapper li{height:100%;list-style:none;padding:0 8px}.component-select .list-wrapper li:hover{background-color:#f6f7fb}.component-select .list-wrapper-reverse{transform:translateY(-100%);top:-1px}.component-select-activated{border:1px solid #9e2b5a;box-shadow:0 0 6px 0 rgba(158,43,90,.5)}.component-select-activated .list-wrapper{height:auto;box-shadow:0 0 6px 0 rgba(0,0,0,.1)}.component-select-activated .arrow:after{border-right-color:#9e2b5a;border-bottom-color:#9e2b5a}[data-v-1c823dac]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.position-size[data-v-1c823dac]{padding:20px}.position-size .set-item[data-v-1c823dac]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:12px}.position-size .set-item .name[data-v-1c823dac]{margin-right:7px}.position-size .set-item .input[data-v-1c823dac]{width:80px;margin-right:6px}.position-size .set-item .flex-1[data-v-1c823dac]{flex:1}.component-button-group>*,.component-collapse{position:relative}.component-button-group>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.component-button-group>:not(:first-child):before{content:"";display:block;height:100%;width:1px;position:absolute;left:0;top:0;background-color:#f2f2f2;z-index:1;transition:all .2s linear}.component-button-group>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.component-button-group>:not(:last-child):after{content:"";display:block;height:100%;width:1px;position:absolute;right:-1px;top:0;background-color:#f2f2f2;z-index:1;transition:all .2s linear}.component-button-group>:hover:after,.component-button-group>:hover:before{background-color:#9e2b5a;z-index:2}[data-v-775c9686]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.link-box[data-v-775c9686]{display:flex;align-items:center;font-size:12px}.link-box .text[data-v-775c9686]{width:38px;text-align:left}.link-box .link[data-v-775c9686]{flex:1;padding:22px}.link-box .link_suffix[data-v-775c9686]{flex:1;padding:0 22px}[data-v-25dcc360]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.font-config[data-v-25dcc360]{height:100%}.font-config .iconfont.active[data-v-25dcc360]{color:#9e2b5a}.font-config .flex[data-v-25dcc360]{display:flex;align-items:center;justify-content:space-between}.font-config .flex .flex1[data-v-25dcc360],.font-config .flex button[data-v-25dcc360]{flex:1}.font-config .base-config[data-v-25dcc360]{padding:20px}.font-config .mb20[data-v-25dcc360]{margin-bottom:20px}.font-config .item[data-v-25dcc360]{padding:20px}[data-v-cb0b4c96]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}li[data-v-cb0b4c96],ul[data-v-cb0b4c96]{margin:0;padding:0;list-style:none}.imgBox header[data-v-cb0b4c96]{padding:20px;align-items:center}.headButton[data-v-cb0b4c96]{display:flex;justify-content:center;align-items:center}.mb20[data-v-cb0b4c96]{margin-bottom:20px}[data-v-6847d582]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.font-config[data-v-6847d582]{height:100%}.font-config .iconfont.active[data-v-6847d582]{color:#9e2b5a}.font-config .flex[data-v-6847d582]{display:flex;align-items:center;justify-content:space-between}.font-config .flex .flex1[data-v-6847d582],.font-config .flex button[data-v-6847d582]{flex:1}.font-config .base-config[data-v-6847d582]{padding:20px}.font-config .mb20[data-v-6847d582]{margin-bottom:20px}.font-config .item[data-v-6847d582]{padding:20px}[data-v-511749cd]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.header[data-v-511749cd]{position:relative;width:100%;height:70px;line-height:70px;box-shadow:0 0 5px 0 #999;z-index:10;box-sizing:border-box}.header .tools-wrapper[data-v-511749cd]{height:100%;background:#fff;text-align:center;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.header .tools-wrapper .tool[data-v-511749cd]{display:inline-block;width:auto;cursor:pointer;color:#3e3e3e;transition:color .2s ease-in-out;position:relative}.header .tools-wrapper .tool i[data-v-511749cd]{font-size:20px;line-height:20px;display:block}.header .tools-wrapper .tool .name[data-v-511749cd]{line-height:17px;font-size:12px;margin-top:5px}.header .tools-wrapper .tool[data-v-511749cd]:not(:first-child){margin-left:63px}.header .tools-wrapper .tool[data-v-511749cd]:hover{color:#9e2b5a}.header .logo-wrapper[data-v-511749cd]{position:absolute;left:60px;height:100%;width:auto;z-index:2;cursor:pointer}.header .logo-wrapper img[data-v-511749cd]{width:50px;height:50px;border-radius:50%}.header .logo-wrapper span[data-v-511749cd]{margin-left:11px;font-size:30px;color:#0f0e0d}.header .options-wrapper[data-v-511749cd]{position:absolute;right:0;top:0;height:100%;width:auto;z-index:2;padding-right:60px;font-size:14px;display:flex;align-items:center}.header .iconic_xiangshang[data-v-511749cd]{display:inline-block;-webkit-animation:loadingRotate-511749cd 2s infinite;animation:loadingRotate-511749cd 2s infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes loadingRotate-511749cd{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loadingRotate-511749cd{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.panel-right .config-container{height:100%;display:flex;flex-direction:column}.panel-right .config-container .config-list-wrapper{flex:1;overflow-y:auto}.design-covers .design-cover{background-color:#d2d2d2;position:absolute;z-index:999;opacity:.5;pointer-events:none}.design-covers .design-cover-top{left:0;top:0}.design-covers .design-cover-right{right:0;top:0}.design-covers .design-cover-bottom{bottom:0;left:0}.design-covers .design-cover-left{left:0;top:0}.tools{position:fixed;top:0;width:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1001;pointer-events:none}.tools .tool{width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;position:relative;cursor:pointer;pointer-events:all}.tools .tool .hint{position:absolute;right:0;top:50%;transform:translate(calc(100% + 10px),-50%);width:auto;padding:0 5px;height:18px;line-height:18px;border-radius:4px;background-color:#3e3e3e;color:#fff;font-size:12px;white-space:nowrap;display:none}.tools .tool .hint:before{content:"";display:block;position:absolute;left:0;top:50%;width:0;height:0;border:5px solid transparent;border-right:5px solid #3e3e3e;transform:translate(-95%,-50%)}.tools .tool:not(:first-child){margin-top:10px}.tools .tool:hover{background-color:#3e3e3e;color:#fff}.tools .tool:hover .hint{display:block}.tools .tool .iconic_shouji-39{font-size:20px}.tools .tool .iconic_xiazai{font-size:17px}.tools .disabled{pointer-events:none;color:#cbcbcb}.zoomer{position:fixed;bottom:133px;right:340px;width:32px;height:auto;background:#fff;border-radius:15px;border:1px solid #dfdfdf;overflow:hidden;z-index:999;text-align:center;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#8c8c8c;transform:translateX(-100%)}.zoomer .zoom-btn{height:32px;line-height:32px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.zoomer .zoom-btn:hover{background-color:#9e2b5a;color:#fff}.zoomer .zoom-size{line-height:14px;font-size:12px;transform:scale(.83333)}[data-v-5cbf9724]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.layer-list-wrapper[data-v-5cbf9724]{width:245px;height:300px;position:fixed;z-index:1002;left:300px;top:300px;border:1px solid #ededed;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 0 3px 0 #999;border-radius:2px}.layer-list-wrapper .header[data-v-5cbf9724]{height:30px;line-height:30px;font-size:14px;padding:0 10px;background-color:#ededed;cursor:move}.layer-list-wrapper .header .btn-close[data-v-5cbf9724]{display:block;width:15px;height:15px;transform:rotate(45deg);cursor:pointer;position:absolute;right:10px;top:7px}.layer-list-wrapper .header .btn-close[data-v-5cbf9724]:after,.layer-list-wrapper .header .btn-close[data-v-5cbf9724]:before{content:"";display:block;position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#666}.layer-list-wrapper .header .btn-close[data-v-5cbf9724]:before{height:1px}.layer-list-wrapper .header .btn-close[data-v-5cbf9724]:after{width:1px}.layer-list-wrapper .content[data-v-5cbf9724]{overflow-y:auto;height:calc(100% - 30px);background-color:#fdfdfd}.layer-list-wrapper .content .layer-list .layer[data-v-5cbf9724]{display:flex;align-items:center;height:25px;font-size:12px;cursor:pointer;padding:10px;border-bottom:1px solid #f2f2f2}.layer-list-wrapper .content .layer-list .layer.actived[data-v-5cbf9724],.layer-list-wrapper .content .layer-list .layer[data-v-5cbf9724]:hover{background-color:#f2f2f2}.layer-list-wrapper .content .layer-list .layer.actived .iconfont[data-v-5cbf9724],.layer-list-wrapper .content .layer-list .layer:hover .iconfont[data-v-5cbf9724]{opacity:1}.layer-list-wrapper .content .layer-list .layer i[data-v-5cbf9724]{width:25px;display:inline-block;text-align:center}.layer-list-wrapper .content .layer-list .layer i[data-v-5cbf9724]:hover{color:#9e2b5a}.layer-list-wrapper .content .layer-list .layer i[data-v-5cbf9724]:first-child{margin-right:5px;opacity:1}.layer-list-wrapper .content .layer-list .layer .iconyincang1[data-v-5cbf9724]{font-size:19px}.layer-list-wrapper .content .layer-list .layer .iconunlock2[data-v-5cbf9724]{font-size:14px}.layer-list-wrapper .content .layer-list .layer .iconfont[data-v-5cbf9724]{opacity:0}.layer-list-wrapper .content .layer-list .layer span[data-v-5cbf9724]{flex:1}.layer-list-wrapper .content .layer-list .undraggable[data-v-5cbf9724]{cursor:not-allowed}.layer-list-wrapper .content .layer-list .fixed span[data-v-5cbf9724]{color:#9e9e9e}.layer-list-wrapper .content .layer-list .fixed i[data-v-5cbf9724]{color:#9e9e9e;pointer-events:none}.layer-list-wrapper .content .layer-list .fixed .iconic_suo[data-v-5cbf9724]{opacity:1}.dp-contextmenu{position:fixed;width:60px;height:auto;background-color:#fff;box-shadow:2px 2px 18px 0 rgba(0,0,0,.1);z-index:1001;text-align:center}.dp-contextmenu .menu-item{height:28px;line-height:28px;padding:0 10px;font-size:14px;color:#3e3e3e;cursor:pointer}.dp-contextmenu .menu-item:hover{color:#9e2b5a}.dp-contextmenu .menu-item.menu-item-disabled{color:hsla(0,0%,60%,.6);pointer-events:none}.dp-contextmenu .menu-split{height:1px;background-color:#ededed;margin:5px 0}.center-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.center-wrapper .design-view{width:420px;height:675px;background-color:#fff;position:absolute;left:50%}.center-wrapper .design-view #bigBg{width:100%;height:100%;overflow:hidden;position:absolute}.center-wrapper .canvas-wrapper{position:absolute;left:0;top:0;width:375px;height:603px;background-color:#fff;transform:translate(-200%,-200%)}.preview-modal{width:750px;height:576px}.preview-modal .mobile-area{width:366px;height:100%;float:left;background:#f6f7fb;text-align:center;box-sizing:border-box;padding-top:20px;position:relative}.preview-modal .mobile-area .phone-wrapper{width:216px;height:427px;margin:30px auto;padding:27px 8px 30px;box-sizing:border-box;position:relative}.preview-modal .mobile-area .phone-wrapper .phone-bar-wrapper{width:100%;height:49px;position:relative;background-image:url(../../static/img/phoneBar.31a54791.png);background-size:100% 100%;background-position:50%}.preview-modal .mobile-area .phone-wrapper .phone-bar-wrapper .title{font-size:12px;height:13px;line-height:13px;position:absolute;bottom:6px;left:50%;transform:translateX(-50%) scale(.8);color:#3e3e3e}.preview-modal .mobile-area .phone-wrapper .view-wrapper{width:100%;height:321px}.preview-modal .mobile-area .phone-wrapper .view-wrapper iframe{width:100%;height:100%}.preview-modal .mobile-area .phone-wrapper .phone-style-cover{width:100%;height:100%;position:absolute;z-index:3;left:0;top:0;background-image:url(../../static/img/normalScreen.b789b3e0.png);background-size:100% 100%;background-position:50%;pointer-events:none}.preview-modal .mobile-area .phone-screen-full{height:449px;padding:7px 8px 11px}.preview-modal .mobile-area .phone-screen-full .phone-bar-wrapper{height:47px;background-image:url(data:image/png;base64,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)}.preview-modal .mobile-area .phone-screen-full .view-wrapper{height:383px}.preview-modal .mobile-area .phone-screen-full .phone-style-cover{background-image:url(../../static/img/fullScreen.a1d808b3.png)}.preview-modal .mobile-area .phone-screen-short{height:412px;padding:29px 8px 49px}.preview-modal .mobile-area .phone-screen-short .phone-bar-wrapper{height:40px;background-image:url(../../static/img/phoneBarShortScreen.37906f71.png)}.preview-modal .mobile-area .phone-screen-short .view-wrapper{height:295px}.preview-modal .mobile-area .phone-screen-short .phone-style-cover{background-image:url(../../static/img/shortScreen.7162c50c.png)}.preview-modal .mobile-area .operate-bar{position:absolute;left:0;bottom:22px;width:100%;height:15px;line-height:15px;text-align:center;display:flex;align-items:center;justify-content:center}.preview-modal .mobile-area .operate-bar .pages{padding:0 15px}.preview-modal .mobile-area .operate-bar .page-btn{height:15px;width:15px;line-height:15px;background-color:#8c8c8c;transition:all .2s ease-in-out;border-radius:50%;overflow:hidden;cursor:pointer}.preview-modal .mobile-area .operate-bar .page-btn:hover{background-color:#9e2b5a}.preview-modal .mobile-area .operate-bar .iconfont{font-size:14px;color:#fff}.preview-modal .mobile-area .operate-bar .reverse{transform:rotate(180deg)}.preview-modal .setting-area{width:384px;float:left;padding:21px 21px 0 29px;box-sizing:border-box}.preview-modal .setting-area .title{font-size:20px;font-weight:700;line-height:24px;vertical-align:bottom}.preview-modal .setting-area .setting-item{margin-top:20px}.preview-modal .setting-area .setting-item .sub-title{font-size:14px;color:#8c8c8c;line-height:24px}.preview-modal .setting-area .setting-item .sub-title .desc{font-size:12px;margin-left:5px}.preview-modal .setting-area .setting-item .share-setting{margin-top:10px}.preview-modal .setting-area .setting-item .share-setting .share-img{width:100px;height:100px;background-color:#d8d8d8;position:relative;float:left}.preview-modal .setting-area .setting-item .share-setting .share-img img{width:100%;height:100%}.preview-modal .setting-area .setting-item .share-setting .share-img .cover-desc{position:absolute;left:0;bottom:0;width:100%;height:24px;line-height:24px;background-color:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px}.preview-modal .setting-area .setting-item .share-setting .share-content{width:224px;margin-left:10px;float:left}.preview-modal .setting-area .setting-item .share-setting .share-content .title{width:224px}.preview-modal .setting-area .setting-item .share-setting .share-content .description{height:54px;margin-top:10px}.preview-modal .setting-area .setting-item .qrcode{display:inline-block;width:150px;height:150px;margin-top:10px;background-color:#fff;border:1px solid #d8d8d8;display:flex;align-items:center;justify-content:center}.preview-modal .setting-area .setting-item .qrcode canvas{display:block}.preview-modal .setting-area .setting-item .src-wrapper{height:36px;line-height:36px;background-color:#f6f7fb;padding:0 75px 0 12px;position:relative;border-radius:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;margin-top:10px}.preview-modal .setting-area .setting-item .src-wrapper .btn-copy{position:absolute;right:0;top:0;height:100%;width:auto;padding:0 9px;color:#fff;background-color:#9e2b5a;cursor:pointer}.preview-modal .setting-area .setting-item .src-wrapper .btn-copy:hover{background-color:rgba(158,43,90,.7)}.preview-modal .setting-area .setting-item:after{content:"";display:block;clear:both}*{box-sizing:border-box}::-webkit-scrollbar{width:4px;height:4px;position:absolute}::-webkit-scrollbar-thumb{background:0 0;border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2);position:absolute}::-webkit-scrollbar-track{display:none;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:5px;background:rgba(0,0,0,.1);position:absolute}li,ul{list-style:none}body,html,li,ul{margin:0;padding:0}[data-v-5e233e09]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;column-second-menu-background:#fff}.editor-wrapper[data-v-5e233e09]{height:800px;background-color:#fff;min-width:1024px;position:relative;overflow:hidden}.editor-wrapper .content-wrapper[data-v-5e233e09]{height:calc(100% - 70px);position:relative;background-color:#e9e9e9}.editor-wrapper .content-wrapper .panel-left[data-v-5e233e09]{position:absolute;top:0;height:100%;overflow:auto;box-shadow:0 2px 9px 0 rgba(145,144,144,.13)}.editor-wrapper .content-wrapper .panel-center[data-v-5e233e09]{position:absolute;top:0;height:100%;overflow:auto;background-color:#fff}.editor-wrapper .content-wrapper .panel-right[data-v-5e233e09]{position:absolute;right:0;top:0;height:100%;width:320px;background-color:#fff;z-index:2;box-sizing:border-box;box-shadow:0 2px 8px 0 rgba(145,144,144,.13);transition:transform .2s linear;overflow:hidden}.editor-wrapper .content-wrapper .panel-right>div[data-v-5e233e09]{width:100%}.editor-wrapper .content-wrapper .panel-template[data-v-5e233e09]{position:absolute;right:0;top:0;height:100%;background-color:#fff;z-index:2;box-sizing:border-box;box-shadow:0 2px 8px 0 rgba(145,144,144,.13);transition:transform .2s linear}.editor-wrapper .content-wrapper .panel-hide[data-v-5e233e09]{transform:translateX(100%)}.editor-wrapper .image-choose-wrapper[data-v-5e233e09]{width:500px;height:300px}.editor-wrapper .image-choose-wrapper .image-wrapper[data-v-5e233e09]{width:120px;height:80px;display:inline-block}.editor-wrapper .image-choose-wrapper .image-wrapper img[data-v-5e233e09]{width:80%;height:auto;cursor:pointer}.editor-wrapper .ebtn[data-v-5e233e09]{background-color:#9e2b5a;color:#fff;cursor:pointer;border-radius:4px;transition:all .2s ease-in-out;border:none}.editor-wrapper .ebtn[data-v-5e233e09]:hover{background-color:rgba(158,43,90,.7)}.editor-wrapper .ebtn-outline[data-v-5e233e09]{background-color:#fff;color:rgba(0,0,0,.65);cursor:pointer;border:1px solid #d9d9d9;border-radius:4px;transition:all .2s ease-in-out}.editor-wrapper .ebtn-outline[data-v-5e233e09]:hover{color:#9e2b5a;border-color:#9e2b5a}.marginBottom10[data-v-5e233e09],.marginBottom20[data-v-5e233e09]{margin-bottom:20px}.panel-right .tabs .el-tabs__header[data-v-5e233e09]{margin-bottom:20px;background:#f6f7fb}.panel-right .tabs .el-tabs__nav[data-v-5e233e09]{box-shadow:0 2px 8px 0 rgba(145,144,144,.13);border:0;color:#3e3e3e;background:#fff}.panel-right .tabs .el-tabs__item.is-active[data-v-5e233e09]{color:#3e3e3e}.panel-right .el-button--primary[data-v-5e233e09]{background:transparent;color:#707070;font-size:14px;border-color:#cbcbcb}.panel-right .el-button--primary[data-v-5e233e09]:last-child{border-left-color:#cbcbcb}.panel-right .el-button--primary[data-v-5e233e09]:not(:first-child):not(:last-child){border-left-color:#cbcbcb;border-right-color:#cbcbcb}.panel-right header[data-v-5e233e09]{padding:0 20px 40px}