| | |
| | | .detail .head1.data-v-7018f561 { |
| | | background: #E4730B; |
| | | } |
| | | .detail .track-popup.data-v-7018f561 { |
| | | background: #FFFFFF; |
| | | border-radius: 24rpx 24rpx 0 0; |
| | | padding: 24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom)); |
| | | box-sizing: border-box; |
| | | } |
| | | .detail .track-popup .track-popup__header.data-v-7018f561 { |
| | | height: 88rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | } |
| | | .detail .track-popup .track-popup__title.data-v-7018f561 { |
| | | font-size: 40rpx; |
| | | font-weight: 600; |
| | | color: #222222; |
| | | } |
| | | .detail .track-popup .track-popup__close.data-v-7018f561 { |
| | | 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; |
| | | font-size: 56rpx; |
| | | line-height: 1; |
| | | color: #A5A7AD; |
| | | } |
| | | .detail .track-popup .track-popup__body.data-v-7018f561 { |
| | | height: 50vh; |
| | | } |
| | | .detail .track-popup .track-empty.data-v-7018f561 { |
| | | line-height: 50vh; |
| | | text-align: center; |
| | | font-size: 28rpx; |
| | | color: #999999; |
| | | } |
| | | .detail .track-popup .track-list.data-v-7018f561 { |
| | | padding: 12rpx 0 0; |
| | | } |
| | | .detail .track-popup .track-item.data-v-7018f561 { |
| | | position: relative; |
| | | } |
| | | .detail .track-popup .track-item__rail.data-v-7018f561 { |
| | | width: 34rpx; |
| | | flex-shrink: 0; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | align-self: stretch; |
| | | position: relative; |
| | | } |
| | | .detail .track-popup .track-item__dot.data-v-7018f561 { |
| | | width: 16rpx; |
| | | height: 16rpx; |
| | | flex-shrink: 0; |
| | | position: relative; |
| | | z-index: 1; |
| | | border-radius: 50%; |
| | | background: #CCCCCC; |
| | | margin-top: 12rpx; |
| | | } |
| | | .detail .track-popup .track-item__dot--active.data-v-7018f561 { |
| | | width: 32rpx; |
| | | height: 32rpx; |
| | | flex-shrink: 0; |
| | | display: block; |
| | | position: relative; |
| | | z-index: 1; |
| | | margin-top: 4rpx; |
| | | background: transparent; |
| | | } |
| | | .detail .track-popup .track-item__line.data-v-7018f561 { |
| | | width: 2rpx; |
| | | position: absolute; |
| | | left: 50%; |
| | | top: 28rpx; |
| | | bottom: -30rpx; |
| | | -webkit-transform: translateX(-50%); |
| | | transform: translateX(-50%); |
| | | background: #E6EAF0; |
| | | } |
| | | .detail .track-popup .track-item__content.data-v-7018f561 { |
| | | display: flex; |
| | | align-items: flex-start; |
| | | -webkit-column-gap: 22rpx; |
| | | column-gap: 22rpx; |
| | | padding: 0 0 20rpx; |
| | | } |
| | | .detail .track-popup .track-item__body.data-v-7018f561 { |
| | | flex: 1; |
| | | min-width: 0; |
| | | } |
| | | .detail .track-popup .track-item__time.data-v-7018f561 { |
| | | display: block; |
| | | font-size: 28rpx; |
| | | font-weight: 400; |
| | | color: #8A8F99; |
| | | line-height: 1.4; |
| | | } |
| | | .detail .track-popup .track-item__desc.data-v-7018f561 { |
| | | display: block; |
| | | margin-top: 22rpx; |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | color: #666666; |
| | | } |
| | | .detail .track-popup .track-item__images.data-v-7018f561 { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | gap: 18rpx; |
| | | margin-top: 24rpx; |
| | | } |
| | | .detail .track-popup .track-item__images image.data-v-7018f561 { |
| | | width: 130rpx; |
| | | height: 130rpx; |
| | | border-radius: 12rpx; |
| | | background: #F3F5F8; |
| | | } |
| | | .detail .head.data-v-7018f561 { |
| | | width: 100%; |
| | | padding: 0 30rpx; |