page {
  background-color: #f8f8f8;
}
.bill_order {
  padding: 0 30rpx;
  padding-bottom: calc(210rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(210rpx + env(safe-area-inset-bottom));
}
.bill_content {
  .bill_content_house_name {
    padding: 30rpx 0;
    font-size: 28rpx;
    color: #333;
    font-weight: 500;
  }
}
.bill_content_item {
  background-color: #fff;
  padding: 1rpx 30rpx 30rpx 30rpx;
  border-radius: 20rpx;
  .bill_month_item {
    background-color: #f7f8fc;
    border-radius: 12rpx;
    padding: 25rpx 0;
    font-size: 28rpx;
    margin-top: 29rpx;
    &_header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #333;
      padding: 0 25rpx;
    }
    &_body {
      background-color: #fff;
      margin: 30rpx 30rpx 0 30rpx;
      padding: 0 20rpx 20rpx 10rpx;
      border-radius: 10rpx;
      .item_find_select {
        display: flex;
        align-items: center;
        padding: 20rpx 0 0 0;
        font-size: 28rpx;
        &_name {
          flex: 1;
          color: #666;
        }
        .price {
          color: #333;
        }
      }
    }
    .month_info {
      flex: 1;
    }
    .select_btn {
      padding: 0 20rpx 0 30rpx;
    }
    .price {
      display: flex;
      align-items: center;
      color: #df3600;
    }
  }
}
