movecar_wx/pages/balance/index.wxss

/* 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;
}