tpx/tpxttt/unpackage/dist/dev/mp-weixin/plugins/gift/components/receive/receive-content.wxss

@charset "UTF-8";
.text-center.data-v-2dbcc7c8 {
  text-align: center;
}
.font-weight.data-v-2dbcc7c8 {
  font-weight: bold;
}
.page-width.data-v-2dbcc7c8 {
  width: 100%;
}
.goods-hover-class.data-v-2dbcc7c8 {
  opacity: .9;
  background-color: #f7f7f7;
}
.background-image.data-v-2dbcc7c8 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page.data-v-2dbcc7c8 {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width.data-v-2dbcc7c8 {
  width: 100%;
}
.u-hover-class.data-v-2dbcc7c8 {
  opacity: .9;
  background-color: #f7f7f7;
}
.safe-area-inset-bottom.data-v-2dbcc7c8 {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
/* 流光金 */
/* 浪漫粉 */
/* 品味红 */
/* 优雅紫 */
/* 清醒绿 */
/* 商务蓝 */
/* 流光金 */
.streamer-gold-gift-color.data-v-2dbcc7c8 {
  color: #dfa245;
}
.streamer-gold-gift-background.data-v-2dbcc7c8 {
  background-color: #dfa245;
}
.streamer-gold-gift-background-q.data-v-2dbcc7c8 {
  background: rgba(223, 162, 69, 0.8);
}
.streamer-gold-gift-background-p.data-v-2dbcc7c8 {
  background: rgba(223, 162, 69, 0.2);
}
.streamer-gold-gift-background-o.data-v-2dbcc7c8 {
  background: rgba(223, 162, 69, 0.1);
}
.streamer-gold-gift-border.data-v-2dbcc7c8 {
  border-color: #dfa245;
}
.streamer-gold-gift-figure-rule.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(top, #dfa245, #f0c482);
  background: linear-gradient(to bottom, #dfa245, #f0c482);
}
.streamer-gold-gift-border-bottom.data-v-2dbcc7c8 {
  border-bottom-color: #dfa245;
}
.streamer-gold-gift-shadow.data-v-2dbcc7c8 {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(223, 162, 69, 0.2);
}
.streamer-gold-gift-btn.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(right, #dfa245, rgba(223, 162, 69, 0.7));
  background: linear-gradient(to left, #dfa245, rgba(223, 162, 69, 0.7));
}
/* 浪漫粉 */
.romantic-powder-gift-color.data-v-2dbcc7c8 {
  color: #ff547b;
}
.romantic-powder-gift-background.data-v-2dbcc7c8 {
  background-color: #ff547b;
}
.romantic-powder-gift-background-q.data-v-2dbcc7c8 {
  background: rgba(255, 84, 123, 0.8);
}
.romantic-powder-gift-background-p.data-v-2dbcc7c8 {
  background: rgba(255, 84, 123, 0.2);
}
.romantic-powder-gift-background-o.data-v-2dbcc7c8 {
  background: rgba(255, 84, 123, 0.1);
}
.romantic-powder-gift-border.data-v-2dbcc7c8 {
  border-color: #ff547b;
}
.romantic-powder-gift-figure-rule.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(top, #ff547b, #ff96ae);
  background: linear-gradient(to bottom, #ff547b, #ff96ae);
}
.romantic-powder-gift-border-bottom.data-v-2dbcc7c8 {
  border-bottom-color: #ff547b;
}
.romantic-powder-gift-shadow.data-v-2dbcc7c8 {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(255, 84, 23, 0.2);
}
.romantic-powder-gift-btn.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(right, #ff547b, rgba(255, 84, 123, 0.7));
  background: linear-gradient(to left, #ff547b, rgba(255, 84, 123, 0.7));
}
/* 品味红 */
.taste-red-gift-color.data-v-2dbcc7c8 {
  color: #ff4544;
}
.taste-red-gift-background.data-v-2dbcc7c8 {
  background-color: #ff4544;
}
.taste-red-gift-background-q.data-v-2dbcc7c8 {
  background: rgba(255, 69, 68, 0.8);
}
.taste-red-gift-background-p.data-v-2dbcc7c8 {
  background: rgba(255, 69, 68, 0.2);
}
.taste-red-gift-background-0.data-v-2dbcc7c8 {
  background: rgba(255, 69, 68, 0.1);
}
.taste-red-gift-border.data-v-2dbcc7c8 {
  border-color: #ff4544;
}
.taste-red-gift-figure-rule.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(top, #ff4544, #ff8888);
  background: linear-gradient(to bottom, #ff4544, #ff8888);
}
.taste-red-gift-border-bottom.data-v-2dbcc7c8 {
  border-bottom-color: #ff4544;
}
.taste-red-gift-shadow.data-v-2dbcc7c8 {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(255, 69, 68, 0.2);
}
.taste-red-gift-btn.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(right, #ff4544, rgba(255, 69, 68, 0.7));
  background: linear-gradient(to left, #ff4544, rgba(255, 69, 68, 0.7));
}
/* 优雅紫 */
.elegant-purple-gift-color.data-v-2dbcc7c8 {
  color: #7783ea;
}
.elegant-purple-gift-background.data-v-2dbcc7c8 {
  background-color: #7783ea;
}
.elegant-purple-gift-background-q.data-v-2dbcc7c8 {
  background: rgba(119, 131, 234, 0.8);
}
.elegant-purple-gift-background-p.data-v-2dbcc7c8 {
  background: rgba(119, 131, 234, 0.2);
}
.elegant-purple-gift-background-o.data-v-2dbcc7c8 {
  background: rgba(119, 131, 234, 0.1);
}
.elegant-purple-gift-border.data-v-2dbcc7c8 {
  border-color: #7783ea;
}
.elegant-purple-gift-figure-rule.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(top, #7783ea, #a1aaf6);
  background: linear-gradient(to bottom, #7783ea, #a1aaf6);
}
.elegant-purple-gift-border-bottom.data-v-2dbcc7c8 {
  border-bottom-color: #7783ea;
}
.elegant-purple-gift-shadow.data-v-2dbcc7c8 {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(119, 131, 234, 0.2);
}
.elegant-purple-gift-btn.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(right, #7783ea, rgba(119, 131, 234, 0.7));
  background: linear-gradient(to left, #7783ea, rgba(119, 131, 234, 0.7));
}
/* 清醒绿 */
.fresh-green-gift-color.data-v-2dbcc7c8 {
  color: #63be72;
}
.fresh-green-gift-background.data-v-2dbcc7c8 {
  background-color: #63be72;
}
.fresh-green-gift-background-q.data-v-2dbcc7c8 {
  background: rgba(99, 190, 114, 0.8);
}
.fresh-green-gift-background-p.data-v-2dbcc7c8 {
  background: rgba(99, 190, 114, 0.2);
}
.fresh-green-gift-background-o.data-v-2dbcc7c8 {
  background: rgba(99, 190, 114, 0.1);
}
.fresh-green-gift-border.data-v-2dbcc7c8 {
  border-color: #63be72;
}
.fresh-green-gift-figure-rule.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(top, #63be72, #89db96);
  background: linear-gradient(to bottom, #63be72, #89db96);
}
.fresh-green-gift-border-bottom.data-v-2dbcc7c8 {
  border-bottom-color: #63be72;
}
.fresh-green-gift-shadow.data-v-2dbcc7c8 {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(99, 190, 114, 0.2);
}
.fresh-green-gift-btn.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(right, #63be72, rgba(99, 190, 114, 0.7));
  background: linear-gradient(to left, #63be72, rgba(99, 190, 114, 0.7));
}
/* 商务蓝 */
.business-blue-gift-color.data-v-2dbcc7c8 {
  color: #4a90e2;
}
.business-blue-gift-background.data-v-2dbcc7c8 {
  background-color: #4a90e2;
}
.business-blue-gift-background-q.data-v-2dbcc7c8 {
  background: rgba(74, 144, 226, 0.8);
}
.business-blue-gift-background-p.data-v-2dbcc7c8 {
  background: rgba(74, 144, 226, 0.2);
}
.business-blue-gift-background-o.data-v-2dbcc7c8 {
  background: rgba(74, 144, 226, 0.1);
}
.business-blue-gift-border.data-v-2dbcc7c8 {
  border-color: #4a90e2;
}
.business-blue-gift-figure-rule.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(top, #4a90e2, #82b4ef);
  background: linear-gradient(to bottom, #4a90e2, #82b4ef);
}
.business-blue-gift-border-bottom.data-v-2dbcc7c8 {
  border-bottom-color: #4a90e2;
}
.business-blue-gift-shadow.data-v-2dbcc7c8 {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(74, 144, 226, 0.2);
}
.business-blue-gift-btn.data-v-2dbcc7c8 {
  background: -webkit-linear-gradient(right, #4a90e2, rgba(74, 144, 226, 0.7));
  background: linear-gradient(to left, #4a90e2, rgba(74, 144, 226, 0.7));
}
.receive-content-big.data-v-2dbcc7c8 {
  min-height: 100% - 260rpx;
}
.receive-content-small.data-v-2dbcc7c8 {
  min-height: 100% - 210rpx;
}
/*礼物内容*/
.gift-content.data-v-2dbcc7c8 {
  width: 100% - 48rpx;
  background-color: #ffffff;
  border-radius: 16rpx;
  margin: 104rpx 24rpx 0 24rpx;
  padding-top: 78rpx;
  position: absolute;
}
.blessing-content.data-v-2dbcc7c8 {
  margin: 134rpx 24rpx 0 24rpx;
}
/*头像*/
.avatar-image.data-v-2dbcc7c8 {
  width: 96rpx;
  height: 96rpx;
  border-radius: 48rpx;
  position: absolute;
  left: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -128rpx);
          transform: translate(-50%, -128rpx);
}
/*送礼物者*/
.sender.data-v-2dbcc7c8 {
  font-size: 28rpx;
  color: #353535;
  margin: 0 0 26rpx 0;
  line-height: 1.7;
}
.sender text.who.data-v-2dbcc7c8 {
  max-width: 336rpx;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: normal !important;
}
/*祝福语*/
.greetings.data-v-2dbcc7c8 {
  font-size: 32rpx;
  color: #353535;
  text-align: center;
  line-height: 1;
  margin-bottom: 64rpx;
}
.goods-content.data-v-2dbcc7c8 {
  position: relative;
}
.goods-content .invite-friends.data-v-2dbcc7c8 {
  width: 88rpx;
  height: 88rpx;
  position: absolute;
  right: 32rpx;
  bottom: -44rpx;
  border: none;
  padding: 0;
  margin: 0;
}
.goods-content .invite-friends image.data-v-2dbcc7c8 {
  width: 88rpx;
  height: 88rpx;
}
/*礼物*/
.goods.data-v-2dbcc7c8 {
  position: relative;
  width: 400rpx;
  padding: 50rpx 50rpx 20rpx 50rpx;
  margin: 64rpx 151rpx 32rpx 151rpx;
  border-width: 1rpx;
  border-style: solid;
  border-radius: 16rpx;
  overflow: hidden;
  /*图片*/
  /*名字*/
}
.goods .status.data-v-2dbcc7c8 {
  width: 198rpx;
  height: 198rpx;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.goods .status text.data-v-2dbcc7c8 {
  position: absolute;
  font-size: 28rpx;
  color: #ffffff;
  top: 50%;
  right: 0;
  -webkit-transform: translate(10%, -50%) rotate(-90deg);
          transform: translate(10%, -50%) rotate(-90deg);
}
.goods .pic.data-v-2dbcc7c8 {
  width: 300rpx;
  height: 300rpx;
  margin-bottom: 30rpx;
}
.goods .name.data-v-2dbcc7c8 {
  width: 300rpx;
  margin-bottom: 22rpx;
  font-size: 28rpx;
  color: #353535;
  text-align: center;
}
.gift-over.data-v-2dbcc7c8 {
  width: 638rpx;
  margin: 72rpx 32rpx 0 32rpx;
}
.participant.data-v-2dbcc7c8 {
  width: 638rpx;
  margin: 72rpx 32rpx 0 32rpx;
}
.metoo.data-v-2dbcc7c8 {
  font-size: 32rpx;
  line-height: 100rpx;
  color: #ffffff;
  text-align: center;
  border-radius: 58rpx;
  position: fixed;
  bottom: 88rpx;
  width: 400rpx;
  height: 100rpx;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1500;
}
.button.data-v-2dbcc7c8 {
  width: 100% - 48rpx;
  position: fixed;
  bottom: 88rpx;
  z-index: 1500;
}
.button .but.data-v-2dbcc7c8 {
  font-size: 32rpx;
  line-height: 1;
  padding: 36rpx 77rpx;
  border-radius: 58rpx;
}
.button .again.data-v-2dbcc7c8 {
  margin-right: 24rpx;
  border-width: 1rpx;
  border-style: solid;
  background-color: #ffffff;
}
.button .send.data-v-2dbcc7c8 {
  margin-left: 24rpx;
  color: #ffffff;
}
.voice-blessing.data-v-2dbcc7c8 {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -192rpx);
          transform: translate(-50%, -192rpx);
  width: 238rpx;
  height: 56rpx;
}
.voice-blessing .text.data-v-2dbcc7c8 {
  width: 238rpx;
  height: 48rpx;
  text-align: center;
  line-height: 48rpx;
  font-size: 24rpx;
  color: #353535;
  background-color: #ffffff;
  border-radius: 24rpx;
}
.voice-blessing .angle.data-v-2dbcc7c8 {
  width: 15rpx;
  border-width: 8rpx;
  border-style: solid;
  border-top-color: #ffffff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  position: relative;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ripple.data-v-2dbcc7c8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 2rpx solid #ffffff;
}