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

.area-base {
  display: flex;
  margin-top: 16px;
  &-left {
    width: 400px;
    height: 100%;
    margin-right: 16px;
    &--info {
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 0 20px;
    }
    &--infoList {
      flex: 1;
    }
    &-num {
      display: flex;
      &--text {
        width: 49%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 19px;
        padding: 0 20px;
        span {
          color: var(--title-color2);
          span {
            &:first-child {
              color: var(--title-color2);
              font-size: 20px;
              font-weight: 500;
            }
          }
          &:last-child {
            color: var(--info-color);
            font-size: 14px;
            font-weight: 400;
          }
        }
      }
    }
    &--online {
      width: 36px;
      height: 24px;
      font-size: 14px;
      margin-top: 4px;
      // float: right;
      background: var(--tag-bg);
      border-radius: 4px;
      font-family: HiraginoSansGB-W3, HiraginoSansGB;
      font-weight: normal;
      color: var(--block-bg-color2);
      text-align: center;
      line-height: 24px;
    }

    &--map {
      width: 100%;
      height: 324px;
      margin-top: 16px;
    }
  }
  &-right {
    width: calc(~'100% - 400px - 16px');
    &-top {
      width: 100%;
      height: 204px;
    }
  }

  .area-wgfx {
    width: 100%;
    height: 440px;
    margin-top: 16px;

    .block-green {
      color: var(--modal-title-color);
      &::before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        margin: -3px 8px 0 0;
        background: #53cb74;
      }
    }
    .block-red {
      color: var(--modal-title-color);
      &::before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        margin: -3px 8px 0 0;
        background: #f5222d;
      }
    }
  }
}
.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;
}

.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;
}
.anchorBL {
  display: none;
}
