yujianni-zfb/pages/recharge-active/recharge-active.acss

/* pages/balance/balance.wxss */
page {
  /* height: 100vh; */

}

.balance {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  height: 100%;
  background-color: #f6f2f3;
  text-align: center;
  padding-bottom: 150rpx;
}

.icon1 {
  height: 150rpx;
  margin-top: 50rpx;
  width: 60%;
}

.icon2 {
  width: 90%;
  margin-top: -110rpx;
  /* height: 100rpx; */
}

.content {
  width: 85%;
  margin: 0 auto;
  min-height: 600rpx;
  margin-top: -250rpx;
  border: solid 6rpx #ffc97e;
  background-color: #feebd6;
  border-radius: 12rpx;
  padding-bottom: 30rpx;
  color: #590204;
  padding-top: 180rpx;

}

.card-list {
  display: flex;
  background-color: #f6f2f3;
  width:85%;
  margin: 0 auto;
  padding: 20rpx;
  background-color: #d92424;
  border: solid 4rpx #ffc97e;
  border-radius: 12rpx;
  margin-bottom: 30rpx;
}

.left {
  padding-right: 30rpx;
  padding-left: 10rpx;
  line-height: 50rpx;
  font-size: 35rpx;
  font-weight: 550;
  color: #fff;
  border-right: dashed 2px #ffc97e;
}

.right {

  flex: 1;
  color: #fff;
  font-size: 30rpx;
  text-align: center;
  line-height: 45rpx;
  padding: 0 20rpx;
}

.font {
  font-size: 36rpx;
  display: inline-block;
  margin: 0 5rpx;
}

.money {
  font-size: 36rpx;
  color: #fff;
  margin-bottom: 15rpx;
}

.left text {
  display: block;

}

.time {
  font-size: 28rpx;
}

.icon3 {
  width: 50%;
  height: 100rpx;
}

.icon4 {
  width: 50%;
  height: 100rpx;
  margin-top: 20rpx;
}

.rules {
  padding: 30rpx;
  text-align: left;
  line-height: 38rpx;
  font-size: 26rpx;
  text-align: justify;
}
.rules-child{
  display: flex;
}
.rules view {
  margin-top: 10rpx;
}

.red {
  color: red;
}

.content-1 {
  border: solid 6rpx #ffc97e;
  background-color: #feebd6;
  border-radius: 12rpx;

  width: 80%;
  margin: 0 auto;
  margin-top: 40rpx;
}

.button {
  position: fixed;
  bottom: 0;
  height: 140rpx;
  background-color: #feebd6;
  width: 100%;
  border-top: solid 2rpx #ffc97e;
}

.buy {
  width: 80%;
  margin: 0 auto;
  /* border: solid 6rpx #ffc97e; */
  /* margin-top: 50rpx; */
  height: 90rpx;
  line-height: 90rpx;
  margin-top: 25rpx;
  color: #fff;
  background-color: #349995;
  border-radius: 12rpx;
  /* color: #ffc97e; */
}