pay.css 1.9 KB

123456789101112131415161718192021222324252627282930313233
  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;margin-bottom: 20rpx;}
  28. .operate{justify-content: space-between;align-items: center;}
  29. .price{font-size: 24rpx;color: #FE0419; align-items: center;display: flex;justify-content: center;}
  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;}