page { background-color: #000; } .recharge_orderId.data-v-32c0de50 { width: 1000rpx; margin-left: -125rpx; margin-top: -20rpx; height: 230rpx; background: url(https://zhongshuai-prod.oss-cn-beijing.aliyuncs.com/appImage/order/order-realtime-pile-number-bg.png) no-repeat 100% 100%/contain; color: #828282; text-align: center; padding-top: 30rpx; font-size: 26rpx; } .recharge_orderId view.data-v-32c0de50 { display: flex; align-items: center; flex-direction: row; justify-content: center; } .recharge_orderId view image.data-v-32c0de50 { width: 30rpx; height: 30rpx; margin-left: 15rpx; } .recharge_trn.data-v-32c0de50 { margin-top: -130rpx; display: flex; align-items: center; flex-direction: column; justify-content: center; } .recharge_trn_yuan.data-v-32c0de50 { width: 500rpx; height: 500rpx; position: relative; } .recharge_trn_yuan_img.data-v-32c0de50 { width: 100%; height: 100%; animation: rotate-32c0de50 5s linear infinite; } .recharge_trn_text.data-v-32c0de50 { z-index: 9; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-top: -470rpx; } .recharge_trn_text view.data-v-32c0de50:nth-child(1) { color: #fff; font-weight: bold; font-size: 60rpx; } .recharge_trn_text view.data-v-32c0de50:nth-child(2) { color: #11927c; font-size: 28rpx; margin: 25rpx 0 15rpx; } .recharge_trn_text view.data-v-32c0de50:nth-child(3) { color: #24efe8; font-weight: bold; font-size: 36rpx; margin-bottom: 30rpx; } .recharge_trn_hei.data-v-32c0de50 { margin-top: -360rpx; width: 500rpx; height: 500rpx; z-index: 9; } .recharge_trn_car.data-v-32c0de50 { z-index: 10; width: 450rpx; position: relative; } .recharge_trn_car_img.data-v-32c0de50 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .recharge_trn_car_img1.data-v-32c0de50 { width: 100%; height: 100%; } .recharge_list.data-v-32c0de50 { display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding: 0 50rpx; } .recharge_list_view.data-v-32c0de50 { display: flex; align-items: center; flex-direction: column; justify-content: center; display: flex; align-items: center; flex-direction: column; justify-content: center; } .recharge_list_view image.data-v-32c0de50 { width: 75rpx; height: 75rpx; } .recharge_list_view_num.data-v-32c0de50 { color: #fff; font-weight: bold; font-size: 36rpx; margin: 10rpx 0; } .recharge_list_view_name.data-v-32c0de50 { color: #8b8b8b; font-weight: bold; font-size: 28rpx; } .recharge_block.data-v-32c0de50 { margin-top: 50rpx; display: flex; align-items: center; flex-direction: row; justify-content: space-between; } .recharge_block_view.data-v-32c0de50 { width: 200rpx; padding: 10rpx; border-radius: 25rpx; background: linear-gradient(0deg, #0b1521, #193c65); font-size: 28rpx; display: flex; align-items: center; flex-direction: column; justify-content: center; } .recharge_block_view view.data-v-32c0de50:nth-child(1) { color: #fff; } .recharge_block_view view.data-v-32c0de50:nth-child(2) { color: #8b98a0; } .recharge_note.data-v-32c0de50 { margin-top: 30rpx; display: flex; align-items: center; flex-direction: row; justify-content: space-between; color: #828282; font-size: 24rpx; } .recharge_btn1.data-v-32c0de50 { width: 650rpx; height: 100rpx; margin: 0 auto; font-size: 32rpx; font-weight: bold; display: flex; align-items: center; flex-direction: row; justify-content: center; background-color: #1879fe; border-radius: 50rpx; color: #fff; margin-top: 150rpx; } @keyframes rotate-32c0de50 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }