index.wxss 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378
  1. .easy-select.data-v-32406354 {
  2. position: relative;
  3. border: 1px solid #dcdfe6;
  4. border-radius: 4px;
  5. /* font-size: 28rpx; */
  6. color: #606266;
  7. outline: none;
  8. box-sizing: content-box;
  9. height: 30px;
  10. }
  11. .easy-select input.data-v-32406354 {
  12. padding: 0 18rpx;
  13. padding-right: 60rpx;
  14. overflow: hidden;
  15. white-space: nowrap;
  16. text-overflow: ellipsis;
  17. height: 100% !important;
  18. min-height: 100% !important;
  19. }
  20. .easy-select .easy-select-suffix.data-v-32406354 {
  21. position: absolute;
  22. box-sizing: border-box;
  23. height: 100%;
  24. right: 5px;
  25. top: 0;
  26. display: -webkit-box;
  27. display: -webkit-flex;
  28. display: flex;
  29. -webkit-box-align: center;
  30. -webkit-align-items: center;
  31. align-items: center;
  32. -webkit-transform: rotate(180deg);
  33. transform: rotate(180deg);
  34. -webkit-transition: all .3s;
  35. transition: all .3s;
  36. -webkit-transform-origin: center;
  37. transform-origin: center;
  38. }
  39. .easy-select .showOptions.data-v-32406354 {
  40. -webkit-transform: rotate(0) !important;
  41. transform: rotate(0) !important;
  42. }
  43. .easy-select .no-showOptions.data-v-32406354 {
  44. -webkit-transform: rotate(180deg) !important;
  45. transform: rotate(180deg) !important;
  46. }
  47. .easy-select .easy-select-options.data-v-32406354 {
  48. position: absolute;
  49. padding: 6px 0;
  50. margin-top: 10px;
  51. border: 1px solid #e4e7ed;
  52. border-radius: 4px;
  53. background-color: #fff;
  54. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  55. box-sizing: border-box;
  56. -webkit-transform-origin: center top;
  57. transform-origin: center top;
  58. z-index: 2238;
  59. overflow: scroll;
  60. max-height: 274rpx;
  61. }
  62. .easy-select .easy-select-options-item.data-v-32406354 {
  63. padding: 0 20rpx;
  64. position: relative;
  65. white-space: nowrap;
  66. font-size: 14px;
  67. color: #606266;
  68. height: 33px;
  69. line-height: 33px;
  70. box-sizing: border-box;
  71. }
  72. .easy-select .active.data-v-32406354 {
  73. background-color: #F5F7FA
  74. }
  75. page {
  76. height: 100vh;
  77. width: 100%;
  78. background-color: #f4f4f4;
  79. }
  80. .toast {
  81. position: fixed;
  82. top: 0;
  83. right: 0;
  84. background-color: rgba(0, 0, 0, 0.7);
  85. height: 100vh;
  86. z-index: 9999999999;
  87. width: 100%;
  88. }
  89. .toast-list {
  90. background-color: #FFFFFF;
  91. height: 75%;
  92. width: 90%;
  93. margin: 0 auto;
  94. margin-top: 25%;
  95. display: -webkit-box;
  96. display: -webkit-flex;
  97. display: flex;
  98. border-radius: 15rpx;
  99. overflow: hidden;
  100. /* padding: 20upx 0; */
  101. }
  102. .list-left {
  103. -webkit-box-flex: 0;
  104. -webkit-flex: 0 0 45%;
  105. flex: 0 0 45%;
  106. font-size: 32rpx;
  107. overflow-y: scroll;
  108. text-align: center;
  109. background-color: #f0f0f0;
  110. }
  111. .cha {
  112. margin: 0 auto;
  113. margin-top: 30rpx;
  114. width: 100%;
  115. }
  116. .cha image {
  117. height: 60rpx;
  118. width: 60rpx;
  119. margin: 0 auto;
  120. display: block;
  121. }
  122. /* ::-webkit-scrollbar {
  123. display: none;
  124. } */
  125. .list-right {
  126. -webkit-box-flex: 1;
  127. -webkit-flex: 1;
  128. flex: 1;
  129. font-size: 32rpx;
  130. overflow-y: scroll;
  131. /* height: 100upx; */
  132. overflow-y: scroll;
  133. line-height: 100rpx;
  134. text-align: left;
  135. padding-left: 60rpx;
  136. /* background-color: #23459D; */
  137. }
  138. .name {
  139. padding: 0 10rpx;
  140. min-height: 100rpx;
  141. line-height: 100rpx;
  142. /* background-color: #f0f0f0; */
  143. /* padding: 20upx 30upx; */
  144. }
  145. .active {
  146. background-color: #FFFFFF;
  147. color: #23459D;
  148. }
  149. .province {
  150. background-color: #F7F7F7;
  151. margin: 0 10rpx;
  152. text-align: center;
  153. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAANTklEQVR4Xu2daYxlRRXH6/S0tDEoSlCUoChBicZozHTirmwCIvu+KW5fZpzuW7d7mAFEkE2Yge461T3LFzdUdgSRTXZwQUkkxmg0KEFRohIIihJjM919zNVrHHF66r16dz//+7WqTp3zO/eX96qXe8ngAgEQWJIAgQ0IgMDSBCAI7g4Q2A4BCILbAwQgCO4BEIgjgE+QOG5YpYQABFHSaJQZRwCCxHHDKiUEIIiSRqPMOAIQJI4bVikhAEGUNBplxhGAIHHcsEoJAQiipNEoM44ABInjhlVKCEAQJY1GmXEEIEgcN6xSQgCCKGk0yowjAEHiuGGVEgIQREmjUWYcAQgSxw2rlBCAIEoajTLjCECQOG5YpYQABFHSaJQZRwCCxHHDKiUEIIiSRqPMOAIQJI4bVikhAEGUNBplxhGAIHHcsEoJAQiipNEoM44ABInjhlVKCEAQJY1GmXEEIEgcN6xSQgCCKGk0yowjAEHiuGGVEgIQREmjUWYcAQgSxw2rlBCAIEoajTLjCECQOG5YpYQABFHSaJQZRwCCxHHDKiUEIIiSRqPMOAIQJI4bVikhAEGUNBplxhGAIHHcsEoJAQiipNEoM44ABInjhlVKCEAQJY1GmXEEIEgcN6xSQgCCKGk0yowjAEHiuGGVEgIQREmjUWYcAQgSxw2rlBCoXJAkSQ4iotOU8EWZBRIQkcu993cUGDIYqnJBsozSNE1FZDqYHSaAQE6AiCacc65qILUIkhWZJMkVRHRy1QVjv/YREJErvfen1JF5bYKsXLlyxx122OHHxpi96ygce7aGwCPPP//86KZNm56rI+PaBMmKtdbuY4y5r47CsWdrCOzLzPfXlW2tguTnkUkRuawuANi3uQSIaLVzbqrODGsXJP8kudIYc1KdILB34whcxcy1n1EbIcjY2NjLli1blp1H3ti4NiGhOgj8emFhYXR2dvavdWy+9Z6NECRLaGJiYt/FxcV76waC/esnMDQ0tN/09HQjzqaNEST/0e/pRLS+/hYhg7oIiMga7/2lde3/wn0bJUh+HrnaGHNCUwAhj0oJXMPMJ1a6Y2Czxgmydu3anebm5rLzyF5NAoVcSifw6MjIyOi6deueLX2nPjZonCBZ7uPj4/sPDQ3d3UcdmNpyAouLiwfMzMzc07QyGilI/lVrjTFmXdOAIZ9SCKxl5kaePRsrSH5ov5aIjiulJQjaCAIicp33/vhGJLONJBotyIoVK14xMjKSnUf2bCpA5DUQgcfm5uZGN2/e/OeBopS4uNGCZHWnaXqAiNxVIgOErokAEX3IOdfos2bjBcklOUNELq6pj9i2BAJEdKZz7pISQhcashWC5If264wxxxZaPYLVReB6Zm7F2bI1gqRpurOIPGyMeX1dXcW+hRD4LREtd849U0i0koO0RpD8q9aBIlLp/ySXzF9deCI6yDl3Z1sKb5Ug+VetM40xX2gLYOT5PwTOYuZWnSVbJ0guyTeNMUfj5msVgRuY+ZhWZWyMaaUgk5OTuywsLGS/H9mjbcCV5vv4smXLRqempp5uW/2tFCSDnD9f6zttA64xXxE5uOrnWRXFubWC5F+1PmuMubAoGIhTCoGzmfmiUiJXELTVguQ/2bpBRI6qgBW26JMAEd3onGv1WbH1gqxevfpV8/Pz2XnktX32D9PLJfD7hYWF5bOzs0+Vu0250VsvSP5V68PGmNvKRYXofRI4hJlv73NN46Z3QpBcks8ZY85vHGGdCZ3DzBd0ofTOCJJL8i1jzBFdaEyLa7iJmY9scf7/k3qnBEmSZFciys4ju3elQS2r4wkRGfXeP9myvJdMt1OC5J8iHzHG3NKVBrWsjkOZ+daW5bzddDsnSFZtkiTnENF5XWpU02sRkXO99507A3ZSkPyT5NvGmMOafmN1JL+bmfnwjtTS3TPI1pVZa19jjMnOI7t1sXENqukPxphRZv5jg3IqLJXOfoLkX7UOJaKbC6OFQP9HQEQO89539szXaUHyr1qfN8aci3u7FALnMXPGt7NX5wXJOpem6c0icmhnu1hDYUR0i3Ou82c8FYKsWbNmt7m5uYeJ6NU13Eud21JE/jQyMrJ8/fr12fmj05cKQfLzyOFEdFOnu1lRcSJyhPc++ylh5y81guRftc4TkXM639USCySi851zas50qgTJP0luJaJDSryHOhtaRG7z3md/qaDmUifI2NjY7vn7EHdV0+ViCn0yf2/gE8WEa0cUdYLkX7WOEJHsL39x9UiAiI50zqk7w6kUJP+qdQERnd3j/aF6mohc6L3P/t9G3aVWkKzT1trsvxCz/0bEtTSB25lZ7ZlNtSDj4+OvGxoayv5e65UwZJsEnlpcXBydmZn5nVY+qgXJzyNHicgNWm+A7dVNREc7527UzEa9IPlXrezZWtkztnD9l8BFzKz+jAZB8hvCWps9pfEgGPIvAncw88Fg0dJn85bRuMnJyT3y5/3uUkb8FsV8On+O7uMtyrm0VPEJshXaJEmOIaLrS6PdgsAicqz3Pnt6Pq62Pt29zM5Za7N3j2TvINF4XczMZ2ksfKma8QmyDTJJktyZvYFV042SvUnYe3+gppp7qRWCbIPSqlWr3jA8PJz9fmTnXiB2YM4z8/Pzoxs2bPhNB2optAQIsgROa232Rt3szboaruOYWfXZC1+xIm7zNE0vEZG1EUtbs4SI1jnnzmhNwhUnik+QAHBr7V3GmAMq7ktV293NzKrOWv2ChSABYmma7pm/n/3l/cJt+Py/5O8rf6zhedaaHgTpAX+apseLyDU9TG3NFCI6wTl3bWsSrilRCNIjeGvtOmPMmh6nN33aembu9NmqqAZAkD5IWmvvMcbs18eSJk69l5n3b2JiTcwJgvTRlTRN9xKR7PcjO/WxrElTnyWiUefco01Kqsm5QJA+u5MkyQlEdHWfyxoxXURO9N536ixVNlgIEkHYWnupMWZ1xNI6l1zGzKfXmUAb94YgkV1L0/ReEdk3cnmly4joPudc289OlTL7z2YQJBL7xMTEmxYXF7PzyEsjQ1S17G9btmwZ3bhx46+q2rBL+0CQAbpprT3JGHPlACGqWHoyM19VxUZd3AOCDNjVNE0vE5HJAcOUspyIppxzbTsrlcIiNigEiSW31Tpr7f3GmA8WEKrIEA8w8z5FBtQYC4IU0PUkSfbO38++YwHhigjxXP6+8keKCKY5BgQpqPvW2lOMMd8oKNygYU5l5isGDYL1eKpJofdAkiTTRJQWGrTPYCLivPcTfS7D9CUI4BOk4FvDWvuAMeYDBYftNdx3mblpZ6Fec2/kPAhScFustW/O38/+koJDh8L9PX9f+S9DEzHeOwEI0jurnmcmSXIqEX295wUFTBSRj3rvm3IGKqCiZoSAICX1wVrLxpikpPAvDOuZ2Va0l6ptIEiJ7bbWfs8Y874St8hCf5+Z31/yHmrDQ5ASWz85OfmW+fn57P3sLy5jGxH5x/Dw8PKpqalflBEfMfFj3tLvgSRJPkZEl5exkYic5r3/WhmxEfPfBPAJUsGdkKapF5HxIrciohnnXFVnnCJTb1UsCFJRu5Ik+QERvaeI7UTkQe/9e4uIhRjbJwBBKrpDxsfH35q/D3FkwC3n8vcG/nzAOFjeAwEI0gOkoqakaXqaiHx1kHhE9HHnXClnmkHy6upaCFJxZ5MkmSWiVTHbisgG7/1YzFqsiSMAQeK4DbTKWvugMebdfQb5ITMXcobpc1/V0yFIDe1PkuRt+f+PvKjH7bfkz9H9WY/zMa0gAhCkIJD9hknT9BMi8uVe1hHRJ51zX+llLuYUSwCCFMuzr2jW2g3GmM8EFm1k5qgzS1/JYPI2CUCQmm8Ma+2PjDHvXCKNh5j5XTWnqHp7CFJz+ycmJt6eP19r+AWpzA8NDY1OT0//tOYUVW8PQRrQ/iRJPkVEX9w6FRH5tPf+Sw1IT3UKEKQh7bfWbjLGrMjT2czMKxuSmuo0IEiD2m+tfShLh5mXOpM0KFsdqUCQBvV5bGzsHVk6s7OzP2lQWqpTgSCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUTgCCq24/iQwQgSIgQxlUT+Ceoj6/nfgePCAAAAABJRU5ErkJggg==);
  154. background-repeat: no-repeat;
  155. background-size: 30rpx;
  156. background-position: 95% center;
  157. }
  158. .province view {
  159. width: 85%;
  160. /* text-align: left; */
  161. word-break: keep-all;
  162. white-space: nowrap;
  163. overflow: hidden;
  164. text-overflow: ellipsis;
  165. white-space: nowrap;
  166. }
  167. .border {
  168. height: 100vh;
  169. /* position: relative; */
  170. }
  171. .header {
  172. width: 100%;
  173. height: 396rpx;
  174. background-image: url(/static/img/header6.png);
  175. background-size: 100% auto;
  176. background-repeat: no-repeat;
  177. }
  178. .header image {
  179. width: 100%;
  180. height: 198px;
  181. }
  182. .select {
  183. display: -webkit-box;
  184. display: -webkit-flex;
  185. display: flex;
  186. padding: 30rpx;
  187. width: 85%;
  188. margin: 0 auto;
  189. background-color: #FFFFFF;
  190. border-radius: 20rpx;
  191. margin-top: -100rpx;
  192. }
  193. .setcity,
  194. .reachcity {
  195. -webkit-box-flex: 1;
  196. -webkit-flex: 1;
  197. flex: 1;
  198. width: 100%;
  199. text-align: center;
  200. }
  201. .change{
  202. -webkit-box-flex: 0;
  203. -webkit-flex: 0 0 70rpx;
  204. flex: 0 0 70rpx;
  205. }
  206. .title {
  207. font-size: 28rpx;
  208. height: 50rpx;
  209. line-height: 50rpx;
  210. color: #3B4144;
  211. text-align: center;
  212. }
  213. .city {
  214. font-size: 36rpx;
  215. font-weight: bold;
  216. height: 70rpx;
  217. line-height: 70rpx;
  218. text-align: center;
  219. }
  220. .city image {
  221. height: 30rpx;
  222. width: 30rpx;
  223. display: inline-block;
  224. vertical-align: middle;
  225. margin-left: 10rpx;
  226. }
  227. .change image {
  228. height: 60rpx;
  229. width: 60rpx;
  230. margin-top: 30rpx;
  231. }
  232. .content {
  233. /* width: 85%; */
  234. margin: 0 auto;
  235. margin-top: 10rpx;
  236. padding: 30rpx;
  237. padding-bottom: 110rpx;
  238. }
  239. .reach,
  240. .set {
  241. padding: 30rpx;
  242. background-color: #FFFFFF;
  243. border-radius: 20rpx;
  244. }
  245. .reach {
  246. margin-top: 30rpx;
  247. }
  248. .text {
  249. height: 70rpx;
  250. line-height: 70rpx;
  251. }
  252. .text1,
  253. .text2,
  254. .text3 {
  255. display: inline-block;
  256. margin-right: 10rpx;
  257. }
  258. .text image {
  259. height: 32rpx;
  260. width: 30rpx;
  261. margin-right: 10rpx;
  262. display: inline-block;
  263. vertical-align: middle;
  264. }
  265. .text1 {
  266. font-size: 28rpx;
  267. font-weight: bold;
  268. }
  269. .text2,
  270. .text3 {
  271. font-size: 20rpx;
  272. height: 35rpx;
  273. line-height: 35rpx;
  274. padding-left: 5rpx;
  275. border-radius: 10rpx;
  276. text-align: center;
  277. }
  278. .num1,
  279. .num2 {
  280. width: 35rpx;
  281. heigh: 35rpx;
  282. display: inline-block;
  283. vertical-align: top;
  284. color: #FFFFFF;
  285. margin-left: 5rpx;
  286. }
  287. .num1 {
  288. background-color: #ff6164;
  289. }
  290. .num2 {
  291. background-color: #ffa657;
  292. }
  293. .text2 {
  294. color: #ff6164;
  295. background-color: rgba(255, 97, 100, 0.1);
  296. border: solid 2rpx #ff6164;
  297. }
  298. .text3 {
  299. color: #ffa657;
  300. background-color: rgba(255, 166, 87, 0.1);
  301. border: solid 2rpx #ffa657;
  302. }
  303. .source {
  304. height: 50rpx;
  305. line-height: 50rpx;
  306. font-size: 24rpx;
  307. color: #9f9d9e;
  308. }
  309. .conter {
  310. line-height: 42rpx;
  311. font-size: 26rpx;
  312. color: #4b4a4a;
  313. margin-top: 20rpx;
  314. }
  315. .conter ._p{
  316. padding: 2rpx 0 8rpx 0;
  317. line-height: 40rpx;
  318. /* color: #4b4a4a; */
  319. color: #666;
  320. font-size: 28rpx;
  321. text-align:justify;
  322. }
  323. .tip {
  324. margin-top: 42rpx;
  325. font-size: 26rpx;
  326. font-weight: 400;
  327. line-height: 36rpx;
  328. color: #999999;
  329. opacity: 1;
  330. }
  331. .bottom-bt {
  332. padding: 10rpx 0;
  333. width: 100%;
  334. position: fixed;
  335. bottom: 0;
  336. height: 80rpx;
  337. display: -webkit-box;
  338. display: -webkit-flex;
  339. display: flex;
  340. background-color: #FFFFFF;
  341. z-index: 999;
  342. border-top: solid 4rpx #EEEEEE;
  343. }
  344. .left,
  345. .right {
  346. -webkit-box-flex: 0;
  347. -webkit-flex: 0 0 30%;
  348. flex: 0 0 30%;
  349. height: 80rpx;
  350. line-height: 80rpx;
  351. background-color: #23459D;
  352. color: #FFFFFF;
  353. font-size: 32rpx;
  354. text-align: center;
  355. border-radius: 40rpx;
  356. }
  357. .left {
  358. margin-left: 15%;
  359. margin-right: 5%;
  360. }
  361. .right {
  362. margin-left: 5%;
  363. margin-right: 15%;
  364. }