.collection_con {
  display: flex;

  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  background-color: #f7f7f7;
  .collectionContent {
    padding-top: 24px;
    width: 100%;
    flex: 1 1 auto;
  }
  .title_item {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    flex-wrap: wrap;
    .title {
      font-size: $font_size;
      font-weight: 500;
    }
    .select {
      flex: 1;
      height: 60px;
      margin-left: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 26px;
      .input {
        width: 100%;
        height: 100%;
      }
    }
  }
  .desc_item {
    display: flex;
    .title {
      font-size: $font_size;
      font-weight: 500;
      padding-top: 20px;
    }
    .desc {
      margin-left: 20px;
      flex: 1;
    }
  }
  .toTopBar {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    .toTopTitle {
      font-size: 28px;
      font-weight: 500;
      color: #000000;
    }
    .toTopTips {
      font-size: 24px;
      color: #909090;
    }
  }
  .bottomBar {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding-top: 16px;
    padding-left: 48px;
    padding-right: 48px;
    padding-bottom: 16px;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}
