#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.contextmenu[data-v-8677e7e8]{margin:0;background:#fff;z-index:3000;position:absolute;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.contextmenu li[data-v-8677e7e8]{list-style-type:none;margin:0;padding:7px 16px;cursor:pointer;text-align:left}.contextmenu li[data-v-8677e7e8]:hover{background:#eee}.project-table .table-row-class .table-cell-class:hover{cursor:pointer}.home .main-cont[data-v-0a8f4314],.home[data-v-0a8f4314]{width:100%;height:100%}.home .main-cont .header[data-v-0a8f4314]{padding:10px 20px;display:flex}.home .main-cont .header-title[data-v-0a8f4314]{font-size:14px;line-height:20px;padding-right:40px;text-align:left;display:grid;grid-template-columns:80px 180px;grid-template-rows:20px 20px;text-overflow:ellipsis}.home .main-cont .header-title-name[data-v-0a8f4314]{grid-row-start:1;grid-row-end:3;line-height:40px}.home .main-cont .header-title-cont[data-v-0a8f4314]{color:#2b405d}.home .main-cont .header-title-desc[data-v-0a8f4314]{font-size:12px;color:#ccc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home .main-cont .aside-cont[data-v-0a8f4314]{padding:10px}.home .main-cont .aside-cont .project-tools[data-v-0a8f4314]{padding:0 10px;text-align:left}.home .main-cont .aside-cont .project-cont[data-v-0a8f4314]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home .main-cont .cont-main[data-v-0a8f4314]{padding:0 10px;display:flex}.home .main-cont .cont-main .canvas-cont[data-v-0a8f4314]{width:calc(100% - 220px);height:100%;background-color:#2b405d;overflow:auto}.home .main-cont .cont-main-prop[data-v-0a8f4314]{width:220px;height:100%;padding-left:10px;overflow:auto}.home .main-cont .draw-cont[data-v-0a8f4314]{padding:10px;display:grid;grid-template-columns:repeat(auto-fill,55px);grid-template-rows:auto}.home .main-cont .draw-cont-item[data-v-0a8f4314]{display:flex;flex-direction:column;padding:5px 10px;padding-bottom:0;width:40px;height:60px;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;justify-content:center;align-items:center}.home .main-cont .draw-cont-item[data-v-0a8f4314]:hover{cursor:pointer;background-color:#e2e2e2}.home .main-cont .draw-cont-item-icon[data-v-0a8f4314]{width:35px;height:35px;font-size:32px}.home .main-cont .draw-cont-item-title[data-v-0a8f4314]{line-height:30px}.home .footer[data-v-0a8f4314]{line-height:60px}.contextmenu[data-v-d138bec4]{margin:0;background:#fff;z-index:3000;position:absolute;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.contextmenu li[data-v-d138bec4]{list-style-type:none;margin:0;padding:7px 16px;cursor:pointer;text-align:left}.contextmenu li[data-v-d138bec4]:hover{background:#eee}.preview[data-v-31c30544]{position:absolute;width:100%;height:100%;overflow:hidden}.preview .title[data-v-31c30544]{width:100%;height:50px;line-height:50px;padding-left:30px;text-align:left;position:relative}.preview .title-right-icon[data-v-31c30544]{position:absolute;right:50px;top:0;line-height:50px;font-size:32px}.preview .title-right-icon[data-v-31c30544]:hover{cursor:pointer}.preview .title-right-icon-img[data-v-31c30544]{margin-right:10px}.preview .title-right-cont[data-v-31c30544]{position:absolute;right:50px;top:50px;line-height:30px;z-index:99999;padding:15px;border-radius:10px;background-color:#e2e2e2;text-align:center}.preview .canvas-cont[data-v-31c30544]{width:100%;height:calc(100% - 50px);overflow:auto;position:relative}.preview .canvas-cont .show-info[data-v-31c30544]{position:absolute;width:250px;height:auto;border:1px solid #374d6b;border-bottom:0;background-color:rgba(40,61,86,.9);color:#dfe3e8}.preview .canvas-cont .show-info-item[data-v-31c30544]{height:35px;line-height:35px;display:flex;font-size:14px;border-bottom:1px solid #374d6b}.preview .canvas-cont .show-info-item-title[data-v-31c30544]{font-weight:700;width:60px;text-align:right;padding:0 10px}.preview .canvas-cont .show-info-item-cont[data-v-31c30544]{padding-left:10px;border-left:1px solid #374d6b;text-align:left}.table[data-v-3bd624ae]{padding:20px 30px}body{padding:0;margin:0}body #app{width:100%;height:100%;position:absolute}::-webkit-scrollbar{width:10px;height:10px;border-radius:6px}::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,.3)}.title{width:100%;height:50px;line-height:50px;padding-left:30px;text-align:left;position:relative}.title-right-icon{position:absolute;right:50px;top:0;line-height:50px;font-size:32px}.title-right-icon:hover{cursor:pointer}.title-right-icon-img{margin-right:10px}.title-right-cont{position:absolute;right:50px;top:50px;line-height:30px;z-index:99999;padding:15px;border-radius:10px;background-color:#e2e2e2;text-align:center}.svg-icon[data-v-1b4bf88c]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.svg-external-icon[data-v-1b4bf88c]{background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important;display:inline-block}