page { background-color: #f8f8f8; } .page_bill_head_title { color: #3d3d3d; font-size: 30rpx; font-weight: 500; padding: 30rpx; background-color: #fff; border-top: 1rpx solid #eee; } .form_card { background-color: #fff; padding: 0 30rpx; margin-bottom: 30rpx; } .bill_content { padding: 20rpx 30rpx 0 30rpx; padding-bottom: calc(210rpx + constant(safe-area-inset-bottom)); padding-bottom: calc(210rpx + env(safe-area-inset-bottom)); } .bill_content .item_content { padding: 0 0 30rpx 0; } .bill_content .item_content .huse_name { font-size: 30rpx; } .bill_content .card_content { background-color: #fff; border-radius: 16rpx; padding: 0 30rpx 30rpx 30rpx; margin-top: 20rpx; } .bill_content .card_content .collapse_body { background-color: #f4f5f7; padding: 30rpx 30rpx 0 30rpx; border-radius: 10rpx; text-align: center; margin-top: 30rpx; } .bill_content .card_content .collapse_body .collapse_cell { display: flex; align-items: center; justify-content: space-between; padding-bottom: 25rpx; font-size: 28rpx; color: #666; } .bill_content .card_content .collapse_body .collapse_query_btn { border: 1px solid #999; font-size: 24rpx; display: inline-block; justify-content: center; align-items: center; margin: 0 0 30rpx 0; padding: 12rpx 20rpx; border-radius: 100rpx; color: #999; } .bill_content .card_content .collapse_body .collapse_cell_find_select { display: flex; align-items: center; } .bill_content .headner_title { padding: 25rpx 0; } .bill_content .collapse_hader { display: flex; align-items: center; justify-content: space-between; font-size: 30rpx; padding: 30rpx 0 0 0; } .bill_content .collapse_hader .collapse_hader_left, .bill_content .collapse_hader .collapse_hader_right { display: flex; align-items: center; } .bill_content .collapse_hader .collapse_hader_left { flex: 1; } .bill_content .collapse_hader .bill_title { color: #333; padding-left: 10rpx; width: 100%; } .bill_content .collapse_hader .bill_price { color: #df3600; padding-right: 10rpx; } .footer { position: fixed; left: 0; bottom: 0; right: 0; padding: 20rpx 30rpx 0 30rpx; background-color: #fff; display: flex; align-items: center; justify-content: space-between; padding-bottom: calc(20rpx + constant(safe-area-inset-bottom)); padding-bottom: calc(20rpx + env(safe-area-inset-bottom)); } .footer .btn { width: 48%; }