.ab-mall-new-component .goods-detail-container { display: flex; flex-direction: column; background-color: #f5f5f5; padding-bottom: calc(env(safe-area-inset-bottom) + 120rpx); padding-bottom: calc(constant(safe-area-inset-bottom) + 120rpx); } .ab-mall-new-component .goods-detail-container .swiper-container { height: 750rpx; width: 750rpx; position: relative; } .ab-mall-new-component .goods-detail-container .swiper-container .swiper-num { position: absolute; padding: 8rpx 30rpx; z-index: 2; bottom: 23rpx; right: 16rpx; background: rgba(0, 0, 0, 0.1); border: 1rpx solid rgba(255, 255, 255, 0.1); border-radius: 30rpx; font-size: 24rpx; color: #fff; letter-spacing: 0; line-height: 30rpx; font-weight: 400; } .ab-mall-new-component .goods-detail-container .swiper-container .swiper-stock { position: absolute; padding: 4rpx 0; z-index: 2; bottom: 23rpx; left: 56rpx; font-size: 36rpx; color: #fff; font-weight: 400; } .ab-mall-new-component .goods-detail-container .swiper-container .custom-container { display: flex; height: 100%; justify-content: left; align-items: center; } .ab-mall-new-component .goods-detail-container .detail-container { padding: 24rpx; } .ab-mall-new-component .goods-detail-container .detail-container .head { display: flex; padding: 24rpx 32rpx 24rpx; flex-direction: column; background-color: #fff; border-radius: 16rpx; } .ab-mall-new-component .goods-detail-container .detail-container .head-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 40rpx; color: #333; font-weight: 600; margin-bottom: 16rpx; } .ab-mall-new-component .goods-detail-container .detail-container .head-stock { font-size: 24rpx; color: #999; letter-spacing: 0; font-weight: 400; margin-bottom: 24rpx; } .ab-mall-new-component .goods-detail-container .detail-container .head-stock.red { color: #ff3b30; } .ab-mall-new-component .goods-detail-container .detail-container .head-money-car { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: nowrap; height: 64rpx; } .ab-mall-new-component .goods-detail-container .detail-container .head-money-car .price { margin-right: 24rpx; color: #ff3b30; display: flex; align-items: baseline; } .ab-mall-new-component .goods-detail-container .detail-container .head-money-car .price-icon { font-size: 36rpx; margin-right: 8rpx; } .ab-mall-new-component .goods-detail-container .detail-container .head-money-car .price-text { position: relative; font-size: 60rpx; letter-spacing: 0; font-weight: 700; line-height: 60rpx; } .ab-mall-new-component .goods-detail-container .detail-container .head-money-car .price .pre-price { flex: 1; color: #999; font-size: 24rpx; margin-left: 24rpx; font-weight: 400; text-decoration: line-through; } .ab-mall-new-component .goods-detail-container .detail-container .head-money-car .price-is-member { color: #cf884b; } .ab-mall-new-component .goods-detail-container .detail-container .head-money-car .car { background: #1677ff; border-radius: 32rpx; padding: 18rpx 30rpx; font-size: 28rpx; color: #fff; letter-spacing: 0; font-weight: 600; } .ab-mall-new-component .goods-detail-container .detail-container .head-money-car .car.inactive { background: #c9c9c9; } .ab-mall-new-component .goods-detail-container .detail-container .head-money-car .step { flex: 1; max-width: 75px; } .ab-mall-new-component .goods-detail-container .detail-container .head-money-car .disable { color: #e5e5e5; } .ab-mall-new-component .goods-detail-container .detail-container .head .member-price { color: #ff3b30; font-size: 24rpx; font-weight: 700; } .ab-mall-new-component .goods-detail-container .detail-container .goods-limit { display: flex; } .ab-mall-new-component .goods-detail-container .detail-container .detail-title { margin: 21rpx 32rpx 24rpx; font-size: 32rpx; color: #333; font-weight: 500; } .ab-mall-new-component .goods-detail-container .detail-container .detail-info { padding: 40rpx 24rpx; background: #fff; } .ab-mall-new-component .goods-detail-container .detail-container .detail-info-title { font-size: 30rpx; color: #000; letter-spacing: 0; font-weight: 600; margin-bottom: 16rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ab-mall-new-component .goods-detail-container .detail-container .detail-info-title-text { display: inline; font-weight: 400; }