.product-con .wrapper.data-v-fea5acd0 { padding-bottom: 26rpx; } .noscroll.data-v-fea5acd0 { height: 100%; overflow: hidden; } .product-con .footer-group .bnt.data-v-fea5acd0 { width: 43%; } .footer-group button.data-v-fea5acd0 { border: 0; background: none; } .product-con .footer-group .bnt.bg-color-violet.data-v-fea5acd0 { background-color: #fa8013; } /*内容 部分*/ .tui-padding.data-v-fea5acd0 { padding: 0 30rpx; box-sizing: border-box; } .tui-ml-auto.data-v-fea5acd0 { margin-left: auto; } .tui-size.data-v-fea5acd0 { font-size: 24rpx; line-height: 24rpx; } .tui-gray.data-v-fea5acd0 { color: #999; } .tui-white__gray.data-v-fea5acd0 { color: rgba(255, 255, 255, 0.8); font-weight: normal; font-size: 26rpx; } .tui-color-red.data-v-fea5acd0 { color: #eb0909; } .tui-border-radius.data-v-fea5acd0 { border-bottom-left-radius: 24rpx; border-bottom-right-radius: 24rpx; overflow: hidden; } .tui-radius-all.data-v-fea5acd0 { border-radius: 24rpx; overflow: hidden; } .tui-mtop.data-v-fea5acd0 { margin-top: 26rpx; } .tui-pro-detail.data-v-fea5acd0 { box-sizing: border-box; color: #333; } .tui-product-title.data-v-fea5acd0 { background: #fff; padding-bottom: 30rpx; } .tui-price__box.data-v-fea5acd0 { width: 100%; height: 130rpx; display: -webkit-box; display: -webkit-flex; display: flex; } .tui-pro-pricebox.data-v-fea5acd0 { width: 540rpx; height: 130rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #ffffff; font-size: 26rpx; line-height: 26rpx; background: -webkit-linear-gradient(120deg, #ff1f2e, #f52c6c); background: linear-gradient(-30deg, #ff1f2e, #f52c6c); -webkit-flex-shrink: 0; flex-shrink: 0; } .tui-pro-price.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .tui-price.data-v-fea5acd0 { font-size: 44rpx; line-height: 42rpx; } .tui-sold.data-v-fea5acd0 { width: 100%; height: 44rpx; padding-left: 4rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-top: 10rpx; } .tui-price-tag.data-v-fea5acd0 { height: 38rpx; border: 1rpx solid #fff; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 24rpx; line-height: 24rpx; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0 center; transform-origin: 0 center; border-radius: 6rpx; padding: 0 8rpx; } .tui-original-price.data-v-fea5acd0 { font-size: 26rpx; line-height: 26rpx; padding: 0 20rpx; box-sizing: border-box; text-decoration: line-through; } .tui-right__box.data-v-fea5acd0 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; background-color: #ffe5e5; font-size: 28rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #eb0909; } .tui-pro-titbox.data-v-fea5acd0 { font-size: 32rpx; font-weight: 500; position: relative; padding: 0 150rpx 0 30rpx; box-sizing: border-box; } .tui-pro-title.data-v-fea5acd0 { padding-top: 20rpx; } .tui-share-btn.data-v-fea5acd0 { display: block; background: transparent; margin: 0; padding: 0; border-radius: 0; border: 0; } .tui-share-btn.data-v-fea5acd0::after { border: 0; } .tui-share-box.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .tui-share-position.data-v-fea5acd0 { position: absolute; right: 0; top: 30rpx; } .tui-share-text.data-v-fea5acd0 { padding-left: 8rpx; } .tui-sub-title.data-v-fea5acd0 { padding: 20rpx 0; line-height: 32rpx; } .tui-guarantee__box.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; padding: 12rpx 88rpx 0; box-sizing: border-box; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: #fff; } .tui-gt-item.data-v-fea5acd0 { font-size: 28rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .tui-gt-item text.data-v-fea5acd0 { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center center; transform-origin: center center; } .tui-gt-img.data-v-fea5acd0 { width: 24rpx; height: 26rpx; -webkit-flex-shrink: 0; flex-shrink: 0; } .tui-group-text.data-v-fea5acd0 { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .tui-group-title.data-v-fea5acd0 { font-size: 30rpx; line-height: 30rpx; font-weight: bold; padding-left: 16rpx; border-left: 2px solid #eb0909; box-sizing: border-box; } .tui-sub__title.data-v-fea5acd0 { font-size: 26rpx; padding-right: 30rpx; } .tui-step__box.data-v-fea5acd0 { width: 100%; height: 210rpx; background: #fff; padding: 0 60rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; box-sizing: border-box; } .tui-step-item.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: 26rpx; color: #666666; } .tui-step-item image.data-v-fea5acd0 { width: 64rpx; height: 55rpx; -webkit-flex-shrink: 0; flex-shrink: 0; } .tui-step-item image.data-v-fea5acd0:first-child { width: 60rpx !important; } .tui-step-arrow.data-v-fea5acd0 { height: 90rpx; } .tui-step-arrow image.data-v-fea5acd0 { width: 11rpx; height: 20rpx; -webkit-flex-shrink: 0; flex-shrink: 0; } .tui-step-text.data-v-fea5acd0 { line-height: 26rpx; padding-top: 24rpx; } .tui-discount-box.data-v-fea5acd0 { background: #fff; } .tui-list__cell.data-v-fea5acd0 { width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 26rpx; line-height: 26rpx; padding: 36rpx 30rpx; box-sizing: border-box; } .tui-right.data-v-fea5acd0 { position: absolute; right: 30rpx; top: 30rpx; } .tui-top40.data-v-fea5acd0 { top: 40rpx !important; } .tui-bold.data-v-fea5acd0 { font-weight: bold; } .tui-list__cell.data-v-fea5acd0::after { content: ''; position: absolute; border-bottom: 1rpx solid #eaeef1; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); bottom: 0; right: 0; left: 126rpx; } .tui-last.data-v-fea5acd0::after { border-bottom: 0 !important; } .tui-flex-center.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .tui-cell-title.data-v-fea5acd0 { width: 66rpx; padding-right: 30rpx; -webkit-flex-shrink: 0; flex-shrink: 0; } .tui-promotion-box.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 10rpx 0; width: 80%; } .tui-promotion-box text.data-v-fea5acd0 { width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tui-basic-info.data-v-fea5acd0 { background: #fff; } .tui-addr-box.data-v-fea5acd0 { width: 76%; } .tui-addr-item.data-v-fea5acd0 { padding: 10rpx; line-height: 34rpx; } .tui-guarantee.data-v-fea5acd0 { background: #fdfdfd; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 20rpx 30rpx 30rpx 30rpx; font-size: 24rpx; } .tui-guarantee-item.data-v-fea5acd0 { color: #999; padding-right: 30rpx; padding-top: 10rpx; } .tui-pl.data-v-fea5acd0 { padding-left: 4rpx; } .tui-cmt-box.data-v-fea5acd0 { background: #fff; } .tui-between.data-v-fea5acd0 { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; justify-content: space-between !important; } .tui-cmt-all.data-v-fea5acd0 { color: #ff201f; padding-right: 8rpx; } .tui-cmt-content.data-v-fea5acd0 { font-size: 26rpx; } .tui-cmt-user.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .tui-acatar.data-v-fea5acd0 { width: 60rpx; height: 60rpx; border-radius: 30rpx; display: block; margin-right: 16rpx; } .tui-cmt.data-v-fea5acd0 { padding: 14rpx 0; } .tui-attr.data-v-fea5acd0 { font-size: 24rpx; color: #999; padding: 6rpx 0; } .tui-cmt-btn.data-v-fea5acd0 { padding: 50rpx 0 30rpx 0; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .tui-nomore-box.data-v-fea5acd0 { padding-top: 10rpx; } .tui-product-img.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-transform: translateZ(0); transform: translateZ(0); } .tui-product-img image.data-v-fea5acd0 { width: 100%; display: block; } /*底部操作栏*/ .tui-col-7.data-v-fea5acd0 { width: 58.33333333%; } .tui-col-5.data-v-fea5acd0 { width: 41.66666667%; } .tui-operation.data-v-fea5acd0 { width: 100%; height: 100rpx; background: rgba(255, 255, 255, 0.98); position: fixed; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; z-index: 100; bottom: 0; left: 0; padding-bottom: env(safe-area-inset-bottom); } .tui-safearea-bottom.data-v-fea5acd0 { width: 100%; height: env(safe-area-inset-bottom); } .tui-operation.data-v-fea5acd0::before { content: ''; position: absolute; top: 0; right: 0; left: 0; border-top: 1rpx solid #eaeef1; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .tui-operation-left.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .tui-operation-item.data-v-fea5acd0 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; position: relative; background: none; padding: 0; border: 0; line-height: 1em; } .tui-operation-item.data-v-fea5acd0:after { display: none; } .tui-operation-item .tui-operation-text.data-v-fea5acd0 { margin-top: 9rpx; line-height: 1em; } .tui-operation-text.data-v-fea5acd0 { font-size: 22rpx; color: #333; } .tui-opacity.data-v-fea5acd0 { opacity: 0.5; } .tui-scale-small.data-v-fea5acd0 { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: center center; transform-origin: center center; } .tui-operation-right.data-v-fea5acd0 { height: 100rpx; padding-top: 0; } .tui-right-flex.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .tui-flex-1.data-v-fea5acd0 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .tui-img__clock.data-v-fea5acd0 { width: 30rpx; height: 30rpx; margin-right: 8rpx; } /*底部操作栏*/ /*底部选择弹层*/ .tui-popup-class.data-v-fea5acd0 { border-top-left-radius: 24rpx; border-top-right-radius: 24rpx; padding-bottom: env(safe-area-inset-bottom); } .tui-popup-box.data-v-fea5acd0 { position: relative; padding: 30rpx 0 100rpx 0; } .tui-popup-btn.data-v-fea5acd0 { width: 100%; position: absolute; left: 0; bottom: 0; } .tui-product-box.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; font-size: 24rpx; padding-bottom: 30rpx; } .tui-popup-img.data-v-fea5acd0 { height: 200rpx; width: 200rpx; border-radius: 24rpx; display: block; } .tui-popup-price.data-v-fea5acd0 { padding-left: 20rpx; padding-bottom: 8rpx; } .tui-amount.data-v-fea5acd0 { color: #ff201f; font-size: 36rpx; } .tui-number.data-v-fea5acd0 { font-size: 24rpx; line-height: 24rpx; padding-top: 12rpx; color: #999; } .tui-popup-scroll.data-v-fea5acd0 { height: 600rpx; font-size: 26rpx; } .tui-scrollview-box.data-v-fea5acd0 { padding: 0 30rpx 60rpx 30rpx; box-sizing: border-box; } .tui-attr-title.data-v-fea5acd0 { padding: 10rpx 0; color: #333; } .tui-attr-box.data-v-fea5acd0 { font-size: 0; padding: 20rpx 0; } .tui-attr-item.data-v-fea5acd0 { max-width: 100%; min-width: 200rpx; height: 64rpx; display: -webkit-inline-flex; display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background: #f7f7f7; padding: 0 26rpx; box-sizing: border-box; border-radius: 32rpx; margin-right: 20rpx; margin-bottom: 20rpx; font-size: 26rpx; } .tui-attr-active.data-v-fea5acd0 { background: #fcedea !important; color: #e41f19; font-weight: bold; position: relative; } .tui-attr-active.data-v-fea5acd0::after { content: ''; position: absolute; border: 1rpx solid #e41f19; width: 100%; height: 100%; border-radius: 40rpx; left: 0; top: 0; } .tui-number-box.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 20rpx 0 30rpx 0; box-sizing: border-box; } /*底部选择弹层*/ /*拼团玩法介绍 modal*/ .tui-modal__title.data-v-fea5acd0 { text-align: center; font-weight: bold; padding-bottom: 8rpx; } .tui-modal__p.data-v-fea5acd0 { font-size: 26rpx; color: #888; padding-top: 20rpx; } .tui-modal__btn.data-v-fea5acd0 { width: 100%; padding: 60rpx 0 20rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } /*正在拼团*/ .tui-group-swiper.data-v-fea5acd0 { width: 100%; background-color: #fff; } .tui-group-user.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 35rpx 40rpx; box-sizing: border-box; } .tui-user-left.data-v-fea5acd0 { font-size: 30rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .tui-user-left image.data-v-fea5acd0 { height: 80rpx; width: 80rpx; -webkit-flex-shrink: 0; flex-shrink: 0; border-radius: 50%; margin-right: 16rpx; } .tui-user-right.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .tui-user-anme.data-v-fea5acd0 { max-width: 160rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tui-group-num.data-v-fea5acd0 { font-size: 26rpx; line-height: 26rpx; padding-bottom: 12rpx; } .tui-user-countdown.data-v-fea5acd0 { padding-right: 18rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .tui-sub-title.data-v-fea5acd0 { font-size: 28rpx; padding-right: 30rpx; } .tui-group-countdown.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 24rpx; color: #666666; white-space: nowrap; } .tui-countdown-right.data-v-fea5acd0 { padding-right: 6rpx; } .tui-countdown-left.data-v-fea5acd0 { padding-left: 6rpx; } .tui-btn__box.data-v-fea5acd0 { height: 98rpx; font-size: 26rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; line-height: 28rpx; padding: 18rpx 0 14rpx 0; box-sizing: border-box; } .tui-size-26.data-v-fea5acd0 { font-size: 26rpx; line-height: 26rpx; padding-top: 4rpx; } .tui-size-36.data-v-fea5acd0 { font-size: 36rpx; line-height: 34rpx; font-weight: 500; } .tui-flex-end.data-v-fea5acd0 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; }