.summaryInfoRoot {
  width: 100%;
  height: 100%;
  overflow: hidden;

  .content {
    height: 100%;
    overflow-y: auto;
    padding: 10px 20px;

    .summaryInfoRoot-empty {
      display: flex;
      padding: 88px 12px;
      align-items: center;
      flex-direction: column;
    }

    .header {
      border-bottom: 1px solid #f4f4f4;
    }

    .tabs {
      .tabsLabel {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        height: 64px;

        .subTitle {
          width: 100px;
          font-size: 12px;
          padding-left: 4px;
          text-align: center;
          color: var(--kw-text-color);
        }
      }

      // antd的样式调整
      .ant-tabs-nav {
        margin-bottom: 0px;

        &::before {
          margin: 0px !important;
        }

        .ant-tabs-nav-list {
          width: 100%;

          .ant-tabs-tab {
            margin: 0px;
            padding: 0;
            width: 50% !important;

            .ant-tabs-tab-btn {
              width: 100%;
            }
          }

          .ant-tabs-tab-active {
            .subTitle {
              color: var(--kw-info-color);
            }
          }
        }

        .ant-tabs-nav-operations {
          display: none;
        }
      }
    }
  }
}
