index2.wxss 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  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. }
  79. .province {
  80. background-color: #F7F7F7;
  81. margin: 0 10rpx;
  82. text-align: center;
  83. background-image: url(data:image/png;base64,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);
  84. background-repeat: no-repeat;
  85. background-size: 30rpx;
  86. background-position: 95% center;
  87. }
  88. .province view {
  89. width: 85%;
  90. /* text-align: left; */
  91. word-break: keep-all;
  92. white-space: nowrap;
  93. overflow: hidden;
  94. text-overflow: ellipsis;
  95. white-space: nowrap;
  96. }
  97. .border {
  98. height: 100vh;
  99. /* position: relative; */
  100. }
  101. .header {
  102. width: 100%;
  103. height: 396rpx;
  104. background-image: url(/static/img/header.png);
  105. background-size: 100% auto;
  106. background-repeat: no-repeat;
  107. }
  108. .header image {
  109. width: 100%;
  110. height: 198px;
  111. }
  112. .search {
  113. font-size: 28rpx;
  114. padding: 30rpx;
  115. color: #333333;
  116. background-color: #FFFFFF;
  117. border-radius: 12rpx;
  118. margin-top: -40rpx;
  119. padding-bottom: 130rpx;
  120. }
  121. .title {
  122. font-size: 34rpx;
  123. text-align: center;
  124. padding: 20rpx 0;
  125. color: #23459D;
  126. }
  127. .list {
  128. margin-top: 20rpx;
  129. display: -webkit-box;
  130. display: -webkit-flex;
  131. display: flex;
  132. min-height: 35rpx;
  133. line-height: 30px;
  134. }
  135. .list1 {
  136. -webkit-box-flex: 1;
  137. -webkit-flex: 1;
  138. flex: 1;
  139. font-size: 28rpx;
  140. font-weight: 500;
  141. }
  142. .list2 {
  143. -webkit-box-flex: 1;
  144. -webkit-flex: 1;
  145. flex: 1;
  146. text-align: right;
  147. }
  148. .list1 image {
  149. height: 32rpx;
  150. width: 30rpx;
  151. display: inline-block;
  152. vertical-align: middle;
  153. }
  154. .list1 view {
  155. display: inline-block;
  156. vertical-align: middle;
  157. margin-left: 16rpx;
  158. }
  159. .zhengce {
  160. margin-top: 20rpx;
  161. padding: 30rpx;
  162. line-height: 40rpx;
  163. border-radius: 24rpx;
  164. background-color: #F7F7F7;
  165. }
  166. .detail {
  167. margin-top: 20rpx;
  168. color: #23459D;
  169. text-align: right;
  170. }
  171. .tips {
  172. margin-top: 22rpx;
  173. text-align: center;
  174. height: 72rpx;
  175. background: rgba(255, 102, 0, 0.1);
  176. line-height: 72rpx;
  177. border-radius: 8rpx;
  178. font-size: 26rpx;
  179. font-weight: 400;
  180. color: #FF6600;
  181. }
  182. .tip {
  183. margin-top: 42rpx;
  184. font-size: 26rpx;
  185. font-weight: 400;
  186. line-height: 36rpx;
  187. color: #999999;
  188. opacity: 1;
  189. }
  190. .bottom-bt {
  191. padding: 10rpx 0;
  192. width: 100%;
  193. position: fixed;
  194. bottom: 0;
  195. height: 80rpx;
  196. display: -webkit-box;
  197. display: -webkit-flex;
  198. display: flex;
  199. background-color: #FFFFFF;
  200. z-index: 999;
  201. border-top: solid 4rpx #EEEEEE;
  202. }
  203. .left,
  204. .right {
  205. -webkit-box-flex: 0;
  206. -webkit-flex: 0 0 30%;
  207. flex: 0 0 30%;
  208. height: 80rpx;
  209. line-height: 80rpx;
  210. background-color: #23459D;
  211. color: #FFFFFF;
  212. font-size: 32rpx;
  213. text-align: center;
  214. border-radius: 40rpx;
  215. }
  216. .left {
  217. margin-left: 15%;
  218. margin-right: 5%;
  219. }
  220. .right {
  221. margin-left: 5%;
  222. margin-right: 15%;
  223. }