.detail-real-box {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #b4cded;
  display: flex;
  padding: 10px 10px 0 10px;
  background: rgba(11, 83, 149, 0.2);

  .realbox-left {
    width: 264px;
    height: 100%;
    padding: 10px;

    .left-item {
      color: #b4cded;
      width: 100%;
      display: flex;
      margin-bottom: 10px;

      .item-name {
        flex: 1;
        text-align: justify;
        text-align-last: justify;
        margin-right: 40px;
      }

      .item-value {
        cursor: pointer;
        text-align: right;
        flex: 2;
        color: #ffffff;

        overflow: hidden;
        text-overflow: ellipsis; /* 超出部分省略号 */
        word-break: break-all; /* break-all(允许在单词内换行。) */
        display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
        -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
        -webkit-line-clamp: 1; /* 显示的行数 */

        img {
          height: 40px;
        }
      }
    }

    .left-item:first-child .item-value {
      color: #54a5ff;
    }
  }

  .realbox-right {
    width: 419px;
    height: 100%;
    padding: 10px;

    video {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  }

  .demo-image__error .image-slot {
    font-size: 30px;
  }
  .demo-image__error .image-slot .el-icon {
    font-size: 30px;
  }
  .demo-image__error .el-image {
    width: 100%;
    height: 200px;
  }
}

// 统计分析里面echarts
.detail-echarts {
  width: 100%;
  //   height: calc(100% - 40px);
  height: 100%;
}

.timeSearch {
  display: flex;
  padding-left: 20px;
  margin-bottom: 10px;
  width: 438px;
  height: 32px;
  background: rgba(13, 217, 254, 0.05);
  border: 1px solid #173262;
  align-items: center;
  span {
    margin-right: 20px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #f6f9fe;
  }
}
::v-deep(.el-input__wrapper) {
  background-color: #042c52 !important;
  border: none !important;
  box-shadow: none;
}

::v-deep(.el-table__header thead th) {
  background: #083b81 !important;
  color: #54a5ff;
}
::v-deep(.el-table tr) {
  // background: #11325f !important;
  background: linear-gradient(
    0deg,
    rgba(38, 77, 134, 0.5) 0%,
    rgba(38, 77, 134, 0.2) 100%
  ) !important;
  color: #b4cded;
  border: none !important;
  margin: 10px;
}
/* *表格背景透明 */
/* //透明化整体 */
::v-deep.el-table,
.el-table__expanded-cell {
  background: #11325f !important;
}
/* //透明化行、单元格,删除表头下横线 */
::v-deep tr,
::v-deep th,
::v-deep td {
  background: #1439391c !important;
  color: #b4cded;
  border-bottom: 0px;
  /* //删除表头下横线 */
}
/* //hover时样式 */
::v-deep .el-table tbody tr:hover > td {
  background-color: #367f7f78 !important;
}
::v-deep .el-table tbody {
  background-color: #042146 !important;
}
/* // 表格内容(有用) */
::v-deep .el-table__row {
  background: #113360 !important;
  color: #46d4ff;
}
/**表格背景透明end */
::v-deep .el-table__row > td {
  /* 去除表格线 */
  border: none;
}
::v-deep .el-table th.el-table__cell.is-leaf {
  /* 去除上边框 */
  border-bottom: none !important;
}
::v-deep .el-table__inner-wrapper::before {
  /* 去除下边框 */
  height: 0;
}
::v-deep .el-range-separator {
  color: #0dd9fe;
}

::v-deep .el-button {
  color: #1096db;
  background: transparent;
  border: none;
}

::v-deep .el-table .cell {
  text-align: center;
}