pay.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /* pages/pay/pay.wxss */
  2. .pay{background: #fff;padding-bottom: 80rpx;}
  3. .payt{padding: 90rpx 0 95rpx;text-align: center;}
  4. .payt image{width: 102rpx;height: 102rpx;margin: 0 auto 25rpx;}
  5. .payt view{font-size: 30rpx;color: #666;}
  6. .payt view.fail{color: #333;}
  7. .payt view.price{font-size: 24rpx;color: #333;}
  8. .payt view.price text{font-size: 48rpx;font-weight: bold;}
  9. .btn{display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
  10. .order,.back{width: 216rpx;height: 70rpx;border-radius: 35rpx;font-size: 28rpx;text-align: center;line-height: 70rpx;margin: 0 15rpx;}
  11. .order{color: #333;border: 2rpx solid #D2D2D2;}
  12. .back{color: #FE0419;border: 2rpx solid #EA452E;}
  13. .tip{font-size: 24rpx;color: #999;line-height: 36rpx;padding: 23rpx 25rpx;}
  14. /* 猜你喜欢 */
  15. .cai{padding-bottom: 30rpx;margin-top: 40rpx;}
  16. .cai-tit{align-items: center;justify-content: center;font-size: 30rpx;color: #EA6730;font-weight: bold;margin-bottom: 30rpx;}
  17. .cai-tit image{width: 63rpx;height: 5rpx;}
  18. .cai-tit image:first-child{margin-right: 20rpx;}
  19. .cai-tit image:last-child{margin-left: 20rpx;}
  20. .tabcon{flex-wrap: wrap;}
  21. .tabcon .li{background: #fff;border-radius: 10rpx;width: 345rpx;margin: 20rpx 20rpx 0 0;}
  22. .tabcon .li:nth-child(2n){margin-right: 0;}
  23. .jsdimgs{width: 345rpx;height: 345rpx;position: relative;}
  24. .jsdpro{width: 100%;height: 100%;}
  25. .jsdimg{width: 82rpx;height: 36rpx;position: absolute;top: 20rpx;left: 20rpx;}
  26. .jsdinfo{padding: 15rpx 20rpx 30rpx;}
  27. .proname{font-size: 28rpx;color: #333;/* text-overflow: ellipsis;white-space: nowrap; */line-height: 36rpx;height: 72rpx;overflow: hidden;}
  28. .operate{justify-content: space-between;align-items: center;margin-top: 15rpx;}
  29. .price{font-size: 24rpx;color: #FE0419; align-items: center;display: flex;justify-content: center;margin-top: 20rpx;}
  30. .price text{font-size: 36rpx;font-weight: bold;}
  31. .price .del{font-weight: normal;font-size: 24rpx;color: #999;margin-left: 12rpx;text-decoration: line-through;}
  32. .add-cart image{width: 42rpx;height: 42rpx;}
  33. .yishou {font-size: 24rpx;color: #999;clear: both;overflow: hidden;white-space: nowrap;}
  34. .list-tag{margin-top: 15rpx;height: 32rpx;}
  35. .list-tag view {height: 30rpx;border: 1px solid var(--main);border-radius: 6rpx;padding: 0 7rpx;font-size: 20rpx;color: var(--main);margin-right: 10rpx;}
  36. .xiaol{margin-top: 15rpx;flex-wrap: nowrap;}
  37. .vip-news{height: 36rpx;background: #222222;border-radius: 8rpx;line-height: 36rpx;flex-wrap: nowrap;margin-right: 12rpx;font-weight: bold;}
  38. .vip-sale{background: linear-gradient(to right,#f9e0bc,#d9a168);font-size: 20rpx !important;color: #222;height: 36rpx;border-radius: 8rpx 0 0 8rpx;white-space: nowrap;width: 70rpx;text-align: center;}
  39. .vip-members{padding: 0 8rpx 0 5rpx;font-size: 22rpx !important;color: #fde9cd !important;white-space: nowrap;}