base.css 11 KB

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