@charset "UTF-8"; .text-center.data-v-f2c56880 { text-align: center; } .font-weight.data-v-f2c56880 { font-weight: bold; } .page-width.data-v-f2c56880 { width: 100%; } .goods-hover-class.data-v-f2c56880 { opacity: .9; background-color: #f7f7f7; } .background-image.data-v-f2c56880 { background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } /*全局文字大小*/ /* 屏幕宽度*/ page.data-v-f2c56880 { font-size: 32rpx; background: #f7f7f7; } .page-width.data-v-f2c56880 { width: 100%; } .u-hover-class.data-v-f2c56880 { opacity: .9; background-color: #f7f7f7; } .safe-area-inset-bottom.data-v-f2c56880 { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .nav.data-v-f2c56880 { height: 220rpx; width: 100%; position: relative; } .nav-bg.data-v-f2c56880 { height: 220rpx; width: 100%; } .nav-title.data-v-f2c56880 { text-align: center; width: 100%; position: absolute; top: 25rpx; color: #999; font-size: 12px; } .nav-num.data-v-f2c56880 { text-align: center; width: 100%; position: absolute; top: 60rpx; color: #ecb786; font-size: 24px; } .exchange.data-v-f2c56880, .log.data-v-f2c56880 { position: absolute; bottom: 40rpx; color: #fff; font-size: 15px; height: 34rpx; line-height: 34rpx; } .exchange image.data-v-f2c56880, .log image.data-v-f2c56880 { height: 34rpx; width: 34rpx; margin-right: 16rpx; display: block; float: left; } .exchange.data-v-f2c56880 { left: 120rpx; } .log.data-v-f2c56880 { right: 120rpx; } .about.data-v-f2c56880 { height: 30rpx; width: 30rpx; position: absolute; top: 25rpx; right: 38%; } .about image.data-v-f2c56880 { height: 30rpx; width: 30rpx; display: block; } .banner.data-v-f2c56880 { margin: 20rpx 0; height: 190rpx; } .banner swiper.data-v-f2c56880 { height: 190rpx; } .banner image.data-v-f2c56880 { height: 190rpx; width: 100%; } .coupon.data-v-f2c56880 { background-color: #fff; padding: 30rpx 0 40rpx 25rpx; } .coupon-title.data-v-f2c56880 { font-size: 15px; color: #353535; border-left: 4rpx solid #ff6f28; padding-left: 16rpx; height: 35rpx; line-height: 35rpx; margin-bottom: 38rpx; } .coupon-list.data-v-f2c56880 { height: 220rpx; white-space: nowrap; overflow: hidden; width: auto; } .coupon-item.data-v-f2c56880 { width: 330rpx; height: 220rpx; position: relative; display: inline-block; font-size: 13px; color: #353535; margin-right: 20rpx; } .coupon-item image.data-v-f2c56880 { width: 330rpx; height: 220rpx; } .coupon-name.data-v-f2c56880 { position: absolute; left: 24rpx; top: 10rpx; width: 300rpx; font-weight: bold; } .coupon-name.discount text.data-v-f2c56880:after { content: '折'; font-size: 50%; } .coupon-name text.data-v-f2c56880 { font-size: 20px; margin-right: 12rpx; } .coupon-user.data-v-f2c56880 { position: absolute; width: 280rpx; left: 24rpx; top: 70rpx; } .coupon-exchange.data-v-f2c56880 { position: absolute; bottom: 22rpx; left: 0; right: 0; text-align: center; } .coupon-exchange view.data-v-f2c56880 { display: inline-block; padding: 0 28rpx; text-align: center; height: 48rpx; line-height: 48rpx; border-radius: 24rpx; border: 2rpx solid #353535; margin: 0 auto; } .goods-title.data-v-f2c56880 { padding-left: 20rpx; height: 96rpx; line-height: 96rpx; padding-top: 30.5rpx; background-color: #fff; margin-top: 24rpx; border-bottom: 1rpx solid #e2e2e2; } .cat-list.data-v-f2c56880 { height: 100rpx; background-color: #fff; border-bottom: 1rpx solid #e2e2e2; white-space: nowrap; overflow: hidden; width: auto; position: -webkit-sticky; position: sticky; top: 0; z-index: 10; } .cat-item.data-v-f2c56880 { display: inline-block; margin: 23rpx; text-align: center; width: auto; color: #353535; font-size: 12px; height: 54rpx; line-height: 54rpx; padding: 0 20rpx; } .cat-item.active.data-v-f2c56880 { border-radius: 27rpx; color: #fff; } .goods-list.data-v-f2c56880 { padding-left: 24rpx; } .goods-item.data-v-f2c56880 { width: 344rpx; background-color: #fff; font-size: 14px; color: #353535; margin: 14rpx 14rpx 0 0; position: relative; display: block; border-radius: 16rpx; } .goods-name.data-v-f2c56880 { margin-top: 16rpx; padding-left: 24rpx; font-size: 26rpx; height: 30rpx; line-height: 30rpx; } .goods-img.data-v-f2c56880 { height: 344rpx; width: 344rpx; display: block; border-top-left-radius: 16rpx; border-top-right-radius: 16rpx; } .out-dialog.data-v-f2c56880 { width: 344rpx; height: 344rpx; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .out-dialog image.data-v-f2c56880 { width: 344rpx; height: 344rpx; } .goods-price.data-v-f2c56880 { margin-top: 10rpx; margin-left: 24rpx; padding-bottom: 125rpx; } .goods-old.data-v-f2c56880 { font-size: 13px; color: #999; text-decoration: line-through; position: absolute; left: 24rpx; bottom: 88rpx; } .goods-num.data-v-f2c56880 { position: absolute; right: 24rpx; bottom: 88rpx; font-size: 13px; } .goods-exchange.data-v-f2c56880 { height: 48rpx; line-height: 48rpx; border-radius: 24rpx; position: absolute; bottom: 24rpx; left: 24rpx; right: 24rpx; color: #fff; font-size: 13px; } .goods-exchange.data-v-f2c56880::after { border: 0; } .dialog-bg.data-v-f2c56880 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); } .dialog.data-v-f2c56880 { width: 574rpx; margin: 0 auto; background-color: #fff; position: fixed; top: 25%; left: 0; right: 0; border-radius: 16rpx; } .close.data-v-f2c56880 { height: 30rpx; width: 30rpx; position: absolute; right: 22rpx; top: 22rpx; z-index: 10; } .lose.data-v-f2c56880 { padding: 88rpx 0 88rpx 90rpx; height: 310rpx; font-size: 15px; color: #353535; } .lose-img.data-v-f2c56880 { height: 134rpx; width: 124rpx; margin-right: 48rpx; display: block; float: left; } .lose-title.data-v-f2c56880 { font-size: 23px; font-weight: 500; margin: 15rpx 0; } .success.data-v-f2c56880 { height: 350rpx; background-color: #fff; text-align: center; padding-top: 150rpx; font-size: 18px; color: #353535; border-radius: 16rpx; } .success-head.data-v-f2c56880 { height: 332rpx; width: 574rpx; position: absolute; top: -215rpx; left: 0; } .to-card.data-v-f2c56880, .to-use.data-v-f2c56880 { margin-top: 44rpx; height: 64rpx; border-radius: 32rpx; line-height: 64rpx; width: 228rpx; font-size: 16px; } .to-card.data-v-f2c56880::after, .to-use.data-v-f2c56880::after { border: 0; } .to-card.data-v-f2c56880 { background-color: #fff; color: #353535; border: 1rpx solid #999; } .to-use.data-v-f2c56880 { background-color: #ff4544; color: #fff; } .dialog-tip.data-v-f2c56880 { position: fixed; top: 400rpx; left: 0; right: 0; padding-bottom: 88rpx; width: 640rpx; margin: 0 auto; z-index: 21; background-color: #fff; border-radius: 10px; text-align: center; font-size: 30rpx; } .dialog-msg.data-v-f2c56880 { margin: 0 50rpx 50rpx; } .dialog-title.data-v-f2c56880 { margin: 40rpx auto 35rpx; } .dialog-btn.data-v-f2c56880 { height: 88rpx; width: 640rpx; border-top: 1rpx solid #e2e2e2; line-height: 88rpx; position: absolute; bottom: 0; left: 0; } .dialog-close.data-v-f2c56880, .dialog-submit.data-v-f2c56880 { width: 50%; } .line.data-v-f2c56880 { height: 44rpx; margin-top: 22rpx; width: 1rpx; background-color: #e2e2e2; } .dialog-submit.data-v-f2c56880 { color: #ff4544; } .success-btn.data-v-f2c56880 { padding: 0 39rpx; }