.flex { display: flex; } .column-bottom { align-items: flex-end; } .row-middle { align-items: center; } .spec-popup { height: 60%; padding: 32rpx 0 0; text-align: left; z-index: 110 !important; } .spec-top { width: calc(100% - 48rpx); height: 30%; margin: auto; justify-content: space-between; border-bottom: 2rpx solid rgba(110, 123, 143, 0.16); } .spec-url { width: 176rpx; height: 100%; border-radius: 16rpx; } .spec-selected { flex-direction: column; justify-content: flex-end; margin-left: 24rpx; line-height: 26rpx; font-size: 22rpx; color: #50555F; } .spec-price { margin-bottom: 12rpx; line-height: 38rpx; font-size: 32rpx; color: #F94F50; } .txt { padding-left: 4rpx; line-height: 56rpx; font-size: 48rpx; font-family: DIN Alternate-Bold, DIN Alternate; font-weight: bold; } .spec-content { height: calc(70% - 36rpx); margin-top: 36rpx; padding-bottom: 32rpx; } .spec-list { padding: 0 24rpx; margin-bottom: 44rpx; } .spec-label { margin-bottom: 20rpx; line-height: 40rpx; } .spec-value { display: inline-block; margin-right: 24rpx; padding: 14rpx 40rpx; background: #f8f8f8; border: 2rpx solid transparent; border-radius: 42rpx; text-align: center; line-height: 28rpx; color: #060606; } .value-active { background: #fceeee; border-color: #D32D2F; color: #D32D2F; } .spec-count { padding: 0 24rpx; justify-content: space-between; } .count-label { margin-bottom: 0; line-height: 60rpx; }