.ab-mall-new-component .goods-item-container { border-bottom: 1px #eee solid; } .ab-mall-new-component .goods-item-container .goods-item-box { display: flex; background: #fff; padding: 24rpx 0; flex-wrap: nowrap; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info { flex: 1; margin-left: 24rpx; flex-wrap: nowrap; overflow: hidden; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .name { color: #333; font-size: 33rpx; font-weight: 500; margin-bottom: 10rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .unit-and-stock { display: flex; flex-direction: row; justify-content: space-between; font-weight: 400; color: #999; margin-bottom: 10rpx; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .unit-and-stock .unit { font-size: 26rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .unit-and-stock .stock { font-size: 26rpx; letter-spacing: 0; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .unit-and-stock .stock.red { color: #ff3b30; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .goods-limit { display: flex; margin-bottom: 6rpx; justify-content: flex-start; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-bottom: 5px; height: 84rpx; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .price { color: #ff3b30; font-size: 30rpx; font-weight: 500; margin-right: 16rpx; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .price-icon { display: inline; font-size: 20rpx; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .price-member-pre { position: absolute; font-size: 18rpx; top: 30rpx; left: 0; color: #ff3b30; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .member-price { color: #cf884b; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .pre-price { flex: 1; margin-top: 8rpx; color: #999; font-size: 18rpx; font-weight: 400; text-decoration: line-through; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .step { flex: 1; max-width: 75px; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .stepper-add { display: flex; justify-content: center; align-items: center; height: 42rpx; width: 42rpx; border-radius: 4.4rpx; border: 1px solid #e5e5e5; box-sizing: content-box; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .disable { color: #e5e5e5; } .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .add-plus-disable { padding: 12rpx; color: #999; } @keyframes goodsAnime { 0% { background-color: rgba(0, 255, 226, 0.2); } 25% { background-color: #fff; } 50% { background-color: rgba(0, 255, 226, 0.2); } 75% { background-color: #fff; } 100% { background-color: rgba(0, 255, 226, 0.2); } } .ab-mall-new-component .goods-item-container .goods-item-active { display: flex; background: rgba(0, 255, 226, 0.2); padding: 12rpx 24rpx 0; margin: 12rpx -12rpx 12rpx; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; animation-name: goodsAnime; animation-duration: 3s; border-radius: 16rpx; }