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