.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;
}
