| | |
| | | min-height: 100vh; |
| | | background: #f5f6f8; |
| | | } |
| | | .nav-bar.data-v-c13e4c60 { |
| | | position: -webkit-sticky; |
| | | position: sticky; |
| | | top: 0; |
| | | left: 0; |
| | | right: 0; |
| | | background: #ffffff; |
| | | z-index: 100; |
| | | } |
| | | .nav-bar .nav-content.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 0 30rpx; |
| | | } |
| | | .nav-bar .nav-content .nav-left.data-v-c13e4c60 { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .nav-bar .nav-content .nav-title.data-v-c13e4c60 { |
| | | font-size: 34rpx; |
| | | font-weight: 600; |
| | | color: #333333; |
| | | } |
| | | .nav-bar .nav-content .nav-right.data-v-c13e4c60 { |
| | | width: 40rpx; |
| | | } |
| | | .top-gradient-bg.data-v-c13e4c60 { |
| | | position: absolute; |
| | | left: 0; |
| | | top: 88rpx; |
| | | top: 0; |
| | | width: 100%; |
| | | height: 480rpx; |
| | | background: linear-gradient(180deg, #15b9f7 0%, #f7f7f7 100%); |
| | |
| | | position: relative; |
| | | width: 50%; |
| | | text-align: center; |
| | | font-size: 28rpx; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #9097a3; |
| | | } |
| | | .mode-tab.active.data-v-c13e4c60 { |
| | |
| | | } |
| | | .page-scroll.data-v-c13e4c60 { |
| | | position: relative; |
| | | z-index: 1; |
| | | height: calc(100vh - 88rpx - 186rpx - env(safe-area-inset-bottom)); |
| | | } |
| | | .page-content.data-v-c13e4c60 { |
| | |
| | | .store-popup-wrap.data-v-c13e4c60 { |
| | | background: #ffffff; |
| | | border-radius: 24rpx 24rpx 0 0; |
| | | padding: 0 30rpx; |
| | | box-sizing: border-box; |
| | | padding: 0 30rpx 16rpx 30rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | .store-popup-head.data-v-c13e4c60 { |
| | |
| | | color: #c1c6d0; |
| | | } |
| | | .store-list-scroll.data-v-c13e4c60 { |
| | | max-height: 70vh; |
| | | max-height: 60vh; |
| | | min-height: 50vh; |
| | | margin-top: 30rpx; |
| | | } |
| | |
| | | .store-option-address-row.data-v-c13e4c60 { |
| | | margin-top: 8rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | align-items: flex-start; |
| | | flex-wrap: wrap; |
| | | } |
| | | .store-option-address-icon.data-v-c13e4c60 { |
| | | flex-shrink: 0; |
| | | width: 24rpx; |
| | | height: 24rpx; |
| | | margin-right: 4rpx; |
| | | margin-top: 6rpx; |
| | | } |
| | | .store-option-address.data-v-c13e4c60 { |
| | | flex: 1; |
| | | font-size: 26rpx; |
| | | color: #9ea4af; |
| | | } |
| | |
| | | align-items: center; |
| | | } |
| | | .store-cell-copy-addr .store-cell-subtitle-container image.data-v-c13e4c60 { |
| | | flex-shrink: 0; |
| | | width: 24rpx; |
| | | height: 24rpx; |
| | | margin-right: 4rpx; |
| | |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .form-value-wrap.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8rpx; |
| | | flex: 1; |
| | | justify-content: flex-end; |
| | | } |
| | | .form-value-text.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #333333; |
| | | } |
| | | .form-value-placeholder.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #B2B2B2; |
| | | } |
| | | .form-input.data-v-c13e4c60 { |
| | | flex: 1; |
| | | height: 88rpx; |
| | |
| | | } |
| | | .luggage-item.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: baseline; |
| | | align-items: flex-end; |
| | | justify-content: space-between; |
| | | padding: 24rpx; |
| | | box-sizing: border-box; |
| | |
| | | height: 100rpx; |
| | | border-radius: 8rpx; |
| | | margin-right: 18rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | background: #f0f1f4; |
| | | overflow: hidden; |
| | | margin-right: 24rpx; |
| | |
| | | font-weight: 500; |
| | | color: #333333; |
| | | border: 2rpx solid transparent; |
| | | white-space: nowrap; |
| | | /* 防止文本换行 */ |
| | | overflow: hidden; |
| | | /* 隐藏溢出的内容 */ |
| | | text-overflow: ellipsis; |
| | | /* 显示省略号来代表被修剪的文本 */ |
| | | box-sizing: border-box; |
| | | } |
| | | .goods-tag.active.data-v-c13e4c60 { |
| | |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .amount-row-right.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8rpx; |
| | | } |
| | | .amount-row-placeholder.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #999999; |
| | | } |
| | | .amount-row-discount.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #FF4D4F; |
| | | } |
| | | .popup-agreement-bar.data-v-c13e4c60 { |
| | | margin-top: 12rpx; |
| | | } |
| | |
| | | padding-bottom: 14rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: flex-end; |
| | | justify-content: space-between; |
| | | font-size: 22rpx; |
| | | } |
| | | .insurance-tip-label.data-v-c13e4c60 { |
| | | color: #999999; |
| | | } |
| | | .insurance-tip-warning.data-v-c13e4c60 { |
| | | color: #ff4d4f; |
| | | font-size: 22rpx; |
| | | font-weight: 400; |
| | | } |
| | | .insurance-tip-value.data-v-c13e4c60 { |
| | | margin-left: 8rpx; |
| | |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | z-index: 1; |
| | | padding: 0 0 env(safe-area-inset-bottom); |
| | | background: #ffffff; |
| | | box-sizing: border-box; |
| | |
| | | .active-submit-btn.data-v-c13e4c60 { |
| | | background: #10B2FA; |
| | | } |
| | | /* 优惠券弹窗样式 */ |
| | | .coupon-popup-wrap.data-v-c13e4c60 { |
| | | background: #ffffff; |
| | | border-radius: 24rpx 24rpx 0 0; |
| | | padding: 0 30rpx 16rpx 30rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | .coupon-popup-head.data-v-c13e4c60 { |
| | | position: relative; |
| | | height: 96rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .coupon-popup-title.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | } |
| | | .coupon-popup-close.data-v-c13e4c60 { |
| | | position: absolute; |
| | | right: 0; |
| | | top: 50%; |
| | | -webkit-transform: translateY(-50%); |
| | | transform: translateY(-50%); |
| | | width: 56rpx; |
| | | height: 56rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .coupon-list-scroll.data-v-c13e4c60 { |
| | | max-height: 60vh; |
| | | min-height: 20vh; |
| | | padding-bottom: 20rpx; |
| | | } |
| | | .coupon-list-scroll-wu.data-v-c13e4c60 { |
| | | width: 100%; |
| | | height: 20vh; |
| | | line-height: 20vh; |
| | | text-align: center; |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #999999; |
| | | } |
| | | .coupon-item.data-v-c13e4c60 { |
| | | background: #F7F8FA; |
| | | border-radius: 16rpx; |
| | | padding: 24rpx; |
| | | margin-bottom: 16rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 20rpx; |
| | | border: 2rpx solid transparent; |
| | | transition: all 0.3s; |
| | | } |
| | | .coupon-item-top.data-v-c13e4c60 { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: flex-start; |
| | | } |
| | | .coupon-item-bottom.data-v-c13e4c60 { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .coupon-divider.data-v-c13e4c60 { |
| | | height: 1rpx; |
| | | background: repeating-linear-gradient(to right, #CCCCCC 0, #CCCCCC 8rpx, transparent 8rpx, transparent 16rpx); |
| | | margin: 12rpx 0; |
| | | } |
| | | .coupon-item.active.data-v-c13e4c60 { |
| | | background: #E6F7FF; |
| | | border-color: #1890FF; |
| | | } |
| | | .coupon-item-left.data-v-c13e4c60 { |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 12rpx; |
| | | } |
| | | .coupon-name.data-v-c13e4c60 { |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | | } |
| | | .coupon-validity.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | } |
| | | .coupon-usage.data-v-c13e4c60 { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8rpx; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | } |
| | | .coupon-usage-label.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | } |
| | | .coupon-usage-text.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | line-height: 1.5; |
| | | } |
| | | .coupon-item-right.data-v-c13e4c60 { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: flex-end; |
| | | gap: 12rpx; |
| | | } |
| | | .coupon-amount.data-v-c13e4c60 { |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | color: #FF4D4F; |
| | | } |
| | | .coupon-desc.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 22rpx; |
| | | color: #FF4D4F; |
| | | border-radius: 12rpx; |
| | | } |
| | | .coupon-confirm-btn-wrap.data-v-c13e4c60 { |
| | | padding: 24rpx 0; |
| | | } |
| | | .coupon-confirm-btn.data-v-c13e4c60 { |
| | | height: 88rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-weight: bold; |
| | | font-size: 32rpx; |
| | | color: #FFFFFF; |
| | | border-radius: 44rpx; |
| | | } |
| | | .coupon-value-red.data-v-c13e4c60 { |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #FF4D4F; |
| | | } |
| | | |