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_list .customer_item { display: flex; align-items: center; justify-content: space-between; border-bottom: 1rpx solid #eee; padding: 30rpx 0; background-color: #fff; } .customer_list .customer_item:last-child { border: none; } .customer_list .customer_item .user_info { flex: 1; padding-left: 30rpx; height: 90rpx; font-size: 28rpx; font-weight: 500; color: #3d3d3d; } .customer_list .customer_item .user_info .tabs_group { display: flex; align-items: center; padding-top: 8rpx; } .customer_list .customer_item .user_info .tabs_group .item { border: 1rpx solid #c3c3c3; color: #606266; font-size: 23rpx; padding: 4rpx 20rpx; border-radius: 100rpx; margin-right: 20rpx; } .customer_list .customer_item .user_info .tabs_group .not_added { background-color: #f3f3f3; border-radius: 100rpx; color: #606266; font-size: 24rpx; border: 1rpx solid #f3f3f3; }