base.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
  1. @charset "UTF-8";
  2. .font-color,.font-color-red {
  3. color: #fc4141!important
  4. }
  5. .bg-color {
  6. background-color: #e93323!important
  7. }
  8. .icon-color {
  9. color: #ff3c2b
  10. }
  11. .cart-color {
  12. color: #ff3700!important;
  13. border: 1px solid #ff3700!important
  14. }
  15. .padding20 {
  16. padding: 20rpx
  17. }
  18. .pad20 {
  19. padding: 0 20rpx
  20. }
  21. .padding30 {
  22. padding: 30rpx
  23. }
  24. .pad30 {
  25. padding: 0 30rpx
  26. }
  27. .acea-row {
  28. display: -webkit-box;
  29. display: -moz-box;
  30. display: -webkit-flex;
  31. display: -ms-flexbox;
  32. display: flex;
  33. -webkit-box-lines: multiple;
  34. -moz-box-lines: multiple;
  35. -o-box-lines: multiple;
  36. -webkit-flex-wrap: wrap;
  37. -ms-flex-wrap: wrap;
  38. flex-wrap: wrap
  39. }
  40. .acea-row.row-middle {
  41. -webkit-box-align: center;
  42. -moz-box-align: center;
  43. -o-box-align: center;
  44. -ms-flex-align: center;
  45. -webkit-align-items: center;
  46. align-items: center
  47. }
  48. .acea-row.row-top {
  49. -webkit-box-align: start;
  50. -moz-box-align: start;
  51. -o-box-align: start;
  52. -ms-flex-align: start;
  53. -webkit-align-items: flex-start;
  54. align-items: flex-start
  55. }
  56. .acea-row.row-bottom {
  57. -webkit-box-align: end;
  58. -moz-box-align: end;
  59. -o-box-align: end;
  60. -ms-flex-align: end;
  61. -webkit-align-items: flex-end;
  62. align-items: flex-end
  63. }
  64. .acea-row.row-center {
  65. -webkit-box-pack: center;
  66. -moz-box-pack: center;
  67. -o-box-pack: center;
  68. -ms-flex-pack: center;
  69. -webkit-justify-content: center;
  70. justify-content: center
  71. }
  72. .acea-row.row-right {
  73. -webkit-box-pack: end;
  74. -moz-box-pack: end;
  75. -o-box-pack: end;
  76. -ms-flex-pack: end;
  77. -webkit-justify-content: flex-end;
  78. justify-content: flex-end
  79. }
  80. .acea-row.row-left {
  81. -webkit-box-pack: start;
  82. -moz-box-pack: start;
  83. -o-box-pack: start;
  84. -ms-flex-pack: start;
  85. -webkit-justify-content: flex-start;
  86. justify-content: flex-start
  87. }
  88. .acea-row.row-between {
  89. -webkit-box-pack: justify;
  90. -moz-box-pack: justify;
  91. -o-box-pack: justify;
  92. -ms-flex-pack: justify;
  93. -webkit-justify-content: space-between;
  94. justify-content: space-between
  95. }
  96. .acea-row.row-around {
  97. justify-content: space-around;
  98. -webkit-justify-content: space-around
  99. }
  100. .acea-row.row-column-around {
  101. -webkit-flex-direction: column;
  102. -ms-flex-direction: column;
  103. flex-direction: column;
  104. justify-content: space-around;
  105. -webkit-justify-content: space-around
  106. }
  107. .acea-row.row-column {
  108. -webkit-box-orient: vertical;
  109. -moz-box-orient: vertical;
  110. -o-box-orient: vertical;
  111. -webkit-flex-direction: column;
  112. -ms-flex-direction: column;
  113. flex-direction: column
  114. }
  115. .acea-row.row-column-between {
  116. -webkit-box-orient: vertical;
  117. -moz-box-orient: vertical;
  118. -o-box-orient: vertical;
  119. -webkit-flex-direction: column;
  120. -ms-flex-direction: column;
  121. flex-direction: column;
  122. -webkit-box-pack: justify;
  123. -moz-box-pack: justify;
  124. -o-box-pack: justify;
  125. -ms-flex-pack: justify;
  126. -webkit-justify-content: space-between;
  127. justify-content: space-between
  128. }
  129. .acea-row.row-center-wrapper {
  130. -webkit-box-align: center;
  131. -moz-box-align: center;
  132. -o-box-align: center;
  133. -ms-flex-align: center;
  134. -webkit-align-items: center;
  135. align-items: center;
  136. -webkit-box-pack: center;
  137. -moz-box-pack: center;
  138. -o-box-pack: center;
  139. -ms-flex-pack: center;
  140. -webkit-justify-content: center;
  141. justify-content: center
  142. }
  143. .acea-row.row-between-wrapper {
  144. -webkit-box-align: center;
  145. -moz-box-align: center;
  146. -o-box-align: center;
  147. -ms-flex-align: center;
  148. -webkit-align-items: center;
  149. align-items: center;
  150. -webkit-box-pack: justify;
  151. -moz-box-pack: justify;
  152. -o-box-pack: justify;
  153. -ms-flex-pack: justify;
  154. -webkit-justify-content: space-between;
  155. justify-content: space-between
  156. }
  157. .start{width: 122rpx; height: 30rpx;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAADMCAYAAAC8yreMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMDg0NEE2QTVFNUQxMUU4QUI3RkNGOTgwNDYyRUZDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODU5QzVENDMwRjcxMUU5OTQ0QzlEOTQ5RkE1MTlBRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODU5QzVEMzMwRjcxMUU5OTQ0QzlEOTQ5RkE1MTlBRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkN2ZhZTM5NC0wNmE4LTkzNGYtODA0OS0zNjBjNTcxOTU2YjAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYWI1M2NhMC04MWE1LTE5NGItYmJlYi1jMzI2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');background-repeat: no-repeat; background-size: 122rpx auto;}
  158. .start.star5{background-position: 0 3rpx;}
  159. .start.star4{background-position: 0 -30rpx;}
  160. .start.star3{background-position: 0 -70rpx;}
  161. .start.star2{background-position: 0 -105rpx;}
  162. .start.star1{background-position: 0 -140rpx;}
  163. .start.star0{background-position: 0 -175rpx;}
  164. * {
  165. box-sizing: border-box
  166. }
  167. page {
  168. font-size: 28rpx;
  169. background-color: #f5f5f5;
  170. color: #333
  171. }
  172. body,html {
  173. height: unset
  174. }
  175. button {
  176. padding: 0;
  177. margin: 0;
  178. line-height: normal;
  179. background-color: #fff
  180. }
  181. button::after {
  182. border: 0
  183. }
  184. radio .wx-radio-input {
  185. border-radius: 50%;
  186. width: 38rpx;
  187. height: 38rpx
  188. }
  189. radio .wx-radio-input.wx-radio-input-checked {
  190. border: 1px solid #e93323!important;
  191. background-color: #e93323!important
  192. }
  193. radio .uni-radio-input {
  194. border-radius: 50%;
  195. width: 38rpx;
  196. height: 38rpx
  197. }
  198. radio .uni-radio-input.uni-radio-input-checked {
  199. border: 1px solid #e93323!important;
  200. background-color: #e93323!important
  201. }
  202. checkbox .wx-checkbox-input {
  203. border-radius: 50%;
  204. width: 38rpx;
  205. height: 38rpx
  206. }
  207. checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  208. border: 1px solid #e93323!important;
  209. background-color: #e93323!important;
  210. color: #fff!important
  211. }
  212. checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  213. font-size: 35rpx
  214. }
  215. checkbox .uni-checkbox-input {
  216. border-radius: 50%;
  217. width: 38rpx;
  218. height: 38rpx
  219. }
  220. checkbox .uni-checkbox-input.uni-checkbox-input-checked {
  221. border: 1px solid #e93323!important;
  222. background-color: #e93323!important;
  223. color: #fff!important
  224. }
  225. checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
  226. font-size: 35rpx
  227. }
  228. .line1 {
  229. overflow: hidden;
  230. text-overflow: ellipsis;
  231. white-space: nowrap
  232. }
  233. .line2 {
  234. word-break: break-all;
  235. display: -webkit-box;
  236. -webkit-line-clamp: 2;
  237. -webkit-box-orient: vertical;
  238. overflow: hidden
  239. }
  240. .mask {
  241. position: fixed;
  242. top: 0;
  243. left: 0;
  244. right: 0;
  245. bottom: 0;
  246. background-color: #000;
  247. opacity: .5;
  248. z-index: 5
  249. }
  250. @keyframes load {
  251. from {
  252. transform: rotate(0)
  253. }
  254. to {
  255. transform: rotate(360deg)
  256. }
  257. }
  258. @-webkit-keyframes load {
  259. from {
  260. transform: rotate(0)
  261. }
  262. to {
  263. transform: rotate(360deg)
  264. }
  265. }
  266. .loadingpic {
  267. animation: load 3s linear 1s infinite;
  268. --webkit-animation: load 3s linear 1s infinite
  269. }
  270. .loading-list {
  271. animation: load linear 1s infinite;
  272. -webkit-animation: load linear 1s infinite;
  273. font-size: 40rpx;
  274. margin-right: 22rpx
  275. }
  276. .loading {
  277. width: 100%;
  278. height: 100rpx;
  279. line-height: 100rpx;
  280. align-items: center;
  281. justify-content: center;
  282. position: relative;
  283. text-align: center
  284. }
  285. .loading .line {
  286. position: absolute;
  287. width: 450rpx;
  288. left: 150rpx;
  289. top: 50rpx;
  290. height: 1px;
  291. border-top: 1px solid #eee
  292. }
  293. .loading .text {
  294. position: relative;
  295. display: inline-block;
  296. padding: 0 20rpx;
  297. background: #fff;
  298. z-index: 2;
  299. color: #777
  300. }
  301. .loadingicon .loading {
  302. animation: load linear 1s infinite;
  303. font-size: 45rpx;
  304. color: #000
  305. }
  306. .loadingicon {
  307. width: 100%;
  308. height: 80rpx;
  309. overflow: hidden
  310. }