/* pages/balance/index.wxss */ page{ width: 100%; height: 100vh; background: linear-gradient(to bottom, #F0F5F5 -40%, #F0F5F5 40%,#F0F5F5 100%); box-sizing: border-box; } .balance{ width: 100%; background-color: #ffffff; margin-top: 40rpx; padding: 60rpx 0rpx; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; } .money{ margin-top: 40rpx; } .money1{ font-size: 32rpx; } .moneys{ font-size: 42rpx; } .top_up{ margin-top: 140rpx; width: 300rpx; height: 80rpx; color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 10rpx; background-color: #07C160; } .withdraw{ margin-top: 30rpx; width: 300rpx; height: 80rpx; color: #222222; display: flex; align-items: center; justify-content: center; border-radius: 10rpx; /* background-color: #07C160; */ border: #222222 1rpx solid; } .balance_list{ width: 100%; background-color: #ffffff; margin-top: 30rpx; padding: 20rpx 30rpx; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; } .allocation{ width: 100%; height: 80rpx; display: flex; align-items: center; justify-content:space-between; padding: 0rpx 0rpx; overflow: hidden; box-sizing: border-box; border-bottom: #f8f8f8 1rpx solid; } .allocation_1{ display: flex; font-size:13px; align-items: center; } .allocation_box{ border-radius: 16rpx; background-color: #ffffff; padding: 10rpx 0rpx; box-sizing: border-box; margin-top: 30rpx; box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1); } .allocation_2{ color: #999999; } .allocation_3{ font-size: 14px; } .driverpopup{ padding: 40rpx; /* display: flex; */ /* align-items: center; */ /* justify-content: center; */ } .driverpopup_box{ width: 100%; height: 100rpx; display: flex; justify-content: center; align-items: center; border-bottom: #cccccc 1rpx solid; } .picker{ width: 100%; height: 100rpx; display: flex; justify-content:space-between; align-items: center; } .botton{ width: 100%; display: flex; align-items: center; justify-content: center; } .botton_box{ width: 400rpx; height: 70rpx; margin-top: 100rpx; font-size: 28rpx; border-radius: 10rpx; display: flex; align-items: center; justify-content: center; color: #2C85FF; /* background-color: #2C85FF; */ border: 1rpx solid #2C85FF; } /* */ .selected{ width: 40rpx; height: 40rpx; color: #ffffff; display: flex; align-items: center; justify-content: center; background-color: #07C160; border-radius: 100%; } .driverpopup_title{ width: 100%; display: flex; align-items: center; justify-content: center; }