.popup[data-v-6aea1f03]{width:400px;font-family:PingFang SC;font-weight:400;font-size:14px;background:var(--right-bg-color);border-radius:10px;padding-bottom:20px}.popup .content[data-v-6aea1f03]{padding:16px 0 0 19px}.detail[data-v-6aea1f03]{width:164px;background:#fff;box-shadow:0 5px 16px 0 hsla(0,0%,72.9%,.96);border-radius:10px;font-family:PingFang SC;font-weight:400;font-size:12px;color:#000;padding:12px}.detail p[data-v-6aea1f03]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:9px}.el-image[data-v-6aea1f03]{width:140px;height:100px;margin-top:4px}.popup.gray .icon[data-v-6aea1f03]{background:#b7b7b7!important;border:2px solid #b7b7b7!important}.popup.gray .setting[data-v-6aea1f03]{color:#b7b7b7!important}.popup .header[data-v-6aea1f03]{display:flex;justify-content:space-between;align-items:center;height:34px;background:#2e3c55;border-radius:10px 10px 0 0;padding:10px 19px;color:#fff}.popup .header p[data-v-6aea1f03]:first-of-type{width:260px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.popup .state[data-v-6aea1f03]{margin-left:2px}.popup .state.offline[data-v-6aea1f03]{color:#e6e6e6}.popup .state.alarm[data-v-6aea1f03]{color:#e51212}.popup .state.normal[data-v-6aea1f03]{color:#03ff21}.popup .content[data-v-6aea1f03]{color:var(--header-bar-title-color);margin:20px 0 -8px;padding-bottom:20px;font-size:12px}.popup .content .video[data-v-6aea1f03]{width:360px;height:180px;border-radius:4px;margin-top:-16px}.popup .content .item[data-v-6aea1f03]{position:relative;padding-left:13px;margin-bottom:19px}.popup .content .item .setting[data-v-6aea1f03]{position:absolute;right:0;top:3px;cursor:pointer;color:#42a5f5}.popup .content .item[data-v-6aea1f03]:after{position:absolute;content:"";left:0;top:calc(50% - 2px);width:4px;height:4px;background:var(--header-bar-title-color);border-radius:2px}.popup .content .list[data-v-6aea1f03]{display:grid;grid-template-columns:126px 129px 100px}.popup .content .list.padding20[data-v-6aea1f03]{margin-top:21px}.popup .content .list>div[data-v-6aea1f03]{display:flex;flex:0 0 33.33333%;font-size:12px;margin-bottom:28px}.popup .content .list>div .icon[data-v-6aea1f03]{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:30px;height:30px;background:#42a5f5;border-radius:50%;border:2px solid #d8eeff;margin-right:9px}.popup .content .list>div .icon i[data-v-6aea1f03]{color:#fff}.popup .content .list>div .status.alarm[data-v-6aea1f03]{color:#ff3f29}.popup .content .list>div .status.normal[data-v-6aea1f03]{color:#52c41a}.popup .content .list>div:last-child .name[data-v-6aea1f03],.popup .content .list>div:nth-of-type(11) .name[data-v-6aea1f03],.popup .content .list>div:nth-of-type(12) .name[data-v-6aea1f03]{white-space:nowrap}.popup .content .list>div[data-v-6aea1f03]:nth-of-type(12){grid-column:1/2}.popup .time[data-v-6aea1f03]{height:30px;line-height:30px;background:#eaeef5;border-radius:0 0 10px 10px;text-align:center;font-size:12px}.popup .tabs[data-v-6aea1f03]{display:flex;width:360px;height:27px;background:#3277f3;font-family:PingFang SC;font-weight:400;font-size:12px;color:#fff;overflow:hidden;padding-left:6px;padding-top:2px}.popup .tabs>div[data-v-6aea1f03]{display:flex;justify-content:center;align-content:center;width:66px;cursor:pointer;line-height:24px}.popup .tabs>div.active[data-v-6aea1f03]{width:66px;font-family:PingFang SC;font-weight:400;font-size:12px;color:#000;border-bottom:66px solid #f5f5f5;border-right:10px solid transparent}.popup[data-v-6aea1f03] .el-date-editor{width:294px;height:30px;background:#fff;border-radius:10px;border:1px solid #c3c3c3;margin:20px 33px}.popup[data-v-6aea1f03] .el-table colgroup col[name=gutter],.popup[data-v-6aea1f03] .el-table th.gutter{display:none;width:0}