.charging_body { width: 100vw; height: 100vh; background-color: #f1f8fd; box-sizing: border-box; padding-top: 50rpx; .charging_container { position: relative; padding: 0 56rpx; padding-top: 50rpx; box-sizing: border-box; background-color: #ffffff; height: 100%; width: 100%; border-radius: 70rpx 70rpx 0 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); .reload{ position: absolute; right: 26rpx; top:16rpx; } .charging_footer { margin-top: 68rpx; .charging_footer_button { width: 100%; padding: 30rpx 0; border-radius: 15rpx 15rpx 15rpx 15rpx; background: #121836; color: #ffffff; font-size: 34rpx; font-weight: 600; } } .charging_cars { flex-wrap: wrap; margin-top: 68rpx; .charging_cars_item { width: 290rpx; height: 175rpx; background: rgba(181, 195, 240, 0.08); border-radius: 20rpx 20rpx 20rpx 20rpx; padding: 30rpx 20rpx; box-sizing: border-box; .charging_cars_item_footer { color: #121836; font-size: 26rpx; margin-top: 20rpx; } .charging_cars_item_top { font-size: 26rpx; color: #666666; position: relative; image { width: 92rpx; height: 92rpx; position: absolute; right: -57rpx; top: -57rpx; } } } } .charging_information { margin-top: 68rpx; .charging_information_item { .charging_information_item_value { font-size: 30rpx; color: #121836; } .charging_information_item_label { color: #666666; font-size: 26rpx; } } .segmentation { width: 3rpx; height: 88rpx; background: linear-gradient(360deg, #c9d5f7 8%, #7494f7 49%, #c2d0fa 100%); } } .charging_title:first-child{ margin-top: 0; } .charging_title { color: #000000; font-size: 26rpx; margin-top: 15rpx; } .charging_dashboard { margin-top: 68rpx; } } }