index.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .payment-status {
  2. background-color: #fff;
  3. margin: 195rpx 30rpx 0 30rpx;
  4. border-radius: 10rpx;
  5. padding: 1rpx 0 28rpx 0;
  6. }
  7. .payment-status .iconfont {
  8. font-size: 70rpx;
  9. width: 140rpx;
  10. height: 140rpx;
  11. border-radius: 50%;
  12. color: #fff;
  13. text-align: center;
  14. line-height: 140rpx;
  15. text-shadow: 0px 4px 0px #df1e14;
  16. border: 6rpx solid #f5f5f5;
  17. margin: -76rpx auto 0 auto;
  18. background-color: #999;
  19. }
  20. .payment-status .iconfont.fail {
  21. text-shadow: 0px 4px 0px #7a7a7a;
  22. }
  23. .payment-status .status {
  24. font-size: 32rpx;
  25. font-weight: bold;
  26. text-align: center;
  27. margin: 25rpx 0 37rpx 0;
  28. }
  29. .payment-status .wrapper {
  30. border: 1rpx solid #eee;
  31. margin: 0 30rpx 47rpx 30rpx;
  32. padding: 35rpx 0;
  33. border-left: 0;
  34. border-right: 0;
  35. }
  36. .payment-status .wrapper .item {
  37. font-size: 28rpx;
  38. color: #282828;
  39. }
  40. .payment-status .wrapper .item~.item {
  41. margin-top: 20rpx;
  42. }
  43. .payment-status .wrapper .item .itemCom {
  44. color: #666;
  45. }
  46. .payment-status .returnBnt {
  47. width: 630rpx;
  48. height: 86rpx;
  49. border-radius: 50rpx;
  50. color: #fff;
  51. font-size: 30rpx;
  52. text-align: center;
  53. line-height: 86rpx;
  54. margin: 0 auto 20rpx auto;
  55. }