product.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. page{background-color: #F5F5F5;}
  2. .swiper-wrap{margin-bottom: 24rpx;height: 400rpx;}
  3. .goods-name{display: flex;align-items: center;justify-content: space-between;padding: 24rpx;background-color: #fff;border-bottom: 1px solid #ddd;}
  4. .goods-name .name{flex: 1;font-size: 30rpx;font-weight: 600;line-height: 40rpx;}
  5. .goods-name .type{font-size: 24rpx;color: #999;width: 200rpx;text-align: right;}
  6. .goods-base-info{position: relative;margin-bottom: 24rpx;background-color: #fff;}
  7. .goods-base-info-item{font-size: 28rpx;color: #666;line-height: 40rpx;}
  8. .goods-base-info .goods-price{flex: unset;position: absolute;right: 24rpx;bottom: 24rpx;color: #26D18B;}
  9. .goods-base-info .goods-price .price{font-size: 30rpx;font-weight: bold;}
  10. .main-body{margin-bottom: 24rpx;background-color: #fff;}
  11. .main-body-til{display: flex;justify-content: space-between;align-items: center;padding: 24rpx;border-bottom: 1px solid #ddd;}
  12. .main-body-til.noborder{border-bottom: 0;}
  13. .main-body-til .til{font-size: 30rpx;font-weight: 600;color: #333;}
  14. .main-body-til .con{display: flex;align-items: center;font-size: 24rpx;color: #666;}
  15. .main-body-info{display: flex;padding: 24rpx;align-items: center;}
  16. .main-body-info-img{width: 200rpx;height: 200rpx;margin-right: 24rpx;}
  17. .main-body-info-text{flex: 1;font-size: 28rpx;color: #666;line-height: 40rpx;}
  18. .text-item{margin-bottom: 16rpx;}
  19. .text-item .text + .text{margin-left: 24rpx;}
  20. .product-info-item{width: 50%;margin-bottom: 24rpx;font-size: 28rpx;color: #333;box-sizing: border-box;}
  21. .product-info .main-body-info{flex-wrap: wrap;}