OnsitePayment.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .parking-lock {
  2. min-height: calc(100vh - 88rpx);
  3. background-color: #f6f6ff;
  4. &-box {
  5. padding: 20rpx 0 0;
  6. }
  7. &-title {
  8. font-size: 46rpx;
  9. color: #292929;
  10. text-align: center;
  11. padding-top: 31rpx;
  12. line-height: 65rpx;
  13. font-family: PingFangSC-Regular, PingFang SC;
  14. font-weight: 400;
  15. }
  16. &-tips {
  17. width: calc(100% - 72rpx);
  18. font-size: 30rpx;
  19. color: #777777;
  20. text-align: center;
  21. margin: 10rpx auto;
  22. line-height: 47rpx;
  23. }
  24. &-info {
  25. width: calc(100% - 72rpx);
  26. margin: 31rpx auto 54rpx;
  27. background-color: #fff;
  28. border-radius: 15rpx;
  29. padding: 39rpx 41rpx;
  30. &-item {
  31. display: flex;
  32. margin-bottom: 16rpx;
  33. &:last-child {
  34. margin-bottom: 0;
  35. }
  36. view {
  37. font-size: 28rpx;
  38. &:first-child {
  39. width: 30%;
  40. color: #2a2a2a;
  41. }
  42. &:last-child {
  43. color: #6e6e6e;
  44. }
  45. }
  46. .really-money {
  47. color: #fa7319 !important;
  48. }
  49. .vehicle-no {
  50. color: #f00 !important;
  51. font-size: 32rpx;
  52. font-weight: 500;
  53. }
  54. }
  55. }
  56. &-pay-btn {
  57. width: calc(100% - 72rpx);
  58. margin: 0 auto;
  59. button {
  60. width: 100%;
  61. height: 100rpx;
  62. line-height: 100rpx;
  63. background-color: #008cff;
  64. border: none;
  65. color: #fff;
  66. box-shadow: 0px 7px 13px 0px rgba(16, 153, 250, 0.31);
  67. font-size: 28rpx;
  68. font-weight: 500;
  69. }
  70. }
  71. &-pay-attention {
  72. width: calc(100% - 100rpx);
  73. margin: 30rpx auto;
  74. color: #777777;
  75. }
  76. }