.tui-bg__box.data-v-f9db3b64 { width: 100%; height: 210rpx; position: fixed; left: 0; top: 0; z-index: 1; } .tui-header__bg.data-v-f9db3b64 { width: 100%; height: 120rpx; position: fixed; left: 0; top: 0; z-index: 3; overflow: hidden; } .tui-bg__img.data-v-f9db3b64 { width: 100%; height: 210rpx; display: block; -webkit-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .tui-body.data-v-f9db3b64 { width: 100%; position: relative; margin-top: 120rpx; z-index: 2; padding: 0 25rpx; box-sizing: border-box; } .tui-time-slot.data-v-f9db3b64 { width: 100%; height: 120rpx; position: absolute; left: 0; top: 0; } .tui-time__list.data-v-f9db3b64 { min-width: 100%; height: 120rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .tui-flex__between.data-v-f9db3b64 { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .tui-time__item.data-v-f9db3b64 { -webkit-flex-shrink: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -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: #ffb2b2; } .tui-flex__1.data-v-f9db3b64 { -webkit-box-flex: 1 !important; -webkit-flex: 1 !important; flex: 1 !important; } .tui-width__min.data-v-f9db3b64 { min-width: 150rpx; } .tui-time.data-v-f9db3b64 { font-size: 32rpx; line-height: 32rpx; font-weight: bold; } .tui-status.data-v-f9db3b64 { font-size: 24rpx; line-height: 24rpx; font-weight: 500; padding-top: 16rpx; } .tui-time__active .tui-time.data-v-f9db3b64 { color: #fff; font-size: 36rpx; line-height: 36rpx; } .tui-time__active .tui-status.data-v-f9db3b64 { color: #fff; font-size: 28rpx; line-height: 28rpx; font-weight: bold; } .tui-status__box.data-v-f9db3b64 { width: 100%; height: 146rpx; background: #fff; border-radius: 20rpx; box-shadow: 0 3rpx 20rpx rgba(183, 183, 183, 0.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; } .tui-full__width.data-v-f9db3b64 { width: 100%; } .tui-divider__status.data-v-f9db3b64 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 28rpx; color: #333; font-weight: bold; } .tui-divider__status image.data-v-f9db3b64 { width: 30rpx; height: 30rpx; margin-right: 10rpx; -webkit-flex-shrink: 0; flex-shrink: 0; } .tui-color__red.data-v-f9db3b64 { color: #eb0909; padding-right: 6rpx; font-size: 32rpx; font-weight: 500; } .tui-countdown__box.data-v-f9db3b64 { 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; color: #333; font-size: 24rpx; font-weight: 400; margin-top: 16rpx; } .tui-countdown__box text.data-v-f9db3b64 { padding-right: 12rpx; } /*======商品列表 start=======*/ .tui-list__goods.data-v-f9db3b64 { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20rpx; padding-bottom: 30rpx; } .tui-goods__left.data-v-f9db3b64, .tui-goods__right.data-v-f9db3b64 { width: 49%; } .tui-full__width.data-v-f9db3b64 { width: 100% !important; } /*======商品列表 end=======*/ .tui-goods__item.data-v-f9db3b64 { width: 100%; padding: 20rpx 20rpx 36rpx; box-sizing: border-box; border-radius: 12rpx; background-color: #fff; margin-bottom: 4%; position: relative; } .tui-full__item.data-v-f9db3b64 { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 20rpx !important; padding: 20rpx !important; } .tui-img__newguest.data-v-f9db3b64 { position: absolute; width: 96rpx; height: 32rpx; left: 0; top: 8rpx; } .tui-image__box.data-v-f9db3b64 { width: 100%; height: 300rpx; } .tui-full__imgbox.data-v-f9db3b64 { width: 240rpx !important; height: 240rpx !important; margin-right: 20rpx; } .tui-goods__img.data-v-f9db3b64 { max-width: 100%; max-height: 300rpx; display: block; border-radius: 8rpx; } .tui-full__img.data-v-f9db3b64 { max-height: 240rpx !important; } .tui-goods__content.data-v-f9db3b64 { width: 100%; padding-top: 16rpx; } .tui-full__content.data-v-f9db3b64 { height: 240rpx; 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: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 0 !important; } .tui-goods__title.data-v-f9db3b64 { font-size: 26rpx; font-weight: 400; color: #333; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 20rpx; } .tui-tag__box.data-v-f9db3b64 { display: -webkit-box; display: -webkit-flex; display: flex; padding-top: 25rpx; padding-bottom: 25rpx; } .tui-box__bottom.data-v-f9db3b64 { width: 100%; 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-price__box.data-v-f9db3b64 { 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; } .tui-price.data-v-f9db3b64 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; color: #eb0909; } .tui-price__small.data-v-f9db3b64 { font-size: 24rpx; line-height: 24rpx; } .tui-price__large.data-v-f9db3b64 { font-size: 34rpx; line-height: 32rpx; font-weight: 600; } .tui-price__original.data-v-f9db3b64 { font-size: 24rpx; line-height: 24rpx; text-decoration: line-through; color: #999; padding-top: 10rpx; }