@import '/components/Lucky/index.wxss';
page {
  background: white;
}

.cy-top-view {
  width: 750rpx;
  height: 360rpx;
  background: white;
}

.cy-balance-detail {
  position: absolute;
  top: 10rpx;
  right: 0rpx;
  width: 164rpx;
  height: 60rpx;
  font-size: 30rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  /* background: rgba(253, 193, 56, 1); */
  background:  var(--color--);
  border-radius: 60rpx 0px 0px 60rpx;
}

.cy-balance-title {
  margin-top: 84rpx;
  width: 100%;
  height: auto;
  text-align: center;
}

.cy-member-balance {
  width: 750rpx;
  height: auto;
  text-align: center;
  font-size: 110rpx;
  font-family: PingFang-SC-Bold;
  font-weight: 500;
  /* color: rgba(255, 198, 57, 1); */
  color: var(--color--);
}

.cy-view-line {
  width: 750rpx;
  height: 20rpx;
  background: #f7f7f7;
}

.cy-recharge-view {
  position: relative;
  padding-left: 30rpx;
  margin-top: 20rpx;
  width: 750rpx;
  height: auto;
  background: white;
}

.cy-recharge-item {
  margin: 20rpx 0rpx 10rpx 20rpx;
  width: 216rpx;
  height: 140rpx;
  background: white;
  border: 2rpx solid rgba(224, 224, 224, 1);
  border-radius: 12rpx;
  box-sizing: border-box;
}

.cy-select-back {
  background: rgba(255, 243, 217, 1);
  border: 2rpx solid var(--color--);
  border-radius: 12rpx;
}

.cy-recharge-item-money {
  margin-top: 20rpx;
  font-size: 40rpx;
  height: 60rpx;
  font-family: PingFang-SC-Medium;
  text-align: center;
  color: var(--color--);
}

.cy-recharge-item-des {
  font-size: 24rpx;
  font-family: PingFang-SC-Medium;
  text-align: center;
  color: rgba(51, 51, 51, 1);
  letter-spacing: 2rpx;
}

.cy-go-recharge {
  margin-top: 70rpx;
  width: 690rpx;
  height: 90rpx;
  background: var(--color--);
  text-align: center;
  border-radius: 10rpx;
  font-size: 40rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  line-height: 90rpx;
}