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;
  .header_cell{
    display: flex;
    align-items: center;
    color:#666666;
    font-size: 28rpx;
    padding-top: 15rpx;
  }
}
.hande_name_info{
  display: flex;
  align-items: self-start;
  .name{
    color:#333333;
    font-size: 28rpx;
    font-weight: 500;
    padding:0 30rpx 0 0;
    flex:1;
    text{
      padding-left: 20rpx;
    }
  }
  .table_tab{
    display: flex;
    align-items: center;
    padding: 6rpx 16rpx;
    border-radius: 8rpx;
    font-size: 24rpx;
    image{
      width:18rpx;
      height:24rpx;
      margin-right: 5rpx;
    }
  }
  .water{
    background-color: #F0F8FF;
    color:#0082FA;
  }
  .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;
  .title{
    color:#3D3D3D;
    font-size: 32rpx;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .time{
      color:#999;
      font-size:25rpx;
      font-weight: 400;
    }
  }
  .input_reading{
    color:#3D3D3D;
    font-size: 36rpx;
    font-weight: 600;
    input{
      height:90rpx;
    }
  }
}
