.upload-image[data-v-4fe046d4] .el-upload--picture-card{position:relative;width:100%;height:240px;line-height:1.5;border:none}.upload-image[data-v-4fe046d4] .el-upload-dragger{width:100%;height:240px;line-height:1.5;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;background-color:#fbfdff}.upload-image[data-v-4fe046d4] .icon-cloud-upload{font-size:40px;margin:0;line-height:1;color:#02b388}.upload-image[data-v-4fe046d4] .el-upload__text{margin-top:12px;height:22px;font-family:PingFangSC-Medium;font-weight:500;font-size:14px;color:#222;letter-spacing:0;line-height:22px}.upload-image[data-v-4fe046d4] .el-upload__tip{margin-top:8px;height:22px;font-family:PingFangSC-Regular;font-weight:400;font-size:14px;color:#989898;letter-spacing:0;line-height:22px}.upload-image[data-v-4fe046d4] .el-upload-list__item{width:100%;height:auto;font-size:0}.upload-image[data-v-4fe046d4] .hover-close{display:none;position:absolute;top:0;right:0;font-size:16px;color:#fff;background-color:rgba(0,0,0,.5);padding:4px;cursor:pointer;z-index:2}.upload-image[data-v-4fe046d4] .wh-tip{position:absolute;bottom:0;right:0;font-size:14px;color:#fff;background-color:rgba(0,0,0,.5);line-height:24px;padding:0 4px;z-index:2;border-radius:4px}.upload-image[data-v-4fe046d4] .el-upload--picture-card:hover .hover-close{display:block}.ps-view[data-v-f26bb35e]{display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:center;width:100%;height:100%;padding:16px;box-sizing:border-box}.ps-view .ps-box[data-v-f26bb35e]{width:100%;height:100%;border-radius:8px;background:#fff;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ps-view .edit-box[data-v-f26bb35e]{display:inline-block;width:144px;height:48px;border-radius:4px;border:0 solid #979797;background:rgba(0,0,0,.5019607843137255);color:#fff;text-align:center;font-size:20px;line-height:48px;font-weight:500;font-family:PingFang SC;z-index:3;cursor:pointer}.ps-view .edit-box i[data-v-f26bb35e]{font-size:20px;margin-right:8px}.ps-view .close-box[data-v-f26bb35e]{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:4px;background:rgba(0,0,0,.50196078);color:#fff;font-size:32px;cursor:pointer}:root{--main-color:#00b388;--main-color-light:#b3e8db;--main-color-lighter:#e6f7f3;--main-color-dark:#00a17a}.el-button:focus,.el-button:hover{color:var(--main-color);border-color:var(--main-color-light);background-color:var(--main-color-lighter)}.el-button:active{color:var(--main-color-dark);border-color:var(--main-color-dark);outline:none}.el-button--primary{color:#fff;background-color:var(--main-color);border-color:var(--main-color)}.el-button--primary:focus,.el-button--primary:hover{background:var(--main-color-light);border-color:var(--main-color-light);color:#fff}.el-button--primary:active{background:var(--main-color-dark);border-color:var(--main-color-dark);color:#fff;outline:none}.el-slider__bar{background-color:var(--main-color)}.el-input__inner:focus,.el-slider__button{border-color:var(--main-color)}.el-input__inner:focus{outline:none}.el-input__inner:hover{border-color:var(--main-color)}.textarea-wrapper:focus-within{border-color:var(--main-color)}.el-tabs__active-bar{background-color:var(--main-color)}.el-loading-spinner .el-loading-text{color:var(--main-color)}.el-loading-spinner .path{stroke:var(--main-color)}body>.app{min-width:0!important;height:auto!important}.ps-view{--canvas-width:320px}.upload-image.UploadSelect.ps-upload{width:312px;height:312px}.upload-image.UploadSelect.ps-upload .el-upload-dragger{background-color:#fff;border-color:#989898;height:100%}.upload-image.UploadSelect.ps-upload .el-upload--picture-card{height:100%}.piant-edit-box{-webkit-user-select:none;-moz-user-select:none;user-select:none}.piant-edit-box .piant-btns{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.piant-edit-box .piant-btns .el-button{flex:none;font-size:14px}.piant-edit-box .piant-btns .el-button-group{flex:1}.piant-edit-box .piant-btns .left-pane .el-button-group{margin-right:16px}.piant-edit-box .piant-btns .right-pane .ml16,.piant-edit-box .preview-color{margin-left:16px}.piant-edit-box .preview-color>span{display:inline-flex;flex-flow:row nowrap;justify-content:center;align-items:center}.piant-edit-box .preview-color .color-span{margin-right:4px;border:1px solid #cdcdcd;color:transparent;border-radius:4px;font-size:12px}.piant-edit-box .preview-color .color-right{margin-left:4px}.piant-edit-box .piant-box{position:relative;margin-top:16px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.piant-edit-box .piant-box .paint-wrapper{position:relative;width:var(--canvas-width);height:var(--canvas-width);border-radius:8px;border:1px solid #ddd}.piant-edit-box .piant-box .paint-wrapper .span-label{border-radius:2px;opacity:.8;background:#000;left:12px;top:10px;position:absolute;width:32px;height:20px;color:#fff;text-align:center;font-size:12px;font-weight:400;font-family:PingFang SC;line-height:20px;z-index:2}.piant-edit-box .piant-box .paint-wrapper .canvas-container{position:relative;border-radius:12px;overflow:hidden;width:var(--canvas-width);height:var(--canvas-width);z-index:1}.piant-edit-box .piant-box .paint-wrapper .canvas-container canvas{position:absolute;left:0;top:0;width:var(--canvas-width);height:var(--canvas-width)}.piant-edit-box .piant-box .left-paint{background:#ddd;margin-right:16px}.piant-edit-box .piant-box .right-paint .canvas-container{cursor:move}.submit-canvas{border:1px solid #ccc;width:var(--canvas-width);display:none}.transparent-checker{background-image:linear-gradient(45deg,#cdcdcd 25%,transparent 0,transparent 75%,#cdcdcd 0),linear-gradient(45deg,#cdcdcd 25%,transparent 0,transparent 75%,#cdcdcd 0);background-size:8px 8px;background-position:0 0,4px 4px}.color-popover{min-width:10px;width:140px;padding:8px;height:40px;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.color-popover .color-block{display:inline-block;width:24px;height:24px;border:1px solid #cdcdcd;border-radius:4px;cursor:pointer}.color-popover .white-color{background-color:#fff}.color-popover .gray-color{background-color:#aaa}.color-popover .black-color{background-color:#000}.white-color{background-color:#fff}.gray-color{background-color:#aaa}.black-color{background-color:#000}.slider-popover{min-width:10px;width:400px;width:200px;padding:8px;height:40px;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.slider-popover .line-sliders{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center}.slider-popover .line-sliders .line-slider{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;margin-right:8px}.slider-popover .line-sliders .line-slider .line-slider-label{font-family:PingFangSC-Regular;font-weight:400;font-size:14px;color:#666}.slider-popover .line-sliders .line-slider .line-slider-pot{flex:1;width:100%;margin:0 12px}.slider-popover .line-sliders .line-slider .line-slider-max{font-family:PingFangSC-Regular;font-weight:400;font-size:14px;color:#666}.ps-upload.upload-image .icon-cloud-upload{color:var(--main-color,#02b388)}