/* packageC/redPacket/personRed/personRed.wxss */
.person-red {
  width: 100%;
  height: 100%;
  background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/personRed/bj.png');
  background-size: 100% 100%;
}

.record-box {
  padding: 16rpx 0;
  display: flex;
  justify-content: flex-end;
}

.record-box .record-btn {
  margin: 16rpx 0;
  padding: 6rpx 24rpx;
  color: #f20b06;
  font-size: 24rpx;
  background-color: #fff;
  border-radius: 25rpx 0rpx 0rpx 25rpx;
}

.text-img {
  width: 604rpx;
  margin: 0 auto;
}

.text-img image {
  width: 100%;
}

.grant-gift {
  margin: 0 auto;
  width: 412rpx;
  height: 369rpx;

  /* height: 400rpx; */
  background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/personRed/send.png');
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
}

.grant-gift .grant-btn {
  margin: 0 auto;
  margin-top: 218rpx;
  margin-bottom: 100rpx;
  width: 347rpx;
  height: 90rpx;
  background-image:
    linear-gradient(
      180deg,
      #f9e698 0%,
      #e7b81f 100%
    ),
    linear-gradient(
      #ffd90d,
      #ffd90d
    );
  background-blend-mode:
    normal,
    normal;
  border-radius: 45rpx;
  text-align: center;
  font-size: 50rpx;
  color: #f20a06;
}

/* 红包列表 */
.gift-list {
  width: 100%;
  margin-top: 28rpx;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 25rpx;
  background: #fe2400;
  padding-bottom: 50rpx;
}

.gift-list .gift-item:first-child {
  margin-top: -80rpx;
}

.gift-list .gift-item {
  margin-bottom: 20rpx;
  box-sizing: border-box;
  padding: 20rpx;
  background-color: #fff;
  border-radius: 30rpx;
}

.gift-item .left-img {
  width: 120rpx;
  height: 120rpx;
}

.gift-item .right-box {
  flex: 1;
  padding-left: 10rpx;
  overflow: hidden;
}

.right-box .gift-title {
  width: 100%;
  font-size: 32rpx;
  font-weight: bold;
  color: #515151;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-info {
  display: flex;
  margin-top: 10rpx;
  align-content: center;
  color: #ce2e06;
  font-size: 26rpx;
}

.user-info .avatar {
  width: 46rpx;
  height: 46rpx;
  margin-right: 10rpx;
  border-radius: 50%;
  background-color: royalblue;
}

.user-info .nickname {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.end-time {
  margin-top: 10rpx;
  font-size: 24rpx;
  color: #ce2e06;
}

.btn-box {
  margin-top: 20rpx;
}

.btn-box .grab-btn {
  margin: 0 auto;
  width: 360rpx;
  height: 70rpx;
  background-image:
    linear-gradient(
      70deg,
      #f4c679 0%,
      #fae3ae 100%
    );
  border-radius: 35rpx;
  line-height: 65rpx;
  font-size: 28rpx;
  text-align: center;
  color: #873d43;
  font-weight: bold;
}

.btn-box .received,
.btn-box .receiv-record {
  margin-left: 60rpx;
  display: inline-block;
  width: 260rpx;
  height: 70rpx;
  border-radius: 35rpx;
  text-align: center;
  line-height: 65rpx;
}

.btn-box .received {
  background-color: #eaeaea;
}

.btn-box .receiv-record {
  color: #f69a00;
  border: solid 1rpx #f69a00;
}

.more {
  margin-top: 35rpx;
  text-align: center;
  font-weight: bold;
  font-size: 26rpx;
  color: #fff;
}

/* 红包弹框 */
.giftPopup .van-popup__close-icon {
  top: 105%;
  left: 50% !important;
  transform: translateX(-50%);
  font-size: 76rpx;
  color: #fff;
}

.giftPopup .red-gift {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/personRed/gethb.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.gift-bitle {
  width: 465rpx;
  margin-top: 263rpx;
  font-size: 30rpx;
  color: #fff;
}

.gift-bitle .nickname {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280rpx;
  vertical-align: bottom;
}

.gift-img {
  margin: 30rpx 0;
  width: 171rpx;
  height: 171rpx;
  background-color: #fff;
}

.btn-receive {
  width: 332rpx;
  height: 72rpx;
  background-image:
    linear-gradient(
      0deg,
      #ffc600 0%,
      #ffe023 39%,
      #fff945 100%
    ),
    linear-gradient(
      #ffe71f,
      #ffe71f
    );
  box-shadow:
    0rpx 8rpx 0rpx 0rpx
    rgba(255, 148, 8, 0.8);
  border-radius: 36rpx;
  text-align: center;
  line-height: 72rpx;
  font-size: 36rpx;
  color: #ff4e00;
}


/* 成功打开红包 */
.received-gift {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/personRed/succeed.png');
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}

.succeed-tip {
  margin-top: 120rpx;
  width: 340rpx;
  height: 90rpx;
  font-size: 28rpx;
  line-height: 40rpx;
  color: #262626;
}

.succeed-tip .name {
  display: inline-block;
  max-width: 180rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ce2e06;
  font-weight: bold;
  vertical-align: bottom;
}

.amount {
  margin: 157rpx 0 60rpx 0;
  font-size: 60rpx;
  color: #fff;
}

.btn-confirm {
  width: 300rpx;
  height: 80rpx;
  background-image:
    linear-gradient(
      0deg,
      #ffc600 0%,
      #ffe023 39%,
      #fff945 100%
    ),
    linear-gradient(
      #ffe71f,
      #ffe71f
    );
  background-blend-mode:
    normal,
    normal;
  box-shadow:
    0rpx 8rpx 0rpx 0rpx
    rgba(255, 148, 8, 0.8);
  border-radius: 50rpx;
  line-height: 80rpx;
  font-weight: bold;
  font-size: 30rpx;
  color: #ff4e00;
}


/* 领取失败提示框 */
.reject-tip {
  padding: 20rpx;
  text-align: center;
}

.tip {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32rpx;
}

.tip .info-o {
  margin-right: 10rpx;
  font-size: 50rpx;
}

.btn-min-confirm {
  margin: 0 auto;
  width: 100rpx;
  margin-top: 35rpx;
  font-size: 32rpx;
  background: #df5d58;
  padding: 10rpx 38rpx;
  border-radius: 15rpx;
}
