.main-view[data-v-01dc535d]{text-align:left;background:#f4f4f4;color:#000;font-family:Apple System,SF Pro SC,SF Pro Display,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,Microsoft JhengHei,Source Han Sans SC,Noto Sans CJK SC,Source Han Sans CN,sans-serif;font-size:13px;margin:0;overflow:hidden;position:relative}.main-view[data-v-01dc535d] .el-collapse-item__header{height:38px;line-height:38px;padding-left:10px}.main-view .designer_header[data-v-01dc535d]{position:relative;background-color:#f7f7f7}.main-view .designer_header .titlebar[data-v-01dc535d]{position:relative}.main-view .designer_header .titlebar .btn_back[data-v-01dc535d]{height:20px;width:20px;position:absolute;left:2px;top:10px;padding:5px;cursor:pointer;display:block;font-size:20px}.main-view .designer_header .titlebar .btn_back .ico[data-v-01dc535d]{display:block;height:20px;width:20px}.main-view .designer_header .titlebar a[data-v-01dc535d]{font-size:inherit;text-decoration:none;color:#666;cursor:pointer}.main-view .designer_header .row[data-v-01dc535d]{position:relative;margin:0 20px 0 30px}.main-view .designer_header .row2[data-v-01dc535d]{height:30px;line-height:30px}.main-view .designer_header .title_container[data-v-01dc535d]{display:inline-block}.main-view .designer_header .title_container .diagram_title[data-v-01dc535d]{display:inline-block;font-size:20px;cursor:pointer;padding:0 10px;line-height:30px;height:30px;margin-top:10px}.main-view .designer_header .menu_bar[data-v-01dc535d]{display:inline-block;float:left}.main-view .designer_header .menu_bar ul[data-v-01dc535d]{margin:0;padding:0;list-style:none}.main-view .designer_header .menu_bar li[data-v-01dc535d]{float:left;line-height:28px;padding:0 10px;cursor:default}.main-view .designer_header .toolbar[data-v-01dc535d]{position:relative;padding-left:35px;background-color:#f3f3f3;border-top:1px solid #cbcccc;height:36px;font-size:12px;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background-color:#f5f5f5;background-image:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#eee));background-image:linear-gradient(0deg,#f5f5f5,#eee);border-bottom:1px solid #aaa}.main-view .designer_header .toolbar .toolbar_button img[data-v-01dc535d]{width:20px;height:20px}.main-view .designer_header .toolbar[data-v-01dc535d] .el-input--mini .el-input__inner{border:0;background:#f2f2f2;height:23px;line-height:23px}.main-view .designer_header .toolbar .box-card[data-v-01dc535d]{z-index:9999999999999;position:relative;width:196px;height:148px}.main-view .designer_header .toolbar .box-card[data-v-01dc535d] .el-card__body{position:absolute;padding:0}.main-view .designer_header .toolbar .toolbar_devider[data-v-01dc535d]{float:left;border-left:1px solid #d2d2d2;height:36px;margin:0 3px 0 3px;border-right:1px solid #fafafa}.main-view .designer_header .toolbar .spinner[data-v-01dc535d]{float:left;margin-top:5px;height:24px;border:1px solid transparent;border-radius:2px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-view .designer_header .toolbar .spinner .spinner_input[data-v-01dc535d]{margin-right:15px}.main-view .designer_header .toolbar .spinner .buttons[data-v-01dc535d]{position:absolute;right:0;top:0;height:24px;width:10px;border-left:1px solid transparent}.main-view .designer_header .toolbar .spinner .buttons .spinner_down[data-v-01dc535d],.main-view .designer_header .toolbar .spinner .buttons .spinner_up[data-v-01dc535d]{height:10px;width:10px}.main-view .designer_header .toolbar .spinner .buttons img[data-v-01dc535d]{width:10px;height:14px}.main-view .designer_header .toolbar .spinner .buttons img[data-v-01dc535d]:hover{border-color:#ccc;background:#ccc}.main-view .designer_header .toolbar .toolbar_button[data-v-01dc535d]{float:left;margin-top:5px;height:24px;line-height:24px;min-width:20px;padding:0;text-align:center;border:1px solid transparent;border-radius:2px;position:relative;cursor:default}.main-view .designer_header .toolbar .toolbar_ico[data-v-01dc535d]{padding:2px}.main-view .designer_header .toolbar .buttons[data-v-01dc535d]:hover,.main-view .designer_header .toolbar .buttons_ico[data-v-01dc535d]:hover,.main-view .designer_header .toolbar .spinner.active[data-v-01dc535d],.main-view .designer_header .toolbar .spinner .active[data-v-01dc535d]:hover,.main-view .designer_header .toolbar .spinner[data-v-01dc535d]:hover,.main-view .designer_header .toolbar .toolbar_button[data-v-01dc535d]:hover{border-color:#c6c6c6;background:#fff}.main-view .designer_header .toolbar .toolbar .spinner[data-v-01dc535d],.main-view .designer_header .toolbar .toolbar .toolbar_button[data-v-01dc535d]{float:left;margin-top:5px}.main-view .designer_header .toolbar .login-status[data-v-01dc535d]{position:absolute;right:200px;margin-top:2px}.main-view .designer_header .toolbar .ele-delete[data-v-01dc535d]{position:absolute;right:100px;margin-top:2px}.main-view .designer_header .toolbar .save[data-v-01dc535d]{position:absolute;right:30px;margin-top:2px}.main-view .designer[data-v-01dc535d]{height:calc(100vh - 80px);position:relative}.main-view .designer .shape_panel[data-v-01dc535d]{height:100%;background:#87dcf6;width:282px;min-width:59px;overflow:hidden;overflow-y:auto;position:absolute;background:#f6f6f6;border-right:1px solid #a2a2a2;overflow:overlay}.main-view .designer .shape_panel .used_phont_list[data-v-01dc535d]{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.main-view .designer .shape_panel .used_phont_list .el-icon-error[data-v-01dc535d]{position:relative;top:-30px;left:60px;font-size:20px;width:0;cursor:pointer}.main-view .designer .shape_panel .used_phont_list .el-icon-document[data-v-01dc535d],.main-view .designer .shape_panel .used_phont_list .el-icon-picture[data-v-01dc535d]{position:relative;top:30px;left:60px;font-size:20px;width:0;cursor:pointer}.main-view .designer .shape_panel .used_phont_list .user_phont[data-v-01dc535d]{width:80px;height:80px;margin:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fcfcfc;border:1px solid #e2e2e2;cursor:pointer}.main-view .designer .shape_panel .used_phont_list .user_phont img[data-v-01dc535d]{width:auto;height:auto;max-width:80px;max-height:80px}.main-view .designer .shape_panel .used_phont_list .recom_phont[data-v-01dc535d]{width:80px;height:80px;margin:4px 2px 4px 2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fcfcfc;border:1px solid #e2e2e2;cursor:pointer}.main-view .designer .shape_panel .user_img_more[data-v-01dc535d]{text-align:center}.main-view .designer .shape_panel .user_img_more span[data-v-01dc535d]{cursor:pointer;line-height:40px;height:40px;color:#8f8f8f}.main-view .designer .shape_panel .other_list[data-v-01dc535d]{float:left}.main-view .designer .shape_panel .other_list div[data-v-01dc535d]{margin-top:2px}.main-view .designer .shape_panel[data-v-01dc535d]::-webkit-scrollbar{width:6px;height:1px}.main-view .designer .shape_panel[data-v-01dc535d]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#b4b4b4;border:1px solid #ededed;background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent)}.main-view .designer .shape_panel[data-v-01dc535d]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#ededed;border-radius:10px}.main-view .designer_viewport[data-v-01dc535d]{position:relative;margin-left:283px}.main-view .designer_viewport .designer_layout[data-v-01dc535d]{height:calc(100vh - 80px);overflow:hidden;position:relative;z-index:0;background:url(../img/designer_bg.5d754637.jpg) 50% no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:scroll}.main-view .designer_viewport .designer_layout .remark-info-area[data-v-01dc535d]{position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);margin:14px 0;top:0;font-size:12px;color:#fff;background:#2d4b82;line-height:30px;border-radius:4px;padding:0 4px;z-index:99999999999999}.main-view .designer_viewport .designer_layout .remark-info-area span[data-v-01dc535d]{margin:0 4px}.main-view .designer_viewport .designer_layout .designer_border[data-v-01dc535d]{-webkit-box-shadow:rgba(0,0,0,.2) 1px 1px 15px;box-shadow:1px 1px 15px rgba(0,0,0,.2)}.main-view .designer_viewport .designer_layout .designer_border .designer_grids[data-v-01dc535d]{position:relative;background-color:#fff;overflow:hidden}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .tips-title[data-v-01dc535d]{font-size:30px;height:100%;text-align:center;position:absolute;color:#a2a2a2;top:50%;left:50%;-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%)}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_img_list[data-v-01dc535d]{position:absolute;left:0;top:0;width:0;height:0;cursor:pointer}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_img_list div[data-v-01dc535d]{position:absolute;display:block;background:#f7f7f7;border:1px solid #067bef;width:6px;height:6px;z-index:999}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_img_list .img-menu-left-top[data-v-01dc535d]{top:1px;left:1px;cursor:nw-resize}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_img_list .img-menu-left-bottom[data-v-01dc535d]{bottom:1px;left:1px;cursor:sw-resize}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_img_list .img-menu-right-top[data-v-01dc535d]{top:1px;right:1px;cursor:ne-resize}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_img_list .img-menu-right-bottom[data-v-01dc535d]{bottom:1px;right:1px;cursor:se-resize}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_img_list .img-menu-rotate[data-v-01dc535d]{bottom:1px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);border:0;width:12px;height:12px;color:#067bef}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_img_list .img-menu-x-y[data-v-01dc535d]{margin-top:2px;width:80PX;height:auto;padding:2px;background-color:#fbfbfb;border-radius:2px;text-align:center;font-size:10px;color:#606266;left:50%;border:1px solid #a8a8a8;-webkit-transform:translate(-50%);transform:translate(-50%)}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_text_list[data-v-01dc535d]{position:absolute;left:0;top:0;width:auto;height:auto;text-align:center;background-color:rgba(255,0,0,0);cursor:pointer}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_text_list .text-edit-item[data-v-01dc535d]{font-family:simhei;line-height:14px;font-size:14px;outline:none;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;color:"#000000"}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_text_list .text-menu-right-bottom[data-v-01dc535d]{position:absolute;display:none;background:#f7f7f7;border:1px solid #067bef;width:6px;height:6px;bottom:-3px;right:-3px;cursor:se-resize}.main-view .designer_viewport .designer_layout .designer_border .designer_grids .canvas_qrcode_list[data-v-01dc535d]{position:absolute;z-index:99999999999999;width:43px;height:43px;right:29px;bottom:29px}.main-view .designer_viewport .canvas_size_change[data-v-01dc535d]{position:absolute;right:2px;top:2px}.main-view .designer_viewport .layer_list-bg[data-v-01dc535d]{position:absolute;right:10px;top:60px;height:auto;max-height:470px;min-width:40px;background:#b5b5b5;overflow:overlay;color:#f0f0f0}.main-view .designer_viewport .layer_list-bg .top-title[data-v-01dc535d]{text-align:center}.main-view .designer_viewport .layer_list-bg .layer-layout[data-v-01dc535d]{width:40px;height:auto;margin:6px 4px;text-align:center}.main-view .designer_viewport .layer_list-bg .layer-layout img[data-v-01dc535d]{cursor:pointer;width:auto;height:auto;max-width:40px;max-height:40px}.main-view .designer_viewport .layer_list-el[data-v-01dc535d]{position:absolute;right:10px;top:22px;height:auto;max-height:470px;background:#607d8b;overflow:overlay;color:#f0f0f0}.main-view .designer_viewport .layer_list-el .top-title[data-v-01dc535d]{text-align:center}.main-view .designer_viewport .layer_list-el .layer-layout[data-v-01dc535d]{width:40px;height:40px;margin:6px 4px;text-align:center;background-color:#fff}.main-view .designer_viewport .layer_list-el .layer-layout img[data-v-01dc535d]{cursor:pointer;width:auto;height:auto;max-width:40px;max-height:40px}.main-view .designer_viewport .layer_list-scrollbar[data-v-01dc535d]::-webkit-scrollbar{width:4px;height:1px}.main-view .designer_viewport .layer_list-scrollbar[data-v-01dc535d]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#55557f;border:1px solid #fff;background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent)}.main-view .designer_viewport .layer_list-scrollbar[data-v-01dc535d]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#ededed;border-radius:10px}.main-view .designer_footer[data-v-01dc535d]{position:fixed;left:0;bottom:0;width:100%;height:34px;background:#f3f3f3;border-top:1px solid #aaa;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-view .designer_footer .content-operation-area[data-v-01dc535d]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;z-index:99999996;height:30px;line-height:30px;background:hsla(0,0%,100%,.56);-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.12);box-shadow:0 0 4px 0 rgba(0,0,0,.12);border-radius:18px;color:#202020;padding:0 10px}.main-view .designer_footer .item-menu[data-v-01dc535d]{position:relative;left:calc(50% - 114px)}.main-view .designer_footer .item-menu .align-area[data-v-01dc535d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-view .designer_footer .item-menu .align-area div[data-v-01dc535d]{height:20px;line-height:20px}.main-view .designer_footer .item-menu .align-area .text-desc[data-v-01dc535d]{margin:0 10px}.main-view .designer_footer .item-menu .align-area .check-select[data-v-01dc535d]{width:20px;margin:0 4px;cursor:pointer}.main-view .designer_footer .item-menu .align-area .check-select img[data-v-01dc535d]{width:100%;height:auto}.main-view .designer_footer .canvas-menu[data-v-01dc535d]{position:relative;left:50%}.main-view .designer_footer .canvas-menu .canvas-proportion[data-v-01dc535d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-view .designer_footer .canvas-menu .canvas-proportion div[data-v-01dc535d]{height:20px;line-height:20px}.main-view .designer_footer .canvas-menu .canvas-proportion .toolbar_area_devider[data-v-01dc535d]{border-left:1px solid #d2d2d2;height:20px;margin:0 10px 0 10px;border-right:1px solid #fafafa}.main-view .designer_footer .canvas-menu .canvas-proportion .text-desc[data-v-01dc535d]{margin:0 10px}.main-view .designer_footer .canvas-menu .canvas-proportion .check-select i[data-v-01dc535d]:hover{color:#ff5722}.main-view .designer_footer .footer_content[data-v-01dc535d]{position:absolute;right:30px}