@import '../../../assets/constants'
.realtime-overview
  padding: 20px 32px
  display: flex
  flex-direction: column
  position: relative
  background: #ebeef1
  height: 100%
  overflow: auto
  &.fullscreen
    position: fixed
    top: 0
    left: 0
    width: 100%
    height: 100%
    overflow: auto
    z-index: 999
  .map-tip
    display: inline
    position: absolute
    color: #4F4F4F
    font-size: 12px
    line-height: 16px
    right: 2px
    top: 12px
    z-index: 999
  .overview-fullscreen
    position: absolute
    right: 0
    top: 35px
    height: 26px
    line-height: 26px
    text-align: center
    width: 28px
    border-radius: 20px 0 0 20px
    background: linear-gradient(138.1deg, #0EA1EB 0%, #5D71F0 100%)
    color: #fff
    font-size: 12px
    z-index: 999
    cursor: pointer
  .overview-map-container
    position: absolute
    top: 0
    left: 0
    width: 100%
    height: 806px
    overflow: hidden
  .overview-fix
    flex: none
    z-index: 100
    width: fit-content
    .online-num .view-content
      padding-top: 46px
      font-size: 40px
      color: $color-brand-black
      text-align: center
      &>span
        font-size: $size-font-mark
        margin-left: 10px
    &>div
      flex: none
      margin-bottom: 10px
      width: fit-content
      .view-panel
        margin-right: 10px
        &:last-of-type
          margin-right: 0
      &:last-of-type
        flex: 1
        margin-bottom: 20px
    .w1
      width: 191px
      height: 191px
    .w2
      width: 391px
      height: 191px
    .w3
      width: 591px
      height: 191px
  .overview-custom
    flex: none
    z-index: 99
    position: relative
    .toggle-map-btn
      position: absolute
      width: 32px
      height: 64px
      border-radius: $border-radius
      background: #fff
      border: 1px solid #d1d1d1
      top: -84px
      right: 20px
      font-size: 12px
      &>span
        display: inline-block
        height: 32px
        line-height: 32px
        width: 32px
        text-align: center
        cursor: pointer
    .title
      height: 40px
      line-height: 40px
      border-radius: $border-radius
      color: $color-brand-black
      font-size: $size-font-content-medium
      padding-left: 20px
      background-color: #E6E8EB
    .custom-banner
      display: flex
      flex-direction: row
      .item-empty
        background: #ffffff