index.wxss 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .container .flex {
  12. display: -webkit-box;
  13. display: -webkit-flex;
  14. display: flex;
  15. -webkit-box-align: center;
  16. -webkit-align-items: center;
  17. align-items: center;
  18. }
  19. .container .Search-box {
  20. overflow: hidden;
  21. width: 100%;
  22. padding: 20rpx;
  23. background-color: #ffffff;
  24. -webkit-justify-content: space-around;
  25. justify-content: space-around;
  26. }
  27. .container .Search-box .Search-box {
  28. width: 89%;
  29. height: 72rpx;
  30. border-radius: 36rpx;
  31. background-color: #f8f6f6;
  32. -webkit-box-pack: start;
  33. -webkit-justify-content: flex-start;
  34. justify-content: flex-start;
  35. padding-left: 54rpx;
  36. }
  37. .container .Search-box .Search-box .box-img {
  38. height: 30rpx;
  39. width: 30rpx;
  40. margin-right: 20rpx;
  41. }
  42. .container .Search-box .Search-box .box-word {
  43. font-size: 26rpx;
  44. font-weight: 500;
  45. color: #666666;
  46. }
  47. .container .Search-box .Search-word {
  48. width: 11%;
  49. font-size: 30rpx;
  50. font-weight: 500;
  51. color: #666666;
  52. }
  53. .container .Search-box .Search-word .word {
  54. float: right;
  55. }
  56. .container .second-part {
  57. padding: 20rpx;
  58. }
  59. .container .second-part .template {
  60. width: 100%;
  61. background: #ffffff;
  62. overflow: hidden;
  63. padding: 20rpx;
  64. box-shadow: 0px 5px 5px 0px rgba(35, 24, 21, 0.06);
  65. margin-bottom: 18rpx;
  66. border-radius: 12rpx;
  67. position: relative;
  68. }
  69. .container .second-part .template .left-img {
  70. width: 140rpx;
  71. float: left;
  72. overflow: hidden;
  73. margin-right: 30rpx;
  74. }
  75. .container .second-part .template .center-word .one {
  76. font-size: 30rpx;
  77. font-weight: 500;
  78. color: #333;
  79. line-height: 36rpx;
  80. display: block;
  81. margin-bottom: 10rpx;
  82. }
  83. .container .second-part .template .center-word .two {
  84. font-size: 24rpx;
  85. font-weight: 500;
  86. color: #666666;
  87. line-height: 36rpx;
  88. display: block;
  89. }
  90. .container .second-part .template .right-label {
  91. padding: 16rpx;
  92. border: 1px solid #6786FB;
  93. border-radius: 7rpx;
  94. font-size: 23rpx;
  95. font-weight: 500;
  96. color: #6786FB;
  97. -webkit-box-align: center;
  98. -webkit-align-items: center;
  99. align-items: center;
  100. }
  101. .container .second-part .template .right-label image {
  102. width: 30rpx;
  103. height: 26rpx;
  104. margin-right: 8rpx;
  105. }
  106. .popup {
  107. width: 536rpx;
  108. }
  109. .popup .img {
  110. width: 100%;
  111. }
  112. .popup .row {
  113. background: #ffffff;
  114. overflow: hidden;
  115. border-radius: 0 0 10rpx 10rpx;
  116. padding: 45rpx 45rpx;
  117. margin-top: -15rpx;
  118. }
  119. .popup .row .row-1 {
  120. font-size: 36rpx;
  121. font-weight: 500;
  122. color: #333333;
  123. line-height: 53rpx;
  124. text-align: center;
  125. }
  126. .popup .row .row-2 {
  127. font-size: 32rpx;
  128. font-weight: 500;
  129. color: #303133;
  130. line-height: 44rpx;
  131. text-align: center;
  132. margin-top: 35rpx;
  133. }
  134. .popup .row .row-3 {
  135. width: 80%;
  136. height: 70rpx;
  137. margin: 0 auto;
  138. margin-top: 40rpx;
  139. background: -webkit-linear-gradient(bottom, #7e99fe, #978ffa);
  140. background: linear-gradient(0deg, #7e99fe, #978ffa);
  141. border-radius: 34rpx;
  142. -webkit-box-pack: center;
  143. -webkit-justify-content: center;
  144. justify-content: center;
  145. font-size: 36rpx;
  146. font-weight: 500;
  147. color: #f8f9f9;
  148. }
  149. .close_icon {
  150. width: 52rpx;
  151. height: 52rpx;
  152. margin: 88rpx auto 0;
  153. }
  154. .close_icon image {
  155. width: 100%;
  156. height: 100%;
  157. }
  158. .payment {
  159. overflow: hidden;
  160. background-color: #f6f6f6;
  161. border-radius: 10rpx 10rpx 0rpx 0rpx;
  162. }
  163. .payment .first {
  164. height: 90rpx;
  165. overflow: hidden;
  166. border-bottom: 2rpx solid #ebeef5;
  167. padding: 0 25rpx;
  168. background-color: #ffffff;
  169. }
  170. .payment .first .word1 {
  171. font-size: 28rpx;
  172. font-weight: bold;
  173. color: #303133;
  174. }
  175. .payment .second {
  176. padding: 0 25rpx;
  177. background-color: #ffffff;
  178. }
  179. .payment .second .weixin {
  180. font-size: 28rpx;
  181. font-weight: 400;
  182. color: #303133;
  183. line-height: 100rpx;
  184. }
  185. .payment .second .radio {
  186. width: 35rpx;
  187. height: 35rpx;
  188. border-radius: 50%;
  189. background-size: 35rpx;
  190. background-position: center;
  191. background-image: url("http://lxscimg.liuniu946.com/2019-11-29_5de0badfc57f7.png");
  192. }
  193. .payment .second .radio-active {
  194. width: 35rpx;
  195. height: 35rpx;
  196. border-radius: 50%;
  197. background-size: 35rpx;
  198. background-position: center;
  199. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAYAAAAqXEs9AAAEtklEQVRYR8WYbWwUVRiFz5kt26/QEi3dtmmxnYFgLGCzU4xWo/4REiElBI0REzFBEiUkikRjYjBEJNFo0GBECRhIjPpDhaBWBdRoVDDqFLBCJDBLbZt2p1uIbWUL+zGvmaVd+7Hbnaa7cP/uuec8c+fue9+5xBRHcJGvWGYU30thEyE3k6wVoBSQGIWDAukQ8C+hHGX00vcVf1iXphJBt2KrQbtTFGwgpRlgkat5Ig7MAdh813fC/NnNnIxAPbfOqVfy8rYDXOLGML1Gjtix2MbKkx2nJvNJCyQAQ7r6vC3cQsI7PZjk7AghW2YbgVcISCrPlEDdelWRRwo/AtGcJZCxNoLP4hx6uMroDo/3nwDUWV1dmF/u/VrIu3MCM2Iq8mOkN7K0pqtraHTOGCABlJCuHhRweU5hhs0F0uIzAs0E7JG8MUCWrr0EYPO1gBmVsdVnmC9OAOppUBcrHhwD6Lm2QBJnLL64/OTfx53c5ApZunYMwO3XFib57n7xtZp3JIFCurrMBr+4LjDDoQpk+Wwj0JJYIUtXDwO873oCAXLEZwSWMKTfVGmLpwukkkOgGIC8Sf1FbIXxavY21q0VUfbkDEb4qcQG19Bb1ARRDo3etxOKIu3HaenqXoCP5QRIcKCT5kONBqJn587NLymRfhD56bII2cegrv1OQM8B0MFymA/SQNQpuL26+j7A1RlyWmn5NQtEeTaBKPJ56HLggfrTiFyF0fYCeDRThgB9tHTNOeAKM4nd/k5IS3+/smreuXNXEjB+9T3Q9ZaI0fKr8Uz/MIG9QwE/FuGrIJrS7gHBV/0DXDkM47QvuwVcO4WHiTsr9A8SLWj6EVbilXW/tQdD88tm2sWlh0AkqurYIYfDF+wVde3tl51eqtev7QKxzi3MsK7f2UOnQNySoUa84WsNPONoLupqaUT4DYnG/+fIkYgVWeG0EgkYXdsJ4Ikpwjgt22nnlX0CcpWLyclTubO++gZvgfdbgA0i+C6af2V5zbGrfY2lq28DXO/CL8Uiy37nlW0C8LobA7GxueK4+bKjHdCrysJSuM3m0MaRzi/o194iscGNVxrNs7zYqC2ICtrcmtiC5ypbzdfG64O6+ibBp9z6pNIJZFHicA3qWhuBBS7NhMDT5Ya5Y0Qf9KvbSW50OT+lTIA/Kwxz4chp/yRAZyO6GwIRyCbPpYE98eKSreT0VuZqqKz3GYF3EkDna2sLim70nAVQ7Y4o66qu8IX4PKdkJDvGoK6uJvhB1qNcGArkkQoj8KEjHdvk+7X9IFa68MieRLDf12omy84YoPMNtbOKFM+vIOZlL3ESJ8HZsB2/re5Eu3NaJMaED0Vr4RwV3ryfAFbmFkp6EInd5WvrCIzOSfkpbek1GuB1ujstR1AmEFnqMzrN8f5pLxu69aqyPBTsE3BZNqEE8qWNy2uqjO6+VL6TXsc4B6Xl19aB2EagbJpgfSJ4wddq7k5385FyD6UKDc2fP1OKoutFoXNOTbVWddCWnQzP2Dn7zJnBTA+V8cJqtIEAHsuv3UPifgiaQNQDKBkXMgCB09IctYGWXYb5w5ZRlwlZBUplZupq6ayoMtOeEY3LUHiw/HTo30yhk/3+H3FEwP61JpAmAAAAAElFTkSuQmCC);
  200. }
  201. .payment .Third .one {
  202. height: 20rpx;
  203. background-color: #f6f6f6;
  204. }
  205. .payment .Third .two .two1 {
  206. width: 55%;
  207. height: 90rpx;
  208. background-color: #ffffff;
  209. padding-left: 25rpx;
  210. }
  211. .payment .Third .two .two1 .two1-1 {
  212. font-size: 28rpx;
  213. font-weight: 400;
  214. color: #303133;
  215. line-height: 100rpx;
  216. }
  217. .payment .Third .two .two1 .two1-2 {
  218. font-size: 24rpx;
  219. font-weight: bold;
  220. color: #FC4141;
  221. line-height: 55rpx;
  222. }
  223. .payment .Third .two .two1 .size {
  224. font-size: 36rpx;
  225. }
  226. .payment .Third .two .two2 {
  227. height: 90rpx;
  228. width: 45%;
  229. background: #FC4141;
  230. color: #ffffff;
  231. font-size: 32rpx;
  232. font-weight: 550;
  233. -webkit-box-pack: center;
  234. -webkit-justify-content: center;
  235. justify-content: center;
  236. }
  237. .flex {
  238. display: -webkit-box;
  239. display: -webkit-flex;
  240. display: flex;
  241. -webkit-box-align: center;
  242. -webkit-align-items: center;
  243. align-items: center;
  244. }
  245. .flex1 {
  246. display: -webkit-box;
  247. display: -webkit-flex;
  248. display: flex;
  249. -webkit-box-pack: justify;
  250. -webkit-justify-content: space-between;
  251. justify-content: space-between;
  252. -webkit-box-align: center;
  253. -webkit-align-items: center;
  254. align-items: center;
  255. }