.redPackets {
  height: 100vh;
  width: 100%;
  padding: 50rpx;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url('https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/redPacktes/redPackets_bg.png') no-repeat;
  background-size: 100% 100%;
}

.redPackets-box {
  height: 740rpx;
  width: 532rpx;
  background-image: url('https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/redPacktes/notOpen.png');
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 190rpx;
  padding-bottom: 50rpx;
  margin-top: -120rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  /* border: 1rpx solid; */
}

.res {
  font-size: 40rpx !important;
}

.top-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title {
  font-size: 46rpx;
  color: rgb(254, 244, 217);
  display: inline-block;
  font-weight: bold;
  margin-bottom: 24rpx;
  text-shadow: 0.1rpx 0.1rpx rgb(255, 249, 232);
}

.type {
  display: inline-block;
  padding: 10rpx 46rpx;
  border: 1rpx solid rgb(254, 244, 217);
  border-radius: 50rpx;
  font-size: 22rpx;
  color: rgb(254, 244, 217);
}

.time {
  display: inline-block;
  font-size: 22rpx;
  color: rgb(249, 181, 134);
}

/*  */
.open-redPackets-box {
  height: 800rpx;
  width: 580rpx;
  background-image: url('https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/redPacktes/open.png');
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 175rpx;
  padding-bottom: 110rpx;
  margin-top: -75rpx;
  margin-left: -46rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  /* border: 1rpx solid; */
}

.open-top-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 35rpx;
}

.open-title {
  font-size: 90rpx;
  color: rgb(245, 72, 54);
  display: inline-block;
  font-weight: bold;
  text-shadow: 0.1rpx 0.1rpx rgb(255, 249, 232);
}

.open-tag {
  font-size: 30rpx;
}

.open-type {
  display: inline-block;
  font-size: 20rpx;
  color: rgb(245, 72, 54);
  width: 400rpx;
  text-align: center;
  margin-top: 16rpx;
  line-height: 28rpx;
}

.open-time {
  display: inline-block;
  font-size: 22rpx;
  color: rgb(249, 181, 134);
}

.open-notis {
  color: rgb(254, 244, 217);
  font-size: 22rpx;
  margin-left: 35rpx;
  margin-bottom: 70rpx;
}

.re {
  font-size: 26rpx;
  text-align: center;
  margin-bottom: 20rpx;
}