paySuccess.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .content {
  12. display: flex;
  13. flex-direction: column;
  14. justify-content: center;
  15. align-items: center;
  16. }
  17. .success-icon {
  18. font-size: 160rpx;
  19. color: #5dbc7c;
  20. margin-top: 100rpx;
  21. }
  22. .tit {
  23. padding-top: 40rpx;
  24. padding-bottom: 130rpx;
  25. font-size: 32rpx;
  26. color: #303133;
  27. font-size: 32rpx;
  28. font-weight: bold;
  29. color: #333333;
  30. line-height: 1;
  31. }
  32. .tit text {
  33. font-size: 36rpx;
  34. font-weight: bold;
  35. color: #333333;
  36. line-height: 1;
  37. }
  38. .btn-group {
  39. padding-top: 100rpx;
  40. }
  41. .mix-btn {
  42. margin-top: 30rpx;
  43. display: flex;
  44. align-items: center;
  45. justify-content: center;
  46. width: 600rpx;
  47. height: 80rpx;
  48. font-size: 32rpx;
  49. color: #fff;
  50. background-color: #ee2f72;
  51. border-radius: 10rpx;
  52. }
  53. .mix-btn.hollow {
  54. background: #fff;
  55. color: #303133;
  56. border: 1px solid #ccc;
  57. }
  58. .okimg {
  59. margin-top: 100rpx;
  60. width: 302rpx;
  61. height: 302rpx;
  62. }
  63. .btn-wrapper {
  64. display: flex;
  65. }
  66. .btn-wrapper .look-btn {
  67. width: 301rpx;
  68. height: 78rpx;
  69. background: #ee2f72;
  70. text-align: center;
  71. line-height: 78rpx;
  72. border-radius: 10rpx;
  73. color: #fff;
  74. margin-right: 37rpx;
  75. }
  76. .btn-wrapper .bank {
  77. width: 301rpx;
  78. height: 78rpx;
  79. text-align: center;
  80. line-height: 78rpx;
  81. background: #FFFFFF;
  82. border: 2px solid #ee2f72;
  83. border-radius: 10rpx;
  84. color: #ee2f72;
  85. }