@charset "UTF-8"; .text-center.data-v-33f815d0 { text-align: center; } .font-weight.data-v-33f815d0 { font-weight: bold; } .page-width.data-v-33f815d0 { width: 100%; } .goods-hover-class.data-v-33f815d0 { opacity: .9; background-color: #f7f7f7; } .background-image.data-v-33f815d0 { background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } /*全局文字大小*/ /* 屏幕宽度*/ page.data-v-33f815d0 { font-size: 32rpx; background: #f7f7f7; } .page-width.data-v-33f815d0 { width: 100%; } .u-hover-class.data-v-33f815d0 { opacity: .9; background-color: #f7f7f7; } .safe-area-inset-bottom.data-v-33f815d0 { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } /* 流光金 */ /* 浪漫粉 */ /* 品味红 */ /* 优雅紫 */ /* 清醒绿 */ /* 商务蓝 */ /* 流光金 */ .streamer-gold-gift-color.data-v-33f815d0 { color: #dfa245; } .streamer-gold-gift-background.data-v-33f815d0 { background-color: #dfa245; } .streamer-gold-gift-background-q.data-v-33f815d0 { background: rgba(223, 162, 69, 0.8); } .streamer-gold-gift-background-p.data-v-33f815d0 { background: rgba(223, 162, 69, 0.2); } .streamer-gold-gift-background-o.data-v-33f815d0 { background: rgba(223, 162, 69, 0.1); } .streamer-gold-gift-border.data-v-33f815d0 { border-color: #dfa245; } .streamer-gold-gift-figure-rule.data-v-33f815d0 { background: -webkit-linear-gradient(top, #dfa245, #f0c482); background: linear-gradient(to bottom, #dfa245, #f0c482); } .streamer-gold-gift-border-bottom.data-v-33f815d0 { border-bottom-color: #dfa245; } .streamer-gold-gift-shadow.data-v-33f815d0 { box-shadow: 0 10rpx 30rpx 2.5rpx rgba(223, 162, 69, 0.2); } .streamer-gold-gift-btn.data-v-33f815d0 { 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-33f815d0 { color: #ff547b; } .romantic-powder-gift-background.data-v-33f815d0 { background-color: #ff547b; } .romantic-powder-gift-background-q.data-v-33f815d0 { background: rgba(255, 84, 123, 0.8); } .romantic-powder-gift-background-p.data-v-33f815d0 { background: rgba(255, 84, 123, 0.2); } .romantic-powder-gift-background-o.data-v-33f815d0 { background: rgba(255, 84, 123, 0.1); } .romantic-powder-gift-border.data-v-33f815d0 { border-color: #ff547b; } .romantic-powder-gift-figure-rule.data-v-33f815d0 { background: -webkit-linear-gradient(top, #ff547b, #ff96ae); background: linear-gradient(to bottom, #ff547b, #ff96ae); } .romantic-powder-gift-border-bottom.data-v-33f815d0 { border-bottom-color: #ff547b; } .romantic-powder-gift-shadow.data-v-33f815d0 { box-shadow: 0 10rpx 30rpx 2.5rpx rgba(255, 84, 23, 0.2); } .romantic-powder-gift-btn.data-v-33f815d0 { 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-33f815d0 { color: #ff4544; } .taste-red-gift-background.data-v-33f815d0 { background-color: #ff4544; } .taste-red-gift-background-q.data-v-33f815d0 { background: rgba(255, 69, 68, 0.8); } .taste-red-gift-background-p.data-v-33f815d0 { background: rgba(255, 69, 68, 0.2); } .taste-red-gift-background-0.data-v-33f815d0 { background: rgba(255, 69, 68, 0.1); } .taste-red-gift-border.data-v-33f815d0 { border-color: #ff4544; } .taste-red-gift-figure-rule.data-v-33f815d0 { background: -webkit-linear-gradient(top, #ff4544, #ff8888); background: linear-gradient(to bottom, #ff4544, #ff8888); } .taste-red-gift-border-bottom.data-v-33f815d0 { border-bottom-color: #ff4544; } .taste-red-gift-shadow.data-v-33f815d0 { box-shadow: 0 10rpx 30rpx 2.5rpx rgba(255, 69, 68, 0.2); } .taste-red-gift-btn.data-v-33f815d0 { 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-33f815d0 { color: #7783ea; } .elegant-purple-gift-background.data-v-33f815d0 { background-color: #7783ea; } .elegant-purple-gift-background-q.data-v-33f815d0 { background: rgba(119, 131, 234, 0.8); } .elegant-purple-gift-background-p.data-v-33f815d0 { background: rgba(119, 131, 234, 0.2); } .elegant-purple-gift-background-o.data-v-33f815d0 { background: rgba(119, 131, 234, 0.1); } .elegant-purple-gift-border.data-v-33f815d0 { border-color: #7783ea; } .elegant-purple-gift-figure-rule.data-v-33f815d0 { background: -webkit-linear-gradient(top, #7783ea, #a1aaf6); background: linear-gradient(to bottom, #7783ea, #a1aaf6); } .elegant-purple-gift-border-bottom.data-v-33f815d0 { border-bottom-color: #7783ea; } .elegant-purple-gift-shadow.data-v-33f815d0 { box-shadow: 0 10rpx 30rpx 2.5rpx rgba(119, 131, 234, 0.2); } .elegant-purple-gift-btn.data-v-33f815d0 { 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-33f815d0 { color: #63be72; } .fresh-green-gift-background.data-v-33f815d0 { background-color: #63be72; } .fresh-green-gift-background-q.data-v-33f815d0 { background: rgba(99, 190, 114, 0.8); } .fresh-green-gift-background-p.data-v-33f815d0 { background: rgba(99, 190, 114, 0.2); } .fresh-green-gift-background-o.data-v-33f815d0 { background: rgba(99, 190, 114, 0.1); } .fresh-green-gift-border.data-v-33f815d0 { border-color: #63be72; } .fresh-green-gift-figure-rule.data-v-33f815d0 { background: -webkit-linear-gradient(top, #63be72, #89db96); background: linear-gradient(to bottom, #63be72, #89db96); } .fresh-green-gift-border-bottom.data-v-33f815d0 { border-bottom-color: #63be72; } .fresh-green-gift-shadow.data-v-33f815d0 { box-shadow: 0 10rpx 30rpx 2.5rpx rgba(99, 190, 114, 0.2); } .fresh-green-gift-btn.data-v-33f815d0 { 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-33f815d0 { color: #4a90e2; } .business-blue-gift-background.data-v-33f815d0 { background-color: #4a90e2; } .business-blue-gift-background-q.data-v-33f815d0 { background: rgba(74, 144, 226, 0.8); } .business-blue-gift-background-p.data-v-33f815d0 { background: rgba(74, 144, 226, 0.2); } .business-blue-gift-background-o.data-v-33f815d0 { background: rgba(74, 144, 226, 0.1); } .business-blue-gift-border.data-v-33f815d0 { border-color: #4a90e2; } .business-blue-gift-figure-rule.data-v-33f815d0 { background: -webkit-linear-gradient(top, #4a90e2, #82b4ef); background: linear-gradient(to bottom, #4a90e2, #82b4ef); } .business-blue-gift-border-bottom.data-v-33f815d0 { border-bottom-color: #4a90e2; } .business-blue-gift-shadow.data-v-33f815d0 { box-shadow: 0 10rpx 30rpx 2.5rpx rgba(74, 144, 226, 0.2); } .business-blue-gift-btn.data-v-33f815d0 { background: -webkit-linear-gradient(right, #4a90e2, rgba(74, 144, 226, 0.7)); background: linear-gradient(to left, #4a90e2, rgba(74, 144, 226, 0.7)); } .pick-gift.data-v-33f815d0 { margin: 0 24rpx; width: calc(100% - 48rpx); position: relative; top: -90rpx; } .pick-gift .selection-box.data-v-33f815d0 { width: 702rpx; height: 100%; padding: 0 32rpx; } .pick-gift-height.data-v-33f815d0 { height: 150rpx; } /* 礼物盒图 */ .gift-box.data-v-33f815d0 { width: 96rpx; height: 96rpx; } /* 导向图 */ .guide.data-v-33f815d0 { width: 12rpx; height: 22rpx; } /* 导向文字 */ .guided-text.data-v-33f815d0 { width: 530rpx; height: 100%; padding-left: 24rpx; } .guided-text .big-text.data-v-33f815d0 { font-size: 36rpx; padding: 34rpx 0 5rpx 0; } .guided-text .small-text.data-v-33f815d0 { font-size: 24rpx; color: #999999; padding: 5rpx 0 30rpx 0; } .radius-back-color.data-v-33f815d0 { background-color: #ffffff; border-radius: 16rpx; } /*购物车*/ .cart.data-v-33f815d0 { padding: 0 32rpx 0 32rpx; } .cart .total-content.data-v-33f815d0 { height: 100rpx; /*继续添加*/ } .cart .total-content .again.data-v-33f815d0 { width: 160rpx; text-align: center; height: 56rpx; line-height: 56rpx; font-size: 28rpx; color: #ffffff; border-radius: 32rpx; } .cart .total-content .number.data-v-33f815d0 { font-size: 28rpx; color: #666666; } /*商品*/ .item.data-v-33f815d0 { padding-top: 32rpx; border-bottom: 1rpx solid #e2e2e2; /*图片*/ /*实质内容*/ /*标题*/ /*规格*/ /*价格按钮*/ } .item .pic.data-v-33f815d0 { width: 156rpx; height: 156rpx; margin-bottom: 32rpx; } .item .content.data-v-33f815d0 { width: calc(100% - 156rpx); padding-left: 20rpx; } .item .name.data-v-33f815d0 { font-size: 28rpx; margin-top: 2rpx; } .item .attr.data-v-33f815d0 { font-size: 24rpx; color: #999999; margin-top: 20rpx; } .item .price-button.data-v-33f815d0 { height: 48rpx; margin-top: 34rpx; } .item .price-button .price.data-v-33f815d0 { font-size: 32rpx; line-height: 1; width: calc(100% - 200rpx); } .item .price-button .price.data-v-33f815d0:before { content: "¥"; font-size: 100%; } .item .number-button.data-v-33f815d0 { width: 200rpx; height: 48rpx; border-radius: 8rpx; border: 1rpx solid #cdcdcd; } .item .number-button .input.data-v-33f815d0 { width: 104rpx; height: 46rpx; line-height: 46rpx; text-align: center; font-size: 26rpx; min-height: 46rpx; padding: 0; } .item .number-button .btn-left.data-v-33f815d0 { border-right: 1rpx solid #cdcdcd !important; } .item .number-button .btn-right.data-v-33f815d0 { border-left: 1rpx solid #cdcdcd !important; } .item .number-button .btn.data-v-33f815d0 { height: 45rpx; line-height: 45rpx; width: 45rpx; font-size: 26rpx; text-align: center; color: #999999; border: none; padding: 0; border-radius: 0; background-color: transparent; margin: 0; } .item .number-button .disabled.data-v-33f815d0 { background-color: #dddddd; color: #999999; } /* 广告图 规则 */ .figure-rule.data-v-33f815d0 { position: relative; } .text-content.data-v-33f815d0 { position: absolute; top: 0; left: 0; } .rule.data-v-33f815d0 { width: 12.5%; padding-top: 40rpx; } .rule .identification.data-v-33f815d0 { width: 100%; border-top-left-radius: 30rpx; border-bottom-left-radius: 30rpx; background-color: rgba(0, 0, 0, 0.3); font-size: 24rpx; color: #ffffff; padding: 12rpx 24rpx 12rpx 20rpx; } .figure.data-v-33f815d0 { width: 87.5%; padding-bottom: 69rpx; } .figure .text-color.data-v-33f815d0 { color: #ffffff; } .figure .big-text.data-v-33f815d0 { font-size: 48rpx; padding: 30rpx 0 8rpx 55rpx; } .figure .small-text.data-v-33f815d0 { font-size: 26rpx; padding: 8rpx 0 52rpx 48rpx; } .component-height.data-v-33f815d0 { height: 260rpx; }