page {
  background-color: #f8f8f8;
}
.add_page {
  padding-bottom: calc(150rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(150rpx + env(safe-area-inset-bottom));
}
.add_page_header {
  background-color: #fff;
  padding: 20rpx 30rpx 30rpx 30rpx;
}
.add_page_header .header_cell {
  display: flex;
  align-items: center;
  color: #666666;
  font-size: 28rpx;
  padding-top: 15rpx;
}
.hande_name_info {
  display: flex;
  align-items: center;
}
.hande_name_info .name {
  color: #333333;
  font-size: 28rpx;
  font-weight: 500;
  padding: 0 30rpx 0 0;
}
.hande_name_info .name text {
  padding-left: 20rpx;
}
.hande_name_info .table_tab {
  display: flex;
  align-items: center;
  padding: 6rpx 16rpx;
  border-radius: 8rpx;
  font-size: 24rpx;
}
.hande_name_info .table_tab image {
  width: 18rpx;
  height: 24rpx;
  margin-right: 5rpx;
}
.hande_name_info .water {
  background-color: #F0F8FF;
  color: #0082FA;
}
.hande_name_info .electricity {
  background-color: #FFF8F0;
  color: #FFB30F;
}
.add_page_form_content {
  padding: 30rpx;
}
.card_form {
  background-color: #fff;
  padding: 0 30rpx;
  margin-bottom: 30rpx;
  border-radius: 20rpx;
}
.report_repair {
  padding: 10rpx 0;
  color: #999;
}
.current_reading {
  padding: 30rpx 0 0 0;
  border-bottom: 1px solid #eee;
}
.current_reading .title {
  color: #3D3D3D;
  font-size: 32rpx;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.current_reading .title .time {
  color: #999;
  font-size: 25rpx;
  font-weight: 400;
}
.current_reading .input_reading {
  color: #3D3D3D;
  font-size: 36rpx;
  font-weight: 600;
}
.current_reading .input_reading input {
  height: 90rpx;
}