css0_9.wxss 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .goods_info_box { background: #fff; padding: 32rpx 24rpx; border-bottom: 1rpx solid #eee; }
  2. .goods_info_box .goods_name { font-weight: bold; margin-bottom: 24rpx; line-height: 1.7; }
  3. .quick_goods_info { height: 105rpx; }
  4. .quick_goods_info .view1 { float: left; }
  5. .quick_goods_info .view1 .renminbi { font-size: 11pt; color: #ff4544; }
  6. .quick_goods_info .view1 .img { width: 94rpx; height: 40rpx; margin-left: 16rpx; }
  7. .quick_goods_info .view1 .is_member { color: red; }
  8. .quick_goods_info .view1 .promotion-price{text-decoration:line-through; color: #ccc; font-size: 24rpx;padding-left: 10rpx;}
  9. .quick_goods_info .view2{ margin-right: 32rpx; }
  10. .quick_goods_info .view3 .sales { font-size: 9pt; color: #888; }
  11. .quick_goods_info .view3 .sales_title { font-size: 9pt; color: #888; }
  12. .quick_goods_info .good_num { width: 80rpx; text-align: center; }
  13. .quick_goods_info .goods_price { font-size: 16px; color: #ff4544; }
  14. .quick_goods_info .original_price { font-size: 9pt; color: #888; text-decoration: line-through; }
  15. .quick_goods_info .add { display: flex; align-items: center; justify-content: center; border-radius: 28rpx; background: #ff4544; color: #fff; font-size: 13px; float: right; margin-top: 20rpx; }
  16. .quick_goods_info .xuanguige { width: 142rpx; height: 50rpx; }
  17. .quick_goods_info .add_cart { width: 192rpx; height: 56rpx; }
  18. .quick_goods_info .guigenum { position: absolute; width: 35rpx; height: 25rpx; border-radius: 40%; border: 1rpx solid red; color: red; background: #fff; font-size: 16rpx; display: flex; align-items: center; justify-content: center; margin-left: 70rpx; margin-top: -46rpx; }
  19. .quick_goods_info .btn_car_num { height: 100%; float: right; font-size: 15px; display: flex; align-items: center; justify-content: center; margin-right: 32rpx; }
  20. .quick_goods_info .btn_car_num .carStandard { border-radius: 100%; height: 44rpx; float: right; display: flex; align-items: center; justify-content: center; }
  21. .quick_goods_info .member_price_box { font-size: 9pt; color: #ff4544; text-decoration:none; height: 100%; }
  22. .quick_goods_info .member_price_title { background-color: #feeeee; margin-right: 16rpx; }
  23. .store_goods_info .view1 { margin-right: 32rpx; }
  24. .store_goods_info .view1 .renminbi { font-size: 9pt; padding-top: 18rpx; color: #ff4544; }
  25. .store_goods_info .view1 .min_price { font-size: 16pt; color: #ff4544; }
  26. .store_goods_info .view1 .is_member { color: red; }
  27. .store_goods_info .view1 .promotion-price{text-decoration:line-through; color: #ccc; font-size: 24rpx;padding-left: 10rpx;}
  28. .store_goods_info .view1 .img { width: 94rpx; height: 40rpx; margin-left: 16rpx; }
  29. .store_goods_info .view2 { margin-right: 32rpx; }
  30. .store_goods_info .original_price { font-size: 9pt; color: #888; text-decoration: line-through; }
  31. .store_goods_info .member_price_box { font-size: 9pt; color: #ff4544; text-decoration:none; height: 100%; }
  32. .store_goods_info .member_price_title { background-color: #feeeee; margin-right: 16rpx; }
  33. .store_goods_info .sales { font-size: 9pt; color: #888; }
  34. .store_goods_info .share_btn { line-height: normal; padding: 0 10rpx; border: none; background: none; border-radius: 0; box-shadow: none; display: inline-block; font-size: 8pt; }
  35. .store_goods_info .share_btn .img { width: 40rpx; height: 40rpx; }
  36. .store_goods_info .share_btn .share { color: #888; }
  37. .check-list { padding: 32rpx 24rpx 12rpx 24rpx; flex-wrap: wrap; }
  38. .check-item { margin-right: 32rpx; font-size: 9pt; margin-bottom: 20rpx; }
  39. .check-item wx-image { width: 34rpx; height: 34rpx; margin-right: 8rpx; }
  40. .select_attrs { background: #fff; padding: 0 24rpx; margin-bottom: 20rpx; height: 100rpx; }
  41. .select_attrs .attrs { margin-left: 40rpx; font-size: 9pt; color: #888; }
  42. .select_attrs .img { width: 16rpx; height: 26rpx; }
  43. .original-price{ font-size:8pt; color: #707070; }
  44. .group-descount{ font-size: 7pt; }
  45. .group-descount-one{ padding: 5rpx 12rpx; background-color: #feeeee; }
  46. .group-descount-center{ width: 6rpx; }
  47. .group-descount-tow{ padding: 5rpx 12rpx; background-color: #feeeee; }
  48. .mch_shop { background: #fff; margin-bottom: 20rpx; padding: 24rpx; }
  49. .mch_shop .img_box { padding-right: 24rpx; }
  50. .mch_shop .img_box .logo { width: 80rpx; height: 80rpx; border: 1rpx solid #eee; }
  51. .mch_shop .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  52. .mch_shop .shop_info { font-size: 9pt; color: #888 }
  53. .mch_shop .goods_num { margin-right: 30rpx; }
  54. .mch_shop .enter_shop { border: 1rpx solid #e3e3e3; border-radius: 8rpx; padding:10rpx 20rpx; font-size:9pt; color:#888; display: inline-block; }
  55. .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); z-index: 9999; }
  56. .modal wx-video { width: 100%; height: 430rpx; }
  57. .share-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.0); z-index: 1000; transform: translateY(100%); transition: background 250ms; }
  58. .share-modal .share-modal-body { position: fixed; bottom: 0; left: 0; width: 100%; background: #f2f2f2; padding-top: 60rpx; transform: translateY(100%); transition: transform 250ms; }
  59. .share-modal.active { transform: translateY(0); background: rgba(0, 0, 0, 0.5); }
  60. .share-modal.active .share-modal-body { transform: translateY(0); }
  61. .share-modal .share-bottom { text-align: center; font-size: 9pt; margin: 0; padding: 0; margin-bottom: 60rpx; line-height: inherit; border: none; background: none; color: inherit; font-family: inherit; display: inline-block; }
  62. .share-modal .share-bottom:after { display: none; }
  63. .share-modal .share-bottom wx-image { width: 120rpx; height: 120rpx; margin-bottom: 12rpx; border-radius: 999rpx; border: 1rpx solid #eee; }
  64. .share-modal .share-bottom:active wx-image { opacity: 0.7; }
  65. .share-modal .share-modal-close { background: #fff; height: 100rpx; border-top: 1rpx solid #eee; }
  66. .goods-qrcode-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.5); padding: 40rpx; transform: translateY(100%); opacity: 0.5; transition: opacity 250ms; visibility: hidden; }
  67. .goods-qrcode-body { background: #fff; height: 100%; border-radius: 10rpx; }
  68. .goods-qrcode-modal.active { transform: translateY(0); opacity: 1; visibility: visible; }
  69. .goods-qrcode-modal .goods-qrcode-box { height: 100%; position: relative; box-shadow: 0 0 15rpx rgba(0, 0, 0, 0.15); }
  70. .goods-qrcode-modal .goods-qrcode-loading { top: 0; left: 0; position: absolute; width: 100%; height: 100%; }
  71. .goods-qrcode-modal .goods-qrcode { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: #fff; display: none; }
  72. .goods-qrcode-modal .goods-qrcode.active { display: block; }
  73. .goods-qrcode-modal .goods-qrcode-close { position: absolute; top: 40rpx; right: 40rpx; padding: 15rpx; }
  74. .hide { display: none; }
  75. .step-icon{ height: 44rpx; width: 44rpx; margin-right: 16rpx; }