/* packageH/consumerReward/consumerRewardPaySuccess/consumerRewardPaySuccess.wxss */

page {
  background: #fff;
}

view,
text {
  box-sizing: border-box;
}

.icon {
  display: flex;
  justify-content: center;
  padding-top: 1.906rem;
  padding-bottom: 1.094rem;
}

.icon image {
  width: 9.438rem;
  height: 9.438rem;
}

.sutext {
  margin-bottom: 2rem;
  font-size: 1.125rem;
  letter-spacing: 0.113rem;
  color: #202020;
  font-weight: bold;
  text-align: center;
}

.payItems {
  padding: 0.625rem 0.9rem 0;
}

.payItems .payItem {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.payItems .payItem .text {
  letter-spacing: 0.1rem;
  color: #666;
}

.payItems .payItem .price {
  color: #f14e4e;
}

.payItems .payItem .order {
  color: #202020;
}

/* .banner {

} */

.banner image {
  width: 100%;
}

.popupWrapper .close {
  height: 4rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.popupWrapper .close .icon-adsystem_icon_cancle {
  font-size: 3rem;
  color: #fff;
  width: 3rem;
  height: 3rem;
}

.singleWrapper {
  width: 20.813rem;
  height: 22.469rem;
  border-radius: 0.5rem;
  background: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/consumer_reward_pay_success_img2.png);
  background-position: center;
  background-size: cover;
}

.singleWrapper .name {
  padding-top: 1.081rem;
  font-size: 1.25rem;
  text-align: center;
  color: #fff;
}

.singleWrapper .container {
  display: flex;
  width: 15rem;
  height: 5.281rem;
  margin: 0.9rem auto;
  background: #fff;
  border-radius: 0.3rem;
  position: relative;
}

.singleWrapper .container .price {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  word-break: break-all;
  padding-left: 0.5rem;
  padding-right: 1rem;
  width: 7rem;
  text-align: center;
  font-size: 1.56rem;
  color: #f14e4e;
}

.singleWrapper .container .text {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight: bold;
  color: #333;
}

.singleWrapper .container::before {
  position: absolute;
  left: 6rem;
  top: -5px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff4e18;
}

.singleWrapper .container::after {
  position: absolute;
  left: 6rem;
  bottom: -5px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff4e18;
}

.singleWrapper .btn {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #333;
  width: 15.188rem;
  height: 3.281rem;
  line-height: 250%;
  margin: 0 auto;
  margin-top: 2rem;
  background: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/consumer_reward_pay_success_img3.png);
  background-size: cover;
}

.withdWrapper {
  position: relative;
  width: 23.406rem;
  height: 26.656rem;
  border-radius: 0.5rem;
  background: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/pearl_img2.png);
  background-position: center;
  background-size: cover;
}

.withdWrapper .withdWrapper-text {
  position: absolute;
  left: 0;
  top: 256rpx;
  width: 100%;
  text-align: center;
  font-size: 28px;
  color: #fccf93;
  font-weight: bold;
}

.withdWrapper .btn {
  position: absolute;
  left: 50%;
  bottom: 2rem;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 2rem;
  color: #db0f0f;
  background: #fccf93;
  border-radius: 1rem;
}

.profitWrapper {
  position: relative;
  height: 100%;
}

.profitWrapper .title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80rpx;
}

.profitWrapper .profitForm {
  flex: 1;
  padding: 0 30rpx;
  padding-bottom: 100rpx;
  overflow: scroll;
  height: calc(100% - 80rpx);
}

.profitWrapper .profitBtns {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100rpx;
  display: flex;
  align-items: center;
  background: #fff;
}

.profitWrapper .profitBtn {
  width: 615.04rpx;
  height: 60.16rpx;
  margin: 0 auto;
  line-height: 60.16rpx;
  font-size: 28.16rpx;
  color: #fff;
  text-align: center;
  border-radius: 30.08rpx;
  background-color: #f14e4e;
}
