page {
  background-color: #f8f8f8;
}
.search_box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 0 30rpx;
  border-top: 1rpx solid #eee;
  height: 100rpx;
  line-height: 100rpx;
}
.user_contents {
  padding: 100rpx 0 0 0;
  padding-bottom: calc(30rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
}
.customer_content {
  .customer_title {
    padding: 25rpx 30rpx;
    font-size: 24rpx;
    color: #666;
    background-color: #f7f8fa;
  }
}
.customer_list {
  padding: 0 30rpx;
  background-color: #fff;
  .customer_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1rpx solid #eee;
    padding: 30rpx 0;
    background-color: #fff;
    &:last-child {
      border: none;
    }
    .user_info {
      flex: 1;
      padding-left: 30rpx;
      height: 90rpx;
      font-size: 28rpx;
      font-weight: 500;
      color: #3d3d3d;
      .tabs_group {
        display: flex;
        align-items: center;
        padding-top: 8rpx;
        .item {
          border: 1rpx solid #c3c3c3;
          color: #606266;
          font-size: 23rpx;
          padding: 4rpx 20rpx;
          border-radius: 100rpx;
          margin-right: 20rpx;
        }
        .not_added {
          background-color: #f3f3f3;
          border-radius: 100rpx;
          color: #606266;
          font-size: 24rpx;
          border: 1rpx solid #f3f3f3;
        }
      }
    }
  }
}
