@-webkit-keyframes mu-skeleton-loading-data-v-d37ceb5a{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mu-skeleton-loading-data-v-d37ceb5a{0%{background-position:100% 50%}to{background-position:0 50%}}.fixed-action-bar[data-v-d37ceb5a]{position:fixed;bottom:0;padding:0 20px;transition:width .3s ease-in-out;width:calc(100% - var(--left-w))}.fixed-action-bar .content[data-v-d37ceb5a]{height:80px;line-height:80px;background-color:#fff;box-shadow:0 -5px 20px rgba(0,0,0,.05);border-radius:5px}.fixed-action-bar .content .el-button+.el-button[data-v-d37ceb5a]{margin-left:20px}@-webkit-keyframes mu-skeleton-loading-data-v-b698b63e{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mu-skeleton-loading-data-v-b698b63e{0%{background-position:100% 50%}to{background-position:0 50%}}.add-button[data-v-b698b63e]{display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px dashed #dcdfe6;color:#757575}.add-button[data-v-b698b63e]:hover{border-color:#3576ff!important;color:#3576ff!important}.add-button.disabled[data-v-b698b63e]{cursor:not-allowed}.add-button.disabled[data-v-b698b63e]:hover{border-color:#dcdfe6!important;color:#757575!important}.add-button.horizontal[data-v-b698b63e]{flex-direction:row}.add-button.horizontal .add-button-icon[data-v-b698b63e]{font-size:16px}.add-button.horizontal .add-button-text[data-v-b698b63e]{margin-top:0;margin-left:5px}.add-button.vertical[data-v-b698b63e]{flex-direction:column}.add-button .add-button-icon[data-v-b698b63e]{font-size:25px}.add-button .add-button-text[data-v-b698b63e]{font-size:14px;line-height:1;text-align:center;margin-top:5px;margin-left:0}@-webkit-keyframes mu-skeleton-loading-data-v-023bda1b{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mu-skeleton-loading-data-v-023bda1b{0%{background-position:100% 50%}to{background-position:0 50%}}.options-image[data-v-023bda1b]{position:relative;width:100%;height:100%;overflow:hidden;background-color:#f1f1f1}.options-image:hover .options-image-mask[data-v-023bda1b]{opacity:1}.options-image .options-image-src[data-v-023bda1b]{width:100%;height:100%}.options-image .options-image-mask[data-v-023bda1b]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.options-image .options-image-mask p[data-v-023bda1b]{font-size:14px;line-height:30px;color:#fff;cursor:pointer}.options-image .options-image-mask p+p[data-v-023bda1b]{margin-left:15px}@-webkit-keyframes mu-skeleton-loading-data-v-3114feae{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mu-skeleton-loading-data-v-3114feae{0%{background-position:100% 50%}to{background-position:0 50%}}.image-item[data-v-3114feae]{display:inline-block}.image-item .image-item-default[data-v-3114feae]{overflow:hidden;width:100%;height:100%;cursor:pointer;border:1px dashed #fff}.image-item .image-item-default[data-v-3114feae]:hover{border-color:#3576ff}.image-item .image-item-default .el-image[data-v-3114feae]{width:100%;height:100%}.image-item-add[data-v-3114feae]{height:100%}@-webkit-keyframes mu-skeleton-loading-data-v-5d921860{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mu-skeleton-loading-data-v-5d921860{0%{background-position:100% 50%}to{background-position:0 50%}}.preview-card[data-v-5d921860]{width:335px;height:157px;color:#fff;background-image:url(../img/cert-card-bg.249bb112.png);background-repeat:no-repeat;background-size:cover;border-radius:12px;padding:16px}.preview-card .content .head[data-v-5d921860]{display:flex;align-items:center;position:relative}.preview-card .content .head .cert-id[data-v-5d921860]{position:absolute;top:0;right:0;font-size:12px;line-height:17px;margin-right:5px}.preview-card .content .head .icon[data-v-5d921860]{flex-shrink:0;width:45px;height:45px;margin-right:12px}.preview-card .content .head .icon img[data-v-5d921860]{width:100%;height:100%;vertical-align:top;-o-object-fit:contain;object-fit:contain}.preview-card .content .head .title-group[data-v-5d921860]{min-width:0;flex-grow:1}.preview-card .content .head .title-group .title[data-v-5d921860]{font-size:16px;line-height:22px;font-weight:400}.preview-card .content .head .title-group .subtitle[data-v-5d921860]{margin-top:2px;font-size:18px;font-weight:700;line-height:25px}.preview-card .content .body[data-v-5d921860]{display:flex;margin-top:37px}.preview-card .content .body .body-item[data-v-5d921860]{width:0;flex-grow:1;text-align:center;position:relative}.preview-card .content .body .body-item+.body-item[data-v-5d921860]:before{content:"";position:absolute;top:5px;bottom:1px;left:0;border-left:1px solid #e9e9e9}.preview-card .content .body .body-item .title[data-v-5d921860]{font-size:13px;line-height:18px;font-weight:700}.preview-card .content .body .body-item .subtitle[data-v-5d921860]{margin-top:3px;font-size:12px;line-height:16px}@-webkit-keyframes mu-skeleton-loading-data-v-edbcffb2{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mu-skeleton-loading-data-v-edbcffb2{0%{background-position:100% 50%}to{background-position:0 50%}}.design .content[data-v-edbcffb2]{width:200px;height:200px}.design .content .add[data-v-edbcffb2],.design .content .img-wrap[data-v-edbcffb2]{height:100%;position:relative;overflow:hidden;border:1px dashed #dcdfe6;cursor:pointer}.design .content .add[data-v-edbcffb2]:hover,.design .content .img-wrap[data-v-edbcffb2]:hover{border-color:#3576ff}.design .content .add:hover .icon[data-v-edbcffb2],.design .content .img-wrap:hover .icon[data-v-edbcffb2]{color:#3576ff}.design .content .add:hover .view-info[data-v-edbcffb2],.design .content .img-wrap:hover .view-info[data-v-edbcffb2]{opacity:1;transform:translateY(0)}.design .content .add[data-v-edbcffb2]:active,.design .content .img-wrap[data-v-edbcffb2]:active{opacity:.7}.design .content .add[data-v-edbcffb2]{display:flex}.design .content .add .icon[data-v-edbcffb2]{margin:auto;font-size:25px;color:#606266}.design .content .img-wrap .view[data-v-edbcffb2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;vertical-align:top}.design .content .img-wrap .view-info[data-v-edbcffb2]{position:absolute;bottom:0;left:0;right:0;color:#fff;background-color:rgba(0,0,0,.5);font-size:16px;line-height:1;padding:8px 5px;text-align:center;opacity:0;transform:translateY(100%);transition:all .25s}@-webkit-keyframes mu-skeleton-loading-data-v-6fc4f696{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mu-skeleton-loading-data-v-6fc4f696{0%{background-position:100% 50%}to{background-position:0 50%}}.right-form-item[data-v-6fc4f696]{margin-bottom:24px}.right-form-item .right-form-item-head[data-v-6fc4f696]{margin-bottom:10px;display:flex;align-items:center}.right-form-item .right-form-item-head .open[data-v-6fc4f696]{min-width:0;flex-grow:1}.right-form-item .right-form-item-head .open[data-v-6fc4f696] .el-checkbox__label{color:#606266}.right-form-item .right-form-item-head .delete[data-v-6fc4f696]{flex-shrink:0;margin-left:15px;padding:0}.right-form-item .right-form-item-body .body-item[data-v-6fc4f696]{display:flex;align-items:center}.right-form-item .right-form-item-body .body-item+.body-item[data-v-6fc4f696]{margin-top:10px}.right-form-item .right-form-item-body .body-item .font-family-select[data-v-6fc4f696]{flex-grow:1;width:150px}.right-form-item .right-form-item-body .body-item .font-style-select[data-v-6fc4f696]{width:80px;margin:0 14px}.right-form-item .right-form-item-body .body-item .font-family-size[data-v-6fc4f696]{width:100%}@-webkit-keyframes mu-skeleton-loading-data-v-57fcca49{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mu-skeleton-loading-data-v-57fcca49{0%{background-position:100% 50%}to{background-position:0 50%}}.right-form-item[data-v-57fcca49]{margin-bottom:24px}.right-form-item .right-form-item-head[data-v-57fcca49]{margin-bottom:10px;display:flex;align-items:center}.right-form-item .right-form-item-head .open[data-v-57fcca49]{min-width:0;flex-grow:1}.right-form-item .right-form-item-head .open[data-v-57fcca49] .el-checkbox__label{color:#606266}.right-form-item .right-form-item-head .delete[data-v-57fcca49]{flex-shrink:0;margin-left:15px;padding:0}.right-form-item .right-form-item-body .body-item[data-v-57fcca49]{display:flex;align-items:center}.right-form-item .right-form-item-body .body-item+.body-item[data-v-57fcca49]{margin-top:10px}@-webkit-keyframes mu-skeleton-loading-data-v-b42bfc5e{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mu-skeleton-loading-data-v-b42bfc5e{0%{background-position:100% 50%}to{background-position:0 50%}}.my-konva .content[data-v-b42bfc5e]{height:800px}.my-konva .content .left[data-v-b42bfc5e]{float:left;width:200px;height:100%;padding:5px 15px}.my-konva .content .left .left-item+.left-item[data-v-b42bfc5e]{margin-top:20px}.my-konva .content .left .left-item .el-input-number[data-v-b42bfc5e]{max-width:100%}.my-konva .content .left .left-item .title[data-v-b42bfc5e]{font-size:16px;font-weight:700;line-height:1;color:#3a3a3a;margin-bottom:10px}.my-konva .content .left .left-item .subtitle[data-v-b42bfc5e]{font-size:12px;color:#a1a1a1;line-height:1.5;margin-bottom:10px}.my-konva .content .left .img-upload .upload-wrap[data-v-b42bfc5e]{width:170px;height:120px}.my-konva .content .left .img-upload .upload-wrap .add[data-v-b42bfc5e],.my-konva .content .left .img-upload .upload-wrap .img-wrap[data-v-b42bfc5e]{height:100%;position:relative;overflow:hidden;border:1px dashed #dcdfe6;cursor:pointer}.my-konva .content .left .img-upload .upload-wrap .add[data-v-b42bfc5e]:hover,.my-konva .content .left .img-upload .upload-wrap .img-wrap[data-v-b42bfc5e]:hover{border-color:#3576ff}.my-konva .content .left .img-upload .upload-wrap .add:hover .icon[data-v-b42bfc5e],.my-konva .content .left .img-upload .upload-wrap .img-wrap:hover .icon[data-v-b42bfc5e]{color:#3576ff}.my-konva .content .left .img-upload .upload-wrap .add:hover .view-info[data-v-b42bfc5e],.my-konva .content .left .img-upload .upload-wrap .img-wrap:hover .view-info[data-v-b42bfc5e]{opacity:1;transform:translateY(0)}.my-konva .content .left .img-upload .upload-wrap .add[data-v-b42bfc5e]:active,.my-konva .content .left .img-upload .upload-wrap .img-wrap[data-v-b42bfc5e]:active{opacity:.7}.my-konva .content .left .img-upload .upload-wrap .add[data-v-b42bfc5e]{display:flex}.my-konva .content .left .img-upload .upload-wrap .add .icon[data-v-b42bfc5e]{margin:auto;font-size:25px;color:#606266}.my-konva .content .left .img-upload .upload-wrap .img-wrap .view[data-v-b42bfc5e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;vertical-align:top}.my-konva .content .left .img-upload .upload-wrap .img-wrap .view-info[data-v-b42bfc5e]{position:absolute;bottom:0;left:0;right:0;color:#fff;background-color:rgba(0,0,0,.5);font-size:16px;line-height:1;padding:8px 5px;text-align:center;opacity:0;transform:translateY(100%);transition:all .25s}.my-konva .content .left .template-list .list-wrap[data-v-b42bfc5e]{height:550px}.my-konva .content .left .template-list .list-wrap .list-scroll[data-v-b42bfc5e]{height:100%}.my-konva .content .left .template-list .list-wrap .list-scroll[data-v-b42bfc5e] .el-scrollbar__wrap{overflow-x:hidden}.my-konva .content .left .template-list .list-wrap .list-item[data-v-b42bfc5e]{position:relative;cursor:pointer}.my-konva .content .left .template-list .list-wrap .list-item+.list-item[data-v-b42bfc5e]{margin-top:20px}.my-konva .content .left .template-list .list-wrap .list-item.active[data-v-b42bfc5e]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,64,255,.2);border:4px solid #008dfc}.my-konva .content .left .template-list .list-wrap .list-item img[data-v-b42bfc5e]{max-width:100%;vertical-align:top}.my-konva .content .right[data-v-b42bfc5e]{margin-left:200px;height:100%}.my-konva .content .right .right-content[data-v-b42bfc5e]{width:760px;height:100%;margin-right:320px;border-right:1px solid #ccc;border-left:1px solid #ccc;touch-action:none;overflow:hidden}.my-konva .content .right .right-content .content[data-v-b42bfc5e]{height:100%}.my-konva .content .right .right-content.custom[data-v-b42bfc5e]{position:relative;background-color:#dcdcdc;width:calc(750px + var(--ruler-s))}.my-konva .content .right .right-content.custom .content[data-v-b42bfc5e]{position:relative}.my-konva .content .right .right-content.custom .content[data-v-b42bfc5e]:before{content:"";width:var(--data-w);height:var(--data-h);position:absolute;left:var(--ruler-s);top:var(--ruler-s);background-color:#fff}.my-konva .content .right .right-content.custom[data-v-b42bfc5e]:after,.my-konva .content .right .right-content.custom[data-v-b42bfc5e]:before{content:"";background-color:#dcdcdc;position:absolute;bottom:0;right:0}.my-konva .content .right .right-content.custom[data-v-b42bfc5e]:before{width:100%;height:calc(100% - var(--data-h) - var(--ruler-s))}.my-konva .content .right .right-content.custom[data-v-b42bfc5e]:after{height:100%;width:calc(100% - var(--data-w) - var(--ruler-s))}.my-konva .content .right .right-tool[data-v-b42bfc5e]{float:right;width:320px;height:100%;padding:5px 0}.my-konva .content .right .right-tool .right-tabs[data-v-b42bfc5e] .el-tabs__header{padding-left:20px}.my-konva .content .right .right-tool .right-tabs[data-v-b42bfc5e] .el-tabs__header .el-tabs__item{height:40px;line-height:40px;color:#909399}.my-konva .content .right .right-tool .right-tabs[data-v-b42bfc5e] .el-tabs__header .el-tabs__item.is-active{color:#3a3a3a}.my-konva .content .right .right-tool[data-v-b42bfc5e] .el-tabs__content{margin-right:-15px}.my-konva .content .right .right-tool .right-tabs-content .add-custom-variable[data-v-b42bfc5e]{height:18px;margin-bottom:15px;padding-left:20px;margin-top:20px}.my-konva .content .right .right-tool .right-tabs-content .add-custom-variable .el-button[data-v-b42bfc5e]{padding:0}.my-konva .content .right .right-tool .right-tabs-content .add-custom-variable+.el-scrollbar[data-v-b42bfc5e] .right-scroll{height:711px}.my-konva .content .right .right-tool .right-tabs-content[data-v-b42bfc5e] .right-scroll{height:744px;padding-right:15px;overflow-x:hidden;margin-top:20px}.my-konva .content .right .right-tool .right-tabs-content .scroll-content[data-v-b42bfc5e]{padding-left:20px}@-webkit-keyframes mu-skeleton-loading-data-v-dd944946{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mu-skeleton-loading-data-v-dd944946{0%{background-position:100% 50%}to{background-position:0 50%}}.add-edit .content[data-v-dd944946]{padding:20px 0;position:relative}.add-edit .content .card-preview[data-v-dd944946]{position:absolute;top:20px;right:20px;z-index:1}.add-edit .content .card-preview .info[data-v-dd944946]{margin-top:15px;text-align:center;color:#999}@media screen and (max-width:1050px){.add-edit .content .card-preview[data-v-dd944946]{position:static;display:inline-block;margin-left:25px;margin-bottom:25px}}.add-edit .content .add-edit-form .cert-number[data-v-dd944946]{display:flex}