pos_xcx/pages/recharge/recharge.wxss

/* pages/recharge/recharge.wxss */
.jia {
  width: 50rpx;
  height: 50rpx;
  border-radius: 50%;
  background-color: #FFF;
  position: relative;
}

.heng {
  width: 40rpx;
  color: #000;
  height: 5rpx;
  border-bottom: 5rpx solid #000;
  position: relative;
  top: 21rpx;
  left: 1rpx;
}

.shu {
  width: 5rpx;
  color: #000;
  height: 40rpx;
  border-left: 5rpx solid #000;
  margin-left: 17rpx;
}

.add  {
  width: 50rpx;
  height: 50rpx;
  position: absolute;
  z-index:999;
  left: 221rpx;
  top: 35rpx;
}

.pay {
  width: 700rpx;
  font-size: 30rpx;
  font-weight: 500;
  background-color: #07c160;
  border-radius: 50rpx;
  height: 80rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  margin-left: 25rpx;
  margin-top: 20rpx;
}

.pay-list {
  display: flex;
  flex-direction: column;
}

.pay-info  {
  display: flex;
  flex-direction: row;
  margin-top: 20rpx;
}


.pay-line {
  width: 700rpx;
  margin-left: 25rpx;
  margin-top: 10rpx;
  border-bottom: 2rpx solid rgb(235, 234, 234);
}

.money-pos {
  display: inline-flex;
  padding-left: 18rpx;
  padding-right: 10rpx;
  padding-top: 20rpx;
  width: 67rpx;
}

.pay-desc  {
  display: flex;
  flex-direction: column;
  width: 482rpx;
}

.pay-text {
  font-size: 30rpx;
}
.time {
  font-size: 27rpx;
  color: #777;
  margin-top: 10rpx;
}
.money{
  font-size: 34rpx;
}

.pay-record {
  font-size: 25rpx;
  color: #777;
  margin-top: 20rpx;
  margin-left: 10rpx;
}

.no-pay {
  width: 500rpx;
  height: 500rpx;
  top: 50%;
  position: relative;
  left: 25%;
}

.no-data{
  height: 750rpx;
  line-height: 750rpx;
  text-align: center;
  color: #808080;
}

.recharge-money {
  display: flex;
  margin-top: 20rpx;
}

.money-num {
  display: flex;
  flex: 1;
  justify-content: center;
  height: 80rpx;
  align-items: center;
  border: 4rpx solid #07c160;
  margin: 10rpx;
  border-radius: 50rpx;
  text-align: center;
  color: #07c160;
}