东风启辰小程序端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

262 lines
4.2KB

  1. /* pages/placingOrder/placingOrder.wxss */
  2. .closeXieyi,.xieyi{
  3. display: block;
  4. }
  5. .main{
  6. width: 750rpx;
  7. position: fixed;
  8. left: 0;
  9. top: 0;
  10. height: calc(100vh - 120rpx);
  11. overflow: auto;
  12. background-color: white;
  13. z-index: 99;
  14. }
  15. .closeGroup{
  16. display: flex;
  17. align-items: center;
  18. justify-content: flex-end;
  19. padding-right: 48rpx;
  20. padding-top: 38rpx;
  21. }
  22. .placingIcon{
  23. width: 663rpx;
  24. height: 515rpx;
  25. margin:25rpx auto 74rpx;
  26. }
  27. .msgGroup{
  28. padding: 0 46rpx;
  29. display: flex;
  30. flex-direction: column;
  31. align-items: center;
  32. }
  33. .codeGroup{
  34. width: 100%;
  35. display: flex;
  36. align-items: center;
  37. justify-content: flex-end;
  38. margin-bottom: 15rpx;
  39. }
  40. .inputGroup{
  41. width: 100%;
  42. display: flex;
  43. align-items: center;
  44. justify-content: space-between;
  45. margin-bottom: 15rpx;
  46. }
  47. .userTitle{
  48. line-height: 24rpx;
  49. font-size:24rpx;
  50. font-family:PingFangSC;
  51. font-weight:400;
  52. color:rgba(35,24,21,1);
  53. }
  54. .userInput{
  55. position: relative;
  56. width:539rpx;
  57. height: 65rpx;
  58. line-height: 65rpx;
  59. border: 2rpx solid #bfbfbf;
  60. padding: 0 28rpx;
  61. box-sizing: border-box;
  62. border-radius: 20rpx;
  63. font-size:24rpx;
  64. font-family:PingFangSC;
  65. font-weight:300;
  66. }
  67. .getCode{
  68. width: 160rpx;
  69. height: 50rpx;
  70. line-height: 50rpx;
  71. font-size:26rpx;
  72. font-family:PingFangSC;
  73. font-weight:400;
  74. color:rgba(255,255,255,1);
  75. background-color: #2a558c;
  76. border-radius: 15rpx;
  77. text-align: center;
  78. margin-left: 30rpx;
  79. }
  80. .selectIcon{
  81. width: 25rpx;
  82. height: 15rpx;
  83. }
  84. .selectSiteGroup{
  85. display: flex;
  86. align-items: center;
  87. justify-content: space-between;
  88. }
  89. .agreementGroup{
  90. width: 658rpx;
  91. margin: 0 auto;
  92. display: flex;
  93. align-items: center;
  94. margin-top: 19rpx;
  95. }
  96. .agreeIcon{
  97. width: 29rpx;
  98. height: 28rpx;
  99. margin-right: 17rpx;
  100. }
  101. .agreementText{
  102. line-height: 24rpx;
  103. font-size:24rpx;
  104. font-family:PingFangSC;
  105. font-weight:300;
  106. color:rgba(156,157,157,1);
  107. display: flex;
  108. align-items: center;
  109. }
  110. .subscribeBtn{
  111. margin: 0 auto;
  112. width:652rpx;
  113. height:70rpx;
  114. margin-top: 39rpx;
  115. margin-bottom: 99rpx;
  116. }
  117. .pickerGroup{
  118. width: 100%;
  119. }
  120. .receiveFrame{
  121. position: fixed;
  122. top: 0;
  123. left: 0;
  124. width: 750rpx;
  125. height: calc(100vh - 120rpx);
  126. z-index: 9;
  127. display: flex;
  128. flex-direction: column;
  129. align-items: center;
  130. overflow: auto;
  131. }
  132. .receiveGroup{
  133. width: 750rpx;
  134. height: 1353rpx;
  135. position: relative;
  136. }
  137. .newImages12{
  138. position: absolute;
  139. top:48rpx;
  140. right: 38rpx;
  141. width: 42rpx;
  142. height: 42rpx;
  143. }
  144. .newImages2-3{
  145. position: absolute;
  146. left: 50%;
  147. transform: translateX(-50%);
  148. bottom: 41rpx;
  149. width: 322rpx;
  150. height: 71rpx;
  151. }
  152. .newImages2-1{
  153. width: 750rpx;
  154. height: 1353rpx;
  155. }
  156. .newImages2-2{
  157. position: absolute;
  158. left: 50%;
  159. transform: translateX(-50%);
  160. top: 593rpx;
  161. width: 366rpx;
  162. height: 57rpx;
  163. }
  164. .titleText{
  165. width: 682rpx;
  166. margin: 0 auto;
  167. margin-top: 78rpx;
  168. margin-bottom: 28rpx;
  169. line-height: 39rpx;
  170. font-size:39rpx;
  171. font-family:PingFangSC;
  172. font-weight:bold;
  173. color:rgba(0,77,149,1);
  174. }
  175. .lineSty{
  176. width: 682rpx;
  177. height:2rpx;
  178. background-color: #B6B6B6;
  179. margin: 0 auto;
  180. margin-bottom: 45rpx;
  181. }
  182. .closeXieyi{
  183. position: absolute;
  184. right: 48rpx;
  185. top: 38rpx;
  186. width: 42rpx;
  187. height: 42rpx;
  188. }
  189. .yuyueTop{
  190. display: block;
  191. margin: 0 auto;
  192. width: 699rpx;
  193. height: 226rpx;
  194. margin-bottom: 45rpx;
  195. }
  196. .newImages2-41{
  197. width:653rpx;
  198. height: 71rpx;
  199. margin: 0 auto;
  200. }
  201. .getPhoneFrame{
  202. position: absolute;
  203. left: 50%;
  204. transform: translateX(-50%);
  205. top: 0;
  206. width:653rpx;
  207. height: 71rpx;
  208. z-index: 2;
  209. }
  210. .getPhoneBtn{
  211. opacity: 0;
  212. }
  213. .tipFrame{
  214. position: fixed;
  215. left: 0;
  216. top: 0;
  217. width: 750rpx;
  218. height: calc(100vh - 120rpx);
  219. z-index: 9;
  220. background-color: rgba(000,000,000,0.5);
  221. display: flex;
  222. align-items: center;
  223. justify-content: center;
  224. }
  225. .tipGroup{
  226. position: relative;
  227. width: 641rpx;
  228. height: 988rpx;
  229. }
  230. .tipGroupBg{
  231. width: 100%;
  232. height: 100%;
  233. }
  234. .tipGroupContent{
  235. position: absolute;
  236. top: 120rpx;
  237. left: 50%;
  238. transform: translateX(-50%);
  239. width: 634rpx;
  240. height: 850rpx;
  241. overflow: auto;
  242. }
  243. .tipGroupContentImg{
  244. width: 634rpx;
  245. height: 1862rpx;
  246. }
  247. .tipGroupContentBtn{
  248. width: 429rpx;
  249. height: 70rpx;
  250. margin: 0 auto;
  251. margin-top: 50rpx;
  252. margin-bottom: 20rpx;
  253. }
  254. .closeTip{
  255. position: absolute;
  256. top: -27rpx;
  257. right: -27rpx;
  258. width: 37rpx;
  259. height: 37rpx;
  260. }