.home {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #f5f7fa;
  .home-bg {
    width: 70%;
    max-width: 1200px;
    margin-bottom: 20px;
  }
}
.console {
  width: 100%;
  height: 100%;
  padding-bottom: 15px;

  :deep(.card-header) {
    display: flex;
    justify-content: space-between;
    padding: 20px 25px 5px 0;

    .title {
      h4 {
        font-size: 18px;
        font-weight: 500;
        color: #252f4a;
      }

      p {
        margin-top: 3px;
        font-size: 13px;

        span {
          margin-left: 10px;
          color: #52c41a;
        }
      }
    }
  }

  // 主标题
  :deep(.box-title) {
    color: #071437 !important;
  }

  // 副标题
  :deep(.subtitle) {
    color: #78829d !important;
  }

  :deep(.card-list li),
  .region,
  .dynamic,
  .bottom-wrap {
    background: #fff;
    border-radius: calc(0.75rem + 4px) !important;
  }
  .region {
    height: 420px;
    width: 50%;
    padding-top: 10px;
    border: 1px solid rgba(219, 223, 233, .6) !important;
  }

  .column {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    background-color: transparent !important;
  }

  .bottom-wrap {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    height: 300px;
    padding: 20px;
    margin-top: 20px;
    background: #fff;

    h2 {
      margin-top: 10px;
      font-size: 20px;
      font-weight: 500;
    }

    p {
      margin-top: 5px;
      font-size: 14px;
      color: #78829d;
    }
  }
}