body {
  overflow: hidden;
  background-color: #f7f9fd;
}

.ssm-list-container {
  flex: 1;
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: hidden;

  .list-top-bar {
    background-color: #fff;
    margin-bottom: 10px;

    .hidden {
      display: none;
    }

    // tab
    .list-tabs {
      background-color: #fff;
      .list-tab {
        --title-font-size: var(--content-second-size, 14px);
        color: #000;
        font-weight: var(--font-weight);

        .adm-tabs-tab-line {
          height: 4px;
          border-radius: 4px;
        }

        .adm-tabs-tab {
          font-size: var(--content-second-size, 14px) !important;
          font-weight: var(--font-weight) !important;
        }

        .adm-tabs-tab-active {
          font-size: var(--content-second-size, 14px) !important;
          font-weight: var(--font-weight) !important;
        }
      }
    }

    .list-search {
      overflow: hidden;
      background-color: #fff;

      // margin-bottom: 10px;
      .search {
        height: 56px;
        padding: 0 16px;
        --border-radius: 28px;
        --background: #f8f8f8;

        .adm-search-bar-input-box .adm-search-bar-input-box-icon {
          color: #1786ec;
        }

        .adm-search-bar-input-box .adm-search-bar-input {
          height: auto;
        }

        .adm-search-bar-input-box .adm-search-bar-input .adm-input {
          font-size: var(--content-second-size, 14px);
        }
      }
    }
  }

  .list-main {
    height: 100%;
    flex: 1;
    overflow: auto;

    //下拉与加载跟多的字体设置
    .adm-infinite-scroll {
      font-size: var(--desc-default-size, 12px);
    }

    .adm-pull-to-refresh-head-content {
      font-size: var(--desc-default-size, 12px);
    }
  }

  // 列表一行展示两项css
  .list-rows-two {
    .adm-pull-to-refresh-content {
      padding: 0 12px;
      background-color: #f7f9fd;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 10px;

      .mobile-card-item {
        flex: 1;
        max-width: 49%;
        min-width: 45%;
        border-radius: 4px;
        justify-content: space-between;
        box-sizing: border-box;
      }
    }
  }
}
