page {
  background-color: #F2F8F6;

  .searchHeader {
    margin-top: 10px;
    padding: 0 20rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 200ms;
    position: sticky;
    z-index: 200 ;
    overflow: hidden;
  }

  .searchBox {
    flex: 1;
    height: 68rpx;
    background: #FFFFFF;
    border-radius: 32rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 24rpx;

    .input {
      font-size: 28rpx;
      margin-left: 20rpx;
      flex: 1;
    }
  }

  .titleBox {
    margin-top: 40rpx;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    padding-right: 30rpx;
    justify-content: space-between;

    .title {
      font-size: 30rpx;
      font-weight: bold;
      color: #323635;
    }
  }

  .contentBox {
    display: flex;
    flex-wrap: wrap;

    .items {
      display: inline-block;
      background: #FFFFFF;
      border-radius: 32rpx;
      padding: 10rpx 24rpx;
      font-size: 24rpx;
      font-weight: 500;
      color: #323635;
      line-height: 24rpx;
      margin-top: 24rpx;
      margin-right: 24rpx;
    }
  }
}

