list.wxss 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500
  1. page {
  2. height: 100%;
  3. width: 100%;
  4. }
  5. .container {
  6. background: #f4f4f4;
  7. width: 100%;
  8. height: 100%;
  9. }
  10. .top-img{
  11. width:100%;
  12. }
  13. .main-module {
  14. /* margin: 15rpx; */
  15. /* height: 146rpx; */
  16. border-radius: 10rpx;
  17. /* display: flex;
  18. justify-content: space-around; */
  19. background: #fff;
  20. padding: 20rpx 0 12rpx;
  21. }
  22. .main-title{
  23. margin: 5rpx 10rpx;
  24. height: 60rpx;
  25. line-height: 60rpx;
  26. display: flex;
  27. }
  28. .main-title .txt{
  29. font-size: 36rpx;font-weight: 500;color:#666;margin-left: 10rpx;line-height: 60rpx;
  30. }
  31. .main-title image{
  32. height: 40rpx;
  33. width: 40rpx;
  34. }
  35. .money{
  36. color:rgba(255, 170, 0, 1);
  37. font-weight: bold;
  38. font-size: 32rpx;
  39. }
  40. .coupon-block,
  41. .favor-good {
  42. flex: 1;
  43. font-size: 24rpx;
  44. display: flex;
  45. flex-direction: column;
  46. justify-content: space-between;
  47. align-items: center;
  48. height: 84rpx;
  49. }
  50. .main-module .num {
  51. font-weight: bold;
  52. font-size: 32rpx;
  53. color: #333;
  54. }
  55. .border-right{
  56. border-right: 4rpx dotted rgba(151, 151, 151, 1);
  57. }
  58. .alula-expert-calendar-wrap {
  59. /* width: 614rpx;
  60. padding: 25rpx 20rpx;*/
  61. margin: 15rpx;
  62. border-radius: 10rpx;
  63. margin-bottom: 60rpx;
  64. background-color: #fffef9;
  65. height: 320rpx;
  66. }
  67. .alula-expert-calendar-title {
  68. height: 76rpx;
  69. line-height: 76rpx;
  70. font-size: 36rpx;
  71. color: #a08133;
  72. display: flex;
  73. justify-content: space-between;
  74. background-color: #e0d8d8;
  75. padding: 0 20rpx;
  76. }
  77. .alula-expert-calendar-title .txt {
  78. color: #333;
  79. font-size: 32rpx;
  80. text-decoration: none;
  81. }
  82. .alula-expert-calendar-day>div {
  83. display: flex;
  84. align-items: center;
  85. padding: 25rpx 0rpx;
  86. }
  87. .alula-expert-calendar-range .ul {
  88. display: flex;
  89. flex-wrap: wrap;
  90. }
  91. .alula-expert-calendar-day {
  92. font-size: 24rpx;
  93. color: #a08133;
  94. }
  95. .alula-expert-calendar-text {
  96. width: 150rpx;
  97. margin-top: 10rpx;
  98. }
  99. .alula-expert-calendar-after.disabled .alula-expert-calendar-text,
  100. .alula-expert-calendar-morning.disabled .alula-expert-calendar-text {
  101. text-decoration: line-through;
  102. color: #999;
  103. }
  104. .alula-expert-calendar-after.disabled .alula-expert-calendar-label .alula-expert-checkbox,
  105. .alula-expert-calendar-morning.disabled .alula-expert-calendar-label .alula-expert-checkbox {
  106. border: 1rpx solid #ccc;
  107. }
  108. .alula-expert-calendar-after.disabled .alula-expert-calendar-time>span,
  109. .alula-expert-calendar-morning.disabled .alula-expert-calendar-time>span {
  110. color: #CCCCCC;
  111. }
  112. .alula-expert-calendar-after.disabled ul li,
  113. .alula-expert-calendar-morning.disabled ul li {
  114. pointer-events: none;
  115. }
  116. .module-text {
  117. font-size: 32rpx;
  118. color: #999;
  119. }
  120. .book {
  121. /* padding: 0 20rpx; */
  122. color: #333;
  123. /* margin-bottom: 20rpx; */
  124. }
  125. .book .title {
  126. display: flex;
  127. justify-content: space-between;
  128. height: 66rpx;
  129. line-height: 66rpx;
  130. border-bottom: 1px solid #f4f4f4;
  131. padding: 0 20rpx;
  132. }
  133. .book .title view {
  134. color: #9e9797;
  135. }
  136. .content {
  137. padding: 0 20rpx;
  138. }
  139. .goods {
  140. font-size: 42rpx;
  141. color: #333;
  142. font-weight: 500;
  143. margin: 10rpx 0;
  144. }
  145. .time {
  146. font-size: 32rpx;
  147. color: #9e9797;
  148. margin-bottom: 10rpx;
  149. }
  150. .address {
  151. font-size: 32rpx;
  152. color: #9e9797;
  153. }
  154. .alula-expert-calendar-content {
  155. margin-bottom: 30rpx;
  156. background-color: #fffef9;
  157. padding-bottom: 20rpx;
  158. }
  159. /* 趋势图 */
  160. .head_item {
  161. width: 374rpx;
  162. text-align: center;
  163. font-size: 34rpx;
  164. color: #999;
  165. letter-spacing: 0;
  166. }
  167. .head_itemActive {
  168. color: rgba(87, 213, 200, 1);
  169. }
  170. .line {
  171. width: 2rpx;
  172. height: 100%;
  173. background-color: rgba(204, 204, 204, 1);
  174. }
  175. .head {
  176. width: 100%;
  177. height: 100rpx;
  178. background-color: rgba(255, 255, 255, 1);
  179. border-bottom: 1rpx solid rgba(204, 204, 204, 1);
  180. display: flex;
  181. align-items: center;
  182. justify-content: space-between;
  183. position: fixed;
  184. top: 0;
  185. z-index: 10;
  186. }
  187. .mymain {
  188. display: block;
  189. box-sizing: border-box;
  190. top: 0;
  191. margin: 15rpx;
  192. }
  193. .xyjl {
  194. width: 100%;
  195. height: 100%;
  196. box-sizing: border-box;
  197. padding: 0rpx 30rpx;
  198. }
  199. .item_title {
  200. width: 100%;
  201. height: 91rpx;
  202. line-height: 90rpx;
  203. font-size: 26rpx;
  204. color: #999;
  205. letter-spacing: 0;
  206. }
  207. .item_main {
  208. border-radius: 30rpx;
  209. background-color: rgba(255, 255, 255, 1);
  210. width: 100%;
  211. height: auto;
  212. box-sizing: border-box;
  213. padding: 0rpx 40rpx;
  214. }
  215. .icon-jiantouyou,
  216. .icon-icon_arrow_top,
  217. .icon-jiantouxia,
  218. .icon-iconfontzhizuobiaozhun023126 {
  219. font-size: 30rpx;
  220. color: rgba(199, 199, 204, 1);
  221. }
  222. .main_title {
  223. width: 100%;
  224. height: 250rpx;
  225. box-sizing: border-box;
  226. padding: 30rpx 0rpx;
  227. display: flex;
  228. align-items: center;
  229. justify-content: space-between;
  230. }
  231. .main_item {
  232. width: 100%;
  233. height: 200rpx;
  234. box-sizing: border-box;
  235. padding: 30rpx 0rpx;
  236. display: flex;
  237. align-items: center;
  238. justify-content: space-between;
  239. border-top: 1rpx solid rgba(216, 216, 216, 1);
  240. }
  241. .title_kind {
  242. width: 150rpx;
  243. height: 100%;
  244. display: flex;
  245. flex-direction: column;
  246. justify-content: space-between;
  247. align-items: center;
  248. }
  249. .kind_title {
  250. font-size: 26rpx;
  251. color: #333;
  252. text-align: center;
  253. line-height: 30rpx;
  254. }
  255. .kind_number {
  256. font-size: 34rpx;
  257. color: #d63030;
  258. letter-spacing: 0;
  259. line-height: 45rpx;
  260. }
  261. .kind_numberSussece {
  262. color: rgba(99, 218, 121, 1);
  263. }
  264. .kind_dw {
  265. font-size: 26rpx;
  266. color: #333;
  267. line-height: 45rpx;
  268. }
  269. .kind_result {
  270. display: inline-block;
  271. height: 45rpx;
  272. padding: 0rpx 20rpx;
  273. border: 2rpx solid #e68a8a;
  274. border-radius: 100rpx;
  275. font-size: 26rpx;
  276. color: #d73737;
  277. line-height: 40rpx;
  278. }
  279. .kind_resultSuccess {
  280. border: 2rpx solid rgba(99, 218, 121, 1);
  281. color: rgba(99, 218, 121, 1);
  282. }
  283. .qs {
  284. width: 100%;
  285. height: 100%;
  286. box-sizing: border-box;
  287. padding-top: 10rpx;
  288. }
  289. .container1 {
  290. border-radius: 10rpx;
  291. background-color: rgba(255, 255, 255, 1);
  292. height: 850rpx;
  293. display: flex;
  294. flex-direction: column;
  295. box-sizing: border-box;
  296. font-size: 35rpx;
  297. color: #333;
  298. margin: 0 auto;
  299. }
  300. .container_head {
  301. width: 640rpx;
  302. margin: 0 auto;
  303. height: auto;
  304. }
  305. .container_head_top {
  306. width: 100%;
  307. height: 100rpx;
  308. border-bottom: 1rpx solid rgba(216, 216, 216, 1);
  309. display: flex;
  310. align-items: center;
  311. justify-content: space-between;
  312. }
  313. .canvas {
  314. width: 100%;
  315. height: 550rpx;
  316. margin-top: 30rpx;
  317. }
  318. .prev1,
  319. .next1 {
  320. width: 130rpx;
  321. border-radius: 100rpx;
  322. /* display: flex; */
  323. /* justify-content: space-between; */
  324. font-size: 24rpx;
  325. /* align-items: center; */
  326. color: #fff;
  327. box-sizing: border-box;
  328. padding: 3rpx 15rpx 0rpx 15rpx;
  329. line-height: 50rpx;
  330. background-color: #09AFFF;
  331. text-align: center;
  332. }
  333. .prev1 text {
  334. display: block;
  335. color: #fff;
  336. }
  337. .next1 text {
  338. display: block;
  339. color: #fff;
  340. }
  341. .iconfont1 {
  342. font-size: 20rpx;
  343. color: #fff;
  344. }
  345. .top_title {
  346. font-size: 26rpx;
  347. color: #333;
  348. }
  349. .container_head_main {
  350. width: 100%;
  351. height: 170rpx;
  352. display: flex;
  353. align-items: center;
  354. justify-content: space-between;
  355. border-bottom: 1rpx solid rgba(216, 216, 216, 1);
  356. }
  357. .container_head_main view {
  358. display: flex;
  359. flex-direction: column;
  360. justify-content: center;
  361. align-items: center;
  362. }
  363. .main_Ttitle {
  364. font-size: 26rpx;
  365. color: #333;
  366. text-align: center;
  367. line-height: 50rpx;
  368. }
  369. .main_main {
  370. font-size: 34rpx;
  371. color: #333;
  372. text-align: center;
  373. font-weight: bold;
  374. line-height: 40rpx;
  375. }
  376. .main_mintitle {
  377. font-size: 26rpx;
  378. color: #333;
  379. text-align: center;
  380. line-height: 50rpx;
  381. }
  382. .order-operate-wrapper {
  383. height: 80rpx;
  384. display: flex;
  385. align-items: center;
  386. justify-content: flex-end;
  387. }
  388. .order-operate-wrapper>view {
  389. height: 44rpx;
  390. width: 148rpx;
  391. text-align: center;
  392. line-height: 44rpx;
  393. text-align: center;
  394. border-radius: 10rpx;
  395. border: 1rpx solid #09afff;
  396. font-size: 28rpx;
  397. margin-left: 20rpx;
  398. color: #333;
  399. }