myModal.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. .myModal {
  2. width: 100%;
  3. height: 100%;
  4. overflow: hidden;
  5. background: rgba(0, 0, 0, .8);
  6. position: absolute;
  7. top: 0;
  8. z-index: 9999;
  9. }
  10. .box {
  11. width: 644rpx;
  12. height: 400rpx;
  13. background: rgba(255, 255, 255, 1);
  14. border-radius: 8rpx;
  15. margin: 322rpx auto 0;
  16. left: 0;
  17. top: 0;
  18. right: 0;
  19. bottom: 0;
  20. position: relative;
  21. /* padding-top: 66rpx; */
  22. box-sizing: border-box;
  23. overflow: visible;
  24. }
  25. .havePadding {
  26. padding-top: 66rpx;
  27. }
  28. .btn {
  29. width: 464rpx;
  30. height: 80rpx;
  31. line-height: 80rpx;
  32. border-radius: 56rpx;
  33. font-size: 40rpx;
  34. color: #fff;
  35. text-align: center;
  36. background: #ff9209;
  37. position: absolute;
  38. bottom: 40rpx;
  39. left: 0;
  40. right: 0;
  41. margin: auto;
  42. }
  43. .orange {
  44. font-size: 40rpx;
  45. text-align: center;
  46. color: #f66c1c;
  47. line-height: 56rpx;
  48. }
  49. .normal {
  50. text-align: center;
  51. color: #252525;
  52. font-size: 28rpx;
  53. margin-top: 20rpx;
  54. width: 100%;
  55. display: flex;
  56. align-items: center;
  57. justify-content: center;
  58. }
  59. .close {
  60. width: 78rpx;
  61. height: 78rpx;
  62. position: absolute;
  63. left: 0;
  64. right: 0;
  65. margin: 38rpx auto 0;
  66. }
  67. .paySuccess {
  68. color: #6bc74c;
  69. font-size: 36rpx;
  70. text-align: center
  71. }
  72. .paySuccessImg {
  73. width: 160rpx;
  74. height: 160rpx;
  75. margin: 46rpx auto 14rpx;
  76. }
  77. .androidBox {
  78. width: 644rpx;
  79. height: 563rpx;
  80. background: rgba(255, 255, 255, 1);
  81. border-radius: 34rpx;
  82. margin: 282rpx auto 0;
  83. left: 0;
  84. top: 0;
  85. right: 0;
  86. bottom: 0;
  87. position: relative;
  88. box-sizing: border-box;
  89. overflow: visible;
  90. }
  91. .androidVIPImg {
  92. width: 160rpx;
  93. height: 160rpx;
  94. /* position: absolute; */
  95. /* top: -89rpx; */
  96. margin: 46rpx auto 35rpx;
  97. left: 0;
  98. right: 0;
  99. }
  100. .androidVIPText {
  101. color: #0D0D0D;
  102. font-size: 40rpx;
  103. text-align: center;
  104. margin-bottom: 23rpx;
  105. }
  106. .androidBtn {
  107. width: 402rpx;
  108. height: 84rpx;
  109. line-height: 80rpx;
  110. border-radius: 48rpx;
  111. font-size: 42rpx;
  112. color: #fff;
  113. text-align: center;
  114. background: #ff9209;
  115. position: absolute;
  116. bottom: 40rpx;
  117. left: 0;
  118. right: 0;
  119. margin: auto;
  120. }