You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

863 lines
19 KiB

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