.page[data-v-db3a238e]{height:100%;box-sizing:border-box}#canvas[data-v-db3a238e]{width:1000px;height:1000px}.page[data-v-db3a238e]{position:relative;background:#20242e}.page .toptool[data-v-db3a238e]{background-color:#2c303c;border-bottom:1px solid #3d455c;position:absolute;left:70px;top:0;right:0;height:70px}.page .toptool .headers[data-v-db3a238e]{border-bottom:1px solid #3b434e;height:30px;line-height:30px;padding:0 10px;color:#b1cef5;display:flex;justify-content:space-between;align-items:center}.page .toptool .headers .el-dropdown-link[data-v-db3a238e]{color:#b1cef5}.page .toptool .headers .layout-config input[data-v-db3a238e]{border:1px solid #3a4052;background-color:#252a35;color:#b4c9e4;width:50px;margin:0 4px}.page .toptool .headers .layout-config input[data-v-db3a238e]:focus{outline:none}.page .panels[data-v-db3a238e]{position:absolute;left:0;top:0;bottom:0;width:70px;background-color:#20242e;border-right:1px solid #3d455c}.page .panels .title[data-v-db3a238e]{font-size:14px;color:#f06666;margin:0;line-height:70px;height:70px;border-bottom:1px solid #3d455c;text-align:center}.page .panels .title i[data-v-db3a238e]{cursor:pointer}.page .panels .title i[data-v-db3a238e]:hover{color:var(--activeTextColor)}.page .panels .models-list[data-v-db3a238e]{background-color:#20242e}.page .cbox[data-v-db3a238e]{position:absolute;left:70px;top:71px;right:210px;bottom:0;overflow:auto}.page .cbox .canvas-box[data-v-db3a238e]{box-sizing:border-box;background-color:#76778b;background:url(/images/bg.jpg) 0 0 repeat;width:100%}.page .box[data-v-db3a238e]{color:#8fa1b9;box-sizing:border-box}.page .box h3[data-v-db3a238e]{margin:0;font-size:14px;margin-bottom:5px}.page .box input[data-v-db3a238e]{background-color:#252a35;outline:none;color:#8fa1b9;width:95%;border-width:0;border-radius:4px;padding:4px}.page .box.info[data-v-db3a238e]{height:calc(100% - 71px);width:210px;position:absolute;right:0;top:71px;bottom:0;z-index:2;border-left:1px solid #2f303d;background-color:#20242e}.page .box.info .row[data-v-db3a238e]{padding-bottom:10px}.page .box.info .scrollbar[data-v-db3a238e]::-webkit-scrollbar-track-piece{background:#2f303d}.page .box.info .scrollbar[data-v-db3a238e]::-webkit-scrollbar{width:6px}.page .box.info .scrollbar[data-v-db3a238e]::-webkit-scrollbar-thumb{background:#76778b;border-radius:20px}.floors[data-v-db3a238e]{height:100%}.floors h3[data-v-db3a238e]{position:relative;padding:10px}.floors h3 .floor-add[data-v-db3a238e]{position:absolute;right:12px;top:12px;cursor:pointer;width:16px;height:16px;border-radius:16px;background-color:#4077ba;text-align:center;line-height:15px;color:#b4c9e4}.floors ul[data-v-db3a238e]{padding:10px;overflow-y:auto;overflow-x:hidden;height:calc(100% - 171px);margin:0}.floors ul li[data-v-db3a238e]{list-style:none;font-size:12px;padding-bottom:5px;border-bottom:1px solid rgba(60,76,96,.598)}.floors ul li h5[data-v-db3a238e]{margin:0;padding:10px 0;color:#4077ba;position:relative;display:flex;justify-content:space-between}.floors ul li h5 span[data-v-db3a238e]{cursor:pointer;width:12px;height:12px;border-radius:12px;background-color:#da635a;text-align:center;line-height:8px;color:#b4c9e4}.floors ul li h5 .del[data-v-db3a238e]{display:inline-block;margin-left:10px}.floors ul li .item[data-v-db3a238e]{display:flex;padding-bottom:5px}.floors ul li .item .label[data-v-db3a238e]{width:60px}.scrollbar[data-v-db3a238e]::-webkit-scrollbar{width:6px}.scrollbar[data-v-db3a238e]::-webkit-scrollbar:horizontal{height:10px}.scrollbar[data-v-db3a238e]::-webkit-scrollbar-thumb{border-radius:6px;width:6px;background:#7eacf5}.scrollbar[data-v-db3a238e]::-webkit-scrollbar-corner{background:#4e667a}.scrollbar[data-v-db3a238e]::-webkit-scrollbar-track{background:#617a8f}.scrollbar[data-v-db3a238e]::-webkit-scrollbar-track-piece{background:#475561;width:6px}.input[data-v-db3a238e]{border:1px solid #3a4052;background-color:#252a35;color:#b4c9e4;width:100px;margin:0 4px}