single.css 2.7 KB

1234567891011121314151617181920212223242526272829
  1. /* components/single/single.wxss */
  2. .head .titleNav{justify-content: space-between;align-items: center;font-size: 36rpx;font-weight: bold;padding-bottom: 30rpx;padding-top: 30rpx;}
  3. .head .titleNav text{font-size: 24rpx;color: #666;margin-left: 10rpx;font-weight: normal;}
  4. .more{width: 16rpx;height: 27rpx;}
  5. .imgtit{width: 100%; margin-bottom:20rpx; }
  6. .jishida .imgtit{width: 100%; margin-bottom:10rpx; }
  7. .single .li{background: #fff;border-radius: 10rpx;padding: 11rpx 11rpx 24rpx;margin-bottom: 20rpx;}
  8. .single-img{width: 100%;height: 388rpx;border-radius: 10rpx 10rpx 0 0;}
  9. .single-info{align-items: center;padding: 17rpx 0;border-bottom: 1rpx solid #E5E5E5;margin: 0 10rpx;}
  10. .single-tit{font-size: 32rpx;color: #222;font-weight: bold;line-height: 44rpx;max-height: 88rpx;overflow: hidden;position: relative;padding-right: 20rpx;}
  11. /* .single-tit::after{content: '';display: block;width: 2rpx;height: 88rpx;background: #E5E5E5;position: absolute;top: 50%;transform: translateY(-50%);right: 0;} */
  12. .s-share{font-size: 24rpx;color: #999;width: 150rpx !important;text-align: center;}
  13. .s-share image{width: 42rpx;height: 42rpx;margin: 0 auto 5rpx;}
  14. .pmoney{align-items: center;margin: 20rpx 10rpx 0;}
  15. .price {font-size: 34rpx;color: #E10213;align-items: center;}
  16. .price text {font-size: 60rpx;font-weight: normal;}
  17. .money{align-items: flex-end;}
  18. .price text.del {font-size: 24rpx !important;color: #999;text-decoration: line-through;margin-left: 15rpx;font-weight: normal !important;}
  19. .zhuan {height: 32rpx;box-sizing: border-box;align-items: center;margin-left: 15rpx;margin-top: 8rpx;}
  20. .zhuan text {padding: 0 6rpx;border-radius: 2rpx 0 0 2rpx;background: #C28A4F;height: 32rpx;line-height: 32rpx;font-size: 20rpx;color: #fff;font-weight: normal;}
  21. .zhuan view {font-size: 22rpx;color: #BF7A40;padding: 0 8rpx 0 8rpx;background: #fff;height: 28rpx;border: 2rpx solid #C08046;border-radius: 0 2rpx 2rpx 0;border-left: none;}
  22. .yishou {font-size: 24rpx;color: #999;clear: both;overflow: hidden;}
  23. .s-btn{justify-content: space-between;margin-top: 40rpx;padding: 0 10rpx;}
  24. .s-add,.s-buy{width: 290rpx;height: 90rpx;border-radius: 45rpx;font-size: 32rpx;color: #fff;justify-content: center;align-items: center;box-sizing: border-box;}
  25. .s-add{/* background: #FD6327; */border: 1rpx solid #FD6327;color: #FD6327;}
  26. .vip-news{height: 36rpx;background: #222222;border-radius: 8rpx;line-height: 36rpx;flex-wrap: nowrap;margin-left: 12rpx;}
  27. .vip-sale{background: linear-gradient(to right,#f9e0bc,#d9a168);font-size: 20rpx !important;color: #222;font-weight: bold !important;height: 36rpx;border-radius: 8rpx 0 0 8rpx;white-space: nowrap;width: 70rpx;text-align: center;}
  28. .vip-members{padding: 0 8rpx 0 5rpx;font-size: 22rpx !important;color: #fde9cd !important;font-weight: bold !important;white-space: nowrap;}