.flex-start {
  display: flex;
  justify-content: start;
  align-items: start;
}

.ellipsis.info-label-text,
.info-collection .info-label,
.info-collection-horizontal .info-label {
  min-width: 10px !important;
}
.staff-base {
  .flex-start();
  gap: 16px;

  &-left {
    width: 400px;
    height: 100%;
  }
  &-map {
    width: 100%;
    height: 280px;
    border-radius: 8px;
  }
  &-right {
    width: calc(~'100% - 400px - 16px');
    display: flex;
    flex-wrap: wrap;

    &--right {
      flex: 1;
    }
    &-static {
      margin-top: 24px;
      padding-left: 32px;
      display: flex;
      flex-direction: column;
      gap: 24px;
    }
  }

  .today-work {
    height: 282px;
    overflow-y: auto;

    &-item {
      padding: 10px 15px;
      font-size: 14px;
      line-height: 24px;
      width: 100%;
      background: var(--bg-color2);
      border-radius: 2px;
      border: var(--border);
      &--name {
        color: var(--label-color);
      }
      &--content {
        color: var(--title-color);
      }
      &--value {
        font-size: 16px;
        color: var(--info-active2);
      }
    }
  }

  &-static {
    &-chart {
      height: 180px;
      width: 100%;
    }
  }

  .staff-zymx {
    width: 100%;
    margin-top: 16px;

    &-content {
      height: 330px;
      width: 100%;
    }
  }
}

.vtx-map-carCode {
  background-color: #fff;
  padding: 2px 4px;
  color: #1890ff;
  border: 1px solid #1890ff;
  border-radius: 2px;
  transform: translate(-35%);
  position: relative;
  left: 10px;
}
