zcloud-gbs-bi-react/src/pages/Container/Map/components/CenterUtils/index.less

.map_content_center_options_container {
  .center_options {
    width: 408px;
    position: absolute;
    top: 135px;
    left: 50%;
    display: flex;
    transform: translateX(-50%);

    .guang {
      background-size: 100% 100%;
      background-repeat: no-repeat;
      width: 348px;
      height: 32px;
      position: absolute;
      top: -23px;
      left: 50%;
      transform: translateX(-50%);
    }

    .option {
      background-size: 100% 100%;
      background-repeat: no-repeat;
      cursor: pointer;
      font-size: 14px;
      color: #fff;
      font-weight: bold;
      text-align: center;
      line-height: 40px;

      &.option0 {
        width: 139px;
        height: 42px;
      }

      &.option1 {
        width: 130px;
        height: 40px;
      }

      &.option2 {
        width: 139px;
        height: 42px;
      }
    }
  }

  .statistics {
    width: 408px;
    position: absolute;
    top: 205px;
    left: calc(50% + 240px);
    display: flex;
    gap: 5px;
    color: #fff;

    .statistic {
      border-radius: 2px;

      .title {
        padding: 3px 0;
        text-align: center;
        border-radius: 2px;
      }

      .info {
        padding: 7px 14px;
        border: 1px solid rgb(44, 105, 172);
        border-radius: 2px;
        background-color: rgba(0, 41, 82, 0.722);

        .value {
        }
      }
    }
  }
}