paymentMethod.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .pay-way {
  2. display: flex;
  3. justify-content: space-between;
  4. width: calc(100% - 34rpx);
  5. border-top: solid 1px #979797;
  6. margin: 23rpx auto;
  7. padding: 38rpx 86rpx;
  8. .pay-way-item {
  9. text-align: center;
  10. font-size: 30rpx;
  11. color: #5F5F5F;
  12. image {
  13. width: 143rpx;
  14. height: 143rpx;
  15. }
  16. }
  17. }
  18. .pay-way-new {
  19. display: flex;
  20. justify-content: space-between;
  21. width: calc(100% - 80rpx);
  22. border-top: solid 1px #979797;
  23. margin: 23rpx auto;
  24. padding: 36rpx 0;
  25. .pay-way-item {
  26. width: calc(50% - 9rpx);
  27. border-radius: 20rpx;
  28. text-align: center;
  29. padding: 30rpx 0;
  30. image {
  31. width: 159rpx;
  32. height: 159rpx;
  33. }
  34. .title {
  35. font-size: 30rpx;
  36. font-weight: 400;
  37. font-family: 'PingFangSC-Regular, PingFang SC';
  38. color: #fff;
  39. margin: 15rpx 0;
  40. }
  41. .subtitle {
  42. font-size: 14rpx;
  43. font-weight: 400;
  44. font-family: 'PingFangSC-Regular, PingFang SC';
  45. color: #fff;
  46. opacity: 0.73;
  47. }
  48. }
  49. .pay-way-item-hy {
  50. background: linear-gradient(153deg, #FA9460 0%, #FF5065 100%)
  51. }
  52. .pay-way-item-jh {
  53. background: linear-gradient(155deg, #5EE3A6 0%, #3EB9C8 100%);
  54. }
  55. }
  56. .pay-way-close-btn {
  57. width: calc(100% - 80rpx);
  58. margin: 0 auto 68rpx;
  59. border: none;
  60. background-color: #3397FA;
  61. color: #fff;
  62. border-radius: 10rpx;
  63. }