@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; }