pay.wxss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .container.data-v-3a7adb9e {
  4. position: relative;
  5. height: 100vh;
  6. color: #001713;
  7. background-color: #fff;
  8. overflow: hidden;
  9. }
  10. .container .banner.data-v-3a7adb9e {
  11. width: 100%;
  12. height: 482rpx;
  13. }
  14. .container .title.data-v-3a7adb9e {
  15. position: absolute;
  16. display: flex;
  17. align-items: center;
  18. width: 100vh;
  19. font-size: 40rpx;
  20. }
  21. .container .title .title_back.data-v-3a7adb9e {
  22. margin-left: 26rpx;
  23. margin-right: 192rpx;
  24. }
  25. .container .body.data-v-3a7adb9e {
  26. position: absolute;
  27. top: 160rpx;
  28. box-sizing: border-box;
  29. padding: 0 30rpx 30rpx;
  30. width: 100%;
  31. height: calc(100vh - 406rpx);
  32. font-size: 32rpx;
  33. color: #001713;
  34. }
  35. .container .body .body_title.data-v-3a7adb9e {
  36. margin-bottom: 30rpx;
  37. }
  38. .container .body .body_item.data-v-3a7adb9e {
  39. position: relative;
  40. box-sizing: border-box;
  41. padding: 30rpx;
  42. margin-bottom: 40rpx;
  43. border: 2rpx solid #aba6a6;
  44. border-radius: 16rpx;
  45. background-color: #fff;
  46. }
  47. .container .body .body_item .item_price.data-v-3a7adb9e {
  48. font-size: 28rpx;
  49. }
  50. .container .body .body_item .item_price .text.data-v-3a7adb9e {
  51. font-size: 40rpx;
  52. }
  53. .container .body .body_item .item_msg.data-v-3a7adb9e {
  54. margin-top: 20rpx;
  55. }
  56. .container .body .body_item .item_check.data-v-3a7adb9e {
  57. position: absolute;
  58. top: 0;
  59. right: 0;
  60. display: flex;
  61. align-items: center;
  62. justify-content: center;
  63. width: 60rpx;
  64. height: 44rpx;
  65. border-radius: 0 14rpx 0 16rpx;
  66. background-color: #ff8205;
  67. }
  68. .container .body .active.data-v-3a7adb9e {
  69. background-color: #fff6ee;
  70. border: 2rpx solid #ff8205;
  71. }
  72. .container .foot.data-v-3a7adb9e {
  73. position: absolute;
  74. left: 0;
  75. right: 0;
  76. bottom: 0;
  77. box-sizing: border-box;
  78. padding: 0 30rpx 30rpx;
  79. display: flex;
  80. align-items: center;
  81. justify-content: space-between;
  82. height: 244rpx;
  83. box-shadow: 0px 3px 6px #000000;
  84. }
  85. .container .foot .foot_left .left_top.data-v-3a7adb9e {
  86. font-size: 32rpx;
  87. }
  88. .container .foot .foot_left .left_top .text.data-v-3a7adb9e {
  89. font-size: 48rpx;
  90. color: #dc2626;
  91. }
  92. .container .foot .foot_left .left_bottom.data-v-3a7adb9e {
  93. margin-top: 10rpx;
  94. font-size: 24rpx;
  95. }
  96. .container .foot .foot_left .left_bottom .text.data-v-3a7adb9e {
  97. color: #dc2626;
  98. }
  99. .container .foot .foot_right.data-v-3a7adb9e {
  100. display: flex;
  101. align-items: center;
  102. justify-content: center;
  103. width: 272rpx;
  104. height: 94rpx;
  105. color: #fff;
  106. font-size: 36rpx;
  107. border-radius: 50rpx;
  108. background-color: #ff8205;
  109. }
  110. .pop_pay.data-v-3a7adb9e {
  111. height: 566rpx;
  112. color: #001713;
  113. font-size: 28rpx;
  114. }
  115. .pop_pay .pay_title.data-v-3a7adb9e {
  116. display: flex;
  117. align-items: center;
  118. justify-content: center;
  119. height: 80rpx;
  120. font-size: 32rpx;
  121. border-bottom: 18rpx solid #ff8205;
  122. }
  123. .pop_pay .pay_close.data-v-3a7adb9e {
  124. position: absolute;
  125. top: 24rpx;
  126. right: 42rpx;
  127. }
  128. .pop_pay .pay_list.data-v-3a7adb9e {
  129. box-sizing: border-box;
  130. padding: 55rpx 0;
  131. display: flex;
  132. flex-direction: column;
  133. justify-content: space-between;
  134. height: 265rpx;
  135. }
  136. .pop_pay .pay_list .list_item.data-v-3a7adb9e {
  137. display: flex;
  138. align-items: center;
  139. justify-content: space-between;
  140. box-sizing: border-box;
  141. padding: 0 32rpx 0 46rpx;
  142. }
  143. .pop_pay .pay_list .list_item .item_left.data-v-3a7adb9e {
  144. display: flex;
  145. align-items: center;
  146. }
  147. .pop_pay .pay_list .list_item .item_left .img.data-v-3a7adb9e {
  148. margin-right: 26rpx;
  149. width: 54rpx;
  150. height: 54rpx;
  151. }
  152. .pop_pay .pay_btn.data-v-3a7adb9e {
  153. display: flex;
  154. align-items: center;
  155. justify-content: center;
  156. margin: auto;
  157. width: 720rpx;
  158. height: 94rpx;
  159. font-size: 36rpx;
  160. color: #fff;
  161. border-radius: 50rpx;
  162. background-color: #ff8205;
  163. }