index.acss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .pay-result-container {
  2. background: #f5f5f5;
  3. }
  4. .pay-result-container .pay-header {
  5. width: 100%;
  6. height: 260rpx;
  7. background-image: linear-gradient(180deg, #1677FF 59%, rgba(22, 119, 255, 0) 96%);
  8. }
  9. .pay-result-container .pay-title {
  10. margin: -240rpx 24rpx 0;
  11. color: #FFF;
  12. font-weight: 500;
  13. font-size: 44rpx;
  14. display: flex;
  15. align-items: center;
  16. }
  17. .pay-result-container .pay-title .content {
  18. margin-left: 16rpx;
  19. }
  20. .pay-result-container .pay-content {
  21. padding: 24rpx 24rpx 0;
  22. background: #fff;
  23. border-radius: 16rpx;
  24. margin: 24rpx;
  25. }
  26. .pay-result-container .pay-content .header {
  27. font-size: 30rpx;
  28. color: #333;
  29. font-weight: 600;
  30. padding-bottom: 24rpx;
  31. border-bottom: 1rpx solid #eee;
  32. }
  33. .pay-result-container .pay-content .content-out {
  34. padding-top: 24rpx;
  35. }
  36. .pay-result-container .pay-content .content-out .content {
  37. display: flex;
  38. align-items: center;
  39. justify-content: space-between;
  40. padding-bottom: 24rpx;
  41. color: #333;
  42. font-weight: 400;
  43. font-size: 30rpx;
  44. }
  45. .pay-result-container .pay-content .content-out .content .label {
  46. color: #999;
  47. }
  48. .pay-result-container .pay-bottom {
  49. padding: 24rpx;
  50. margin: 16rpx 24rpx 0;
  51. background-color: #fff;
  52. border-radius: 16rpx;
  53. }
  54. .pay-result-container .pay-bottom .close {
  55. display: flex;
  56. align-items: center;
  57. justify-content: space-between;
  58. color: #333;
  59. font-weight: 500;
  60. font-size: 32rpx;
  61. }
  62. .pay-result-container .pay-bottom .go-subscribe {
  63. display: flex;
  64. align-items: center;
  65. justify-content: space-between;
  66. margin-top: 16rpx;
  67. color: #333;
  68. font-weight: 400;
  69. font-size: 26rpx;
  70. }
  71. .pay-result-container .pay-bottom .go-subscribe .go-label {
  72. opacity: 0.6;
  73. }
  74. .pay-result-container .pay-bottom .go-subscribe .subButton {
  75. display: flex;
  76. align-items: center;
  77. justify-content: center;
  78. width: 122rpx;
  79. height: 48rpx;
  80. color: #fff;
  81. background: #FF8126;
  82. border-radius: 50rpx;
  83. }