.wallet-page {
  background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/d43afda1-6e28-4649-98d6-e52806073151");
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
  position: relative;
}
.wallet-page .wallet-content {
  border-radius: 40rpx;
  padding: 40rpx;
  background-image: url(/static/images/wallet/bj2.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  margin: 60rpx 20rpx 0 20rpx;
}
.wallet-page .wallet-content .wallet-content-title {
  display: flex;
  align-items: center;
  gap: 8rpx;
}
.wallet-page .wallet-content .wallet-content-title .wallet-content-title-text1 {
  display: flex;
  align-items: center;
  gap: 8rpx;
  font-weight: 400;
  font-size: 28rpx;
  color: #333333;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
}
.wallet-page .wallet-content .wallet-content-title .wallet-content-title-text2 {
  display: flex;
  align-items: center;
  background: rgba(235, 61, 51, 0.06);
  border-radius: 18rpx;
  padding: 6rpx 12rpx;
  font-weight: 400;
  font-size: 22rpx;
  color: #925a57;
  line-height: 28rpx;
  text-align: left;
  font-style: normal;
}
.wallet-page .wallet-content .wallet-content-title .wallet-content-title-icon {
  width: 21rpx;
  height: 23rpx;
  margin-right: 6rpx;
}
.wallet-page .wallet-content .wallet-content-price {
  font-family: DINPro, DINPro;
  font-weight: 500;
  font-size: 72rpx;
  color: #333333;
  line-height: 93rpx;
  text-align: left;
  font-style: normal;
}
.wallet-page .wallet-content .wallet-content-cash {
  margin-top: 34rpx;
  display: flex;
}
.wallet-page .wallet-content .wallet-content-cash .wallet-content-cash-left .wallet-content-cash-left-text {
  font-family: DINPro, DINPro;
  font-weight: 500;
  font-size: 36rpx;
  color: #e8101e;
  line-height: 46rpx;
  text-align: left;
  font-style: normal;
}
.wallet-page .wallet-content .wallet-content-cash .wallet-content-cash-right .wallet-content-cash-right-text {
  font-family: DINPro, DINPro;
  font-weight: 500;
  font-size: 36rpx;
  color: #333333;
  line-height: 46rpx;
  text-align: left;
  font-style: normal;
}
.wallet-page .wallet-content .wallet-content-cash .wallet-content-cash-title {
  font-weight: 400;
  font-size: 28rpx;
  color: #666666;
  line-height: 40rpx;
  text-align: left;
  font-style: normal;
  display: flex;
  align-items: center;
  gap: 4rpx;
}
.wallet-page .wallet-content .wallet-content-cash .wallet-content-cash-title .wallet-content-cash-title-icon {
  width: 24rpx;
  height: 24rpx;
}
.wallet-page .wallet-content .wallet-content-btn {
  margin: 0 auto;
  margin-top: 69rpx;
  width: 614rpx;
  height: 88rpx;
  background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
  border-radius: 44rpx;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 36rpx;
  color: #ffffff;
  line-height: 50rpx;
  text-align: left;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wallet-page .wallet-detail {
  margin: 20rpx 20rpx 0 20rpx;
  width: 710rpx;
  background: #ffffff;
  border-radius: 36rpx;
}
.wallet-page .wallet-detail .wallet-detail-tabs {
  border-bottom: 2rpx solid #faf8f8;
  position: relative;
}
.wallet-page .wallet-detail .wallet-detail-tabs .walletDetailTab {
  display: inline-block;
  position: relative;
  margin-top: 30rpx;
  margin-bottom: 33rpx;
  width: 350rpx;
  font-weight: 500;
  font-size: 32rpx;
  color: #333333;
  line-height: 45rpx;
  text-align: center;
  font-style: normal;
}
.wallet-page .wallet-detail .wallet-detail-tabs .wallet-detail-line::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 4rpx;
  border-radius: 4rpx;
  height: 100%;
  background: #eaeaea;
}
.wallet-page .wallet-detail .wallet-detail-tabs .tabActive {
  font-weight: 500;
  color: #e8101e;
}
.wallet-page .wallet-detail .wallet-detail-tabs .walletDetailTab.tabActive::after {
  content: "";
  width: 56rpx;
  height: 8rpx;
  background: #e8101e;
  border-radius: 5rpx;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -13rpx;
}
.wallet-page .popup-content {
  margin: 0 84rpx;
  width: 582rpx;
  height: 526rpx;
  background-image: url(/static/images/wallet/tipBj.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.wallet-page .popup-content .popup-content-title {
  padding-top: 161rpx;
  font-weight: 500;
  font-size: 38rpx;
  color: #333333;
  line-height: 53rpx;
  text-align: center;
  font-style: normal;
}
.wallet-page .popup-content .popup-content-text {
  margin-top: 42rpx;
  padding: 0 47rpx;
  font-weight: 400;
  font-size: 30rpx;
  color: #333333;
  line-height: 42rpx;
  text-align: left;
  font-style: normal;
}
.wallet-page .popup-content .popup-content-btn {
  margin: 50rpx 76rpx 0 76rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 430rpx;
  height: 86rpx;
  background: linear-gradient(181deg, #f52540 0%, #e8101e 100%);
  border-radius: 43rpx;
  font-weight: 400;
  font-size: 36rpx;
  color: #ffffff;
  line-height: 50rpx;
  text-align: left;
  font-style: normal;
}
.lists {
  display: flex;
  flex-wrap: wrap;
  gap: 50rpx;
}
.lists .lists-item {
  width: 100%;
}
.lists .lists-item .lists-item-title {
  font-weight: 400;
  font-size: 30rpx;
  color: #333333;
  line-height: 42rpx;
  text-align: left;
  font-style: normal;
}
.lists .lists-item .lists-item-text1 {
  margin-top: 4rpx;
  font-weight: 400;
  font-size: 24rpx;
  color: #999999;
  line-height: 33rpx;
  text-align: left;
  font-style: normal;
}
.lists .lists-item .lists-item-text2 {
  font-family: DINPro, DINPro;
  font-weight: 500;
  font-size: 30rpx;
  color: #333333;
  line-height: 38rpx;
  text-align: left;
  font-style: normal;
}
.lists .lists-item .lists-item-text3 {
  font-weight: 500;
  font-size: 26rpx;
  color: #333333;
  line-height: 37rpx;
  text-align: left;
  font-style: normal;
}
.lists .lists-item .lists-item-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}