.ab-mall-new-component .footer-button-container { position: absolute; z-index: 999; bottom: 0; width: 100%; background-color: #fff; box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.12); padding: 18rpx 24rpx; padding-bottom: env(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom); } .ab-mall-new-component .footer-button-container .bottom-container { display: flex; justify-content: space-between; margin-bottom: 18rpx; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block { flex: 1; display: flex; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-icon { display: flex; margin-right: 46rpx; align-items: center; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-icon .car-icon-img { width: 55rpx; height: 50rpx; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-icon .am-badge-text { background-color: #ff3b30 !important; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container { flex: 1; display: flex; align-items: center; flex-wrap: wrap; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money { display: flex; color: #fff; align-items: center; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .total { margin-right: 24rpx; font-size: 28rpx; font-weight: 400; color: #333; text-align: left; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .price-icon { font-size: 22rpx; display: inline; color: #ff3b30; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .price { font-size: 40rpx; font-weight: 500; color: #ff3b30; margin-right: 8rpx; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .car-money .pre-price { font-size: 25rpx; color: #999; margin-left: 16rpx; font-weight: 400; text-decoration: line-through; margin-right: 8rpx; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .btn-modal-container { display: flex; } .ab-mall-new-component .footer-button-container .bottom-container .tap-block .car-money-container .btn-modal-container .btn-modal-text { font-size: 18rpx; color: #999; letter-spacing: 0; font-weight: 400; } .ab-mall-new-component .footer-button-container .bottom-container .car-button { color: #fff; font-size: 30rpx; font-weight: 600; padding: 11rpx 35rpx; border-radius: 32px; background: linear-gradient(138.81deg, #007dff 0%, #75c4ff 73%, #6eddff 100%); opacity: 1; } .ab-mall-new-component .footer-button-container .bottom-container .car-button-inactive { border-radius: 32rpx; background-color: #c9c9c9; color: #fff; font-size: 30rpx; font-weight: 600; padding: 11rpx 35rpx; }