.pie[data-v-4ba7f2e2]{height:150px}.real[data-v-5d6b9c09]{display:flex;grid-gap:20px}.real .real-left h4[data-v-5d6b9c09],.real .real-right h4[data-v-5d6b9c09]{padding-bottom:8px;font-size:19px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222;line-height:26px}.real .real-left[data-v-5d6b9c09]{width:420px;display:flex;flex-direction:column}.real .real-left .el-menu[data-v-5d6b9c09]{border:none}.real .real-left .el-menu .el-menu-item[data-v-5d6b9c09],.real .real-left .el-menu .el-submenu[data-v-5d6b9c09] .el-submenu__title{font-size:16px;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#333}.real .real-left .el-menu .el-menu-item.is-active[data-v-5d6b9c09]{color:#3ca0ff}.real .real-left .el-menu .el-menu-item.is-disabled[data-v-5d6b9c09]{color:#c0c4cc;opacity:1}.real .real-right[data-v-5d6b9c09]{flex:1}.real .real-right .play-back-box[data-v-5d6b9c09]{display:flex;align-items:center;grid-gap:40px;padding-top:20px}.real .real-right .play-back-box h4[data-v-5d6b9c09]{font-size:18px;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#333}.real .device-wrapper[data-v-5d6b9c09]{border:1px solid #ebeef5;background-color:#fff;border-radius:4px;padding:20px;padding-top:0;flex:1;display:flex;flex-direction:column}.real .device-wrapper .charts-box[data-v-5d6b9c09]{padding-bottom:30px}.real .device-wrapper .device-list-box[data-v-5d6b9c09]{height:480px;overflow-y:auto}.real .search-box[data-v-5d6b9c09]{margin-bottom:20px;position:relative}.real .search-box .search-input[data-v-5d6b9c09]{width:100%}.real .search-box .search-input[data-v-5d6b9c09] input{border-radius:20px;background:#f5f7f9;border:none}.real .search-box .search-input--icon[data-v-5d6b9c09]{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.real .device-list-item[data-v-5d6b9c09]{font-size:18px;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#333;padding:12px 0;text-align:center;border-bottom:1px solid #f4f4f4;cursor:pointer}.real .device-list-item.active[data-v-5d6b9c09],.real .device-list-item[data-v-5d6b9c09]:hover{color:#66b1ff}.video-box[data-v-5d6b9c09]{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:10px 16px}