.love-gift-bag .van-tab {
  background: #ffc910 !important;
}

.img-con {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.love-gift-bag {
  padding-bottom: 31rpx;
  background: linear-gradient(to top, #af1219, #e53b24);
  text-align: center;
  box-sizing: border-box;
  font-weight: 600;
}

.love-gift-bag .content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: auto;
  height: 940rpx;
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/gift_bag_bg.png");
  overflow: hidden;
  box-sizing: border-box;
  padding: 530rpx 128rpx 50rpx 128rpx;
}

.love-gift-bag .content .message {
  width: 500rpx;
  margin: 0 auto;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 35rpx;
  letter-spacing: 3.4rpx;
  color: #fff;
}

.love-gift-bag .content .num {
  font-size: 35rpx;
  color: #ffe177;
}

.love-gift-bag .content .btn-receive {
  width: 141rpx;
  height: 141rpx;
  margin: 0 auto;
  background-image: linear-gradient(180deg, #fcd343 0%, #ff8e09 100%), linear-gradient(#f13140, #f13140);
  box-shadow:
    0rpx 9rpx 40rpx 0rpx
    rgba(189, 23, 35, 0.6);
  border-radius: 50%;
  font-size: 30rpx;
  font-weight: bold;
  letter-spacing: 4rpx;
  color: #af1319;
  word-break: break-all;
  box-sizing: border-box;
  padding: 18rpx 27rpx;
}

.love-gift-bag .content .grey {
  background-image: linear-gradient(#e2e2e2, #e2e2e2), linear-gradient(180deg, #fcd343 0%, #ff8e09 100%), linear-gradient(#c1c1c1, #c1c1c1);
  color: #8e8e8e;
}

.love-gift-bag .content .history {
  width: 511rpx;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  font-size: 22rpx;
  color: #fff;
}

.love-gift-bag .record-list {
  width: 620rpx;
  height: 372rpx;
  margin: 31rpx auto;
  background-color: #f2f2f2;
  border-radius: 15rpx;
  box-shadow: 0 -8rpx 0 #eaa01b;
  overflow: hidden;
}

.love-gift-bag .record-list .listContent {
  height: 265rpx;
  overflow-y: scroll;
}

.love-gift-bag .record-list .item {
  display: flex;
  justify-content: space-between;
  margin-top: 31rpx;
  box-sizing: border-box;
  padding: 0 15rpx;
}

.love-gift-bag .record-list .item .time {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.love-gift-bag .record-list .item .love {
  color: green;
}

.love-gift-bag .record-list .item .text-red {
  color: red;
}

.van-popup {
  background: transparent;
}

.popup-content {
  display: inline-block;
  width: 670rpx;
  height: 765rpx;
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/gift_bag.png");
}

.popup-content .message {
  margin: 0 auto;
  width: 372rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 35rpx;
  margin-top: 400rpx;
  color: #fff;
}

.popup-content .money {
  display: inline-block;
  margin: 46rpx auto;
  font-size: 68rpx;
  font-weight: bold;
  color: #feffb3;
}

.popup-content .btn-confirm {
  width: 387rpx;
  height: 73rpx;
  margin: 0 auto;
  border-radius: 36rpx;
  line-height: 73rpx;
  background-image: linear-gradient(0deg, #ffda53 0%, #ffef93 100%);
  box-shadow: 0 6rpx 2rpx #ff6b25;
}

.empty {
  box-sizing: border-box;
  padding: 62rpx 0 124rpx 0;
}

.empty .img {
  width: 124rpx;
  height: 124rpx;
}

.empty .text {
  margin-top: 15px;
  color: #ccc;
  font-size: 14px;
}
