cmy.css 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556
  1. /*初始化类*/
  2. @font-face {
  3. font-family: 'iconfont';
  4. /* project id 1482221 */
  5. src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot');
  6. src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'),
  7. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'),
  8. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'),
  9. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'),
  10. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg');
  11. }
  12. .acea-row {
  13. display: -webkit-box;
  14. display: -moz-box;
  15. display: -webkit-flex;
  16. display: -ms-flexbox;
  17. display: flex;
  18. -webkit-box-lines: multiple;
  19. -moz-box-lines: multiple;
  20. -o-box-lines: multiple;
  21. -webkit-flex-wrap: wrap;
  22. -ms-flex-wrap: wrap;
  23. flex-wrap: wrap
  24. }
  25. .acea-row.row-middle {
  26. -webkit-box-align: center;
  27. -moz-box-align: center;
  28. -o-box-align: center;
  29. -ms-flex-align: center;
  30. -webkit-align-items: center;
  31. align-items: center
  32. }
  33. .bg-color-red {
  34. background-color: #e93323 !important;
  35. }
  36. .acea-row.row-right {
  37. -webkit-box-pack: end;
  38. -moz-box-pack: end;
  39. -o-box-pack: end;
  40. -ms-flex-pack: end;
  41. -webkit-justify-content: flex-end;
  42. justify-content: flex-end
  43. }
  44. .acea-row.row-between-wrapper {
  45. -webkit-box-align: center;
  46. -moz-box-align: center;
  47. -o-box-align: center;
  48. -ms-flex-align: center;
  49. -webkit-align-items: center;
  50. align-items: center;
  51. -webkit-box-pack: justify;
  52. -moz-box-pack: justify;
  53. -o-box-pack: justify;
  54. -ms-flex-pack: justify;
  55. -webkit-justify-content: space-between;
  56. justify-content: space-between
  57. }
  58. .acea-row.row-column-around {
  59. -webkit-flex-direction: column;
  60. -ms-flex-direction: column;
  61. flex-direction: column;
  62. justify-content: space-around;
  63. -webkit-justify-content: space-around
  64. }
  65. .acea-row.row-center-wrapper {
  66. -webkit-box-align: center;
  67. -moz-box-align: center;
  68. -o-box-align: center;
  69. -ms-flex-align: center;
  70. -webkit-align-items: center;
  71. align-items: center;
  72. -webkit-box-pack: center;
  73. -moz-box-pack: center;
  74. -o-box-pack: center;
  75. -ms-flex-pack: center;
  76. -webkit-justify-content: center;
  77. justify-content: center
  78. }
  79. .iconfont {
  80. font-family: "iconfont" !important;
  81. font-size: 34rpx;
  82. font-style: normal;
  83. -webkit-font-smoothing: antialiased;
  84. -webkit-text-stroke-width: 0rpx;
  85. -moz-osx-font-smoothing: grayscale;
  86. }
  87. .iconedit:before {
  88. content: "\e649";
  89. }
  90. .iconfavorfill:before {
  91. content: "\e64b";
  92. }
  93. .iconfavor:before {
  94. content: "\e64c";
  95. }
  96. .iconlocation:before {
  97. content: "\e651";
  98. }
  99. .iconroundcheckfill:before {
  100. content: "\e656";
  101. }
  102. .iconroundcheck:before {
  103. content: "\e657";
  104. }
  105. .iconunfold:before {
  106. content: "\e661";
  107. }
  108. .iconlikefill:before {
  109. content: "\e668";
  110. }
  111. .iconlike:before {
  112. content: "\e669";
  113. }
  114. .iconshop:before {
  115. content: "\e676";
  116. }
  117. .iconcart:before {
  118. content: "\e6af";
  119. }
  120. .icondelete:before {
  121. content: "\e6b4";
  122. }
  123. .iconhome:before {
  124. content: "\e6b8";
  125. }
  126. .iconcartfill:before {
  127. content: "\e6b9";
  128. }
  129. .iconhomefill:before {
  130. content: "\e6bb";
  131. }
  132. .iconlock:before {
  133. content: "\e6c0";
  134. }
  135. .iconfriendadd:before {
  136. content: "\e6ca";
  137. }
  138. .iconfold:before {
  139. content: "\e6de";
  140. }
  141. .iconapps:before {
  142. content: "\e729";
  143. }
  144. .iconadd:before {
  145. content: "\e767";
  146. }
  147. .iconaddred:before {
  148. content: "\e767";
  149. color: #F35B64;
  150. }
  151. .iconmove:before {
  152. content: "\e768";
  153. }
  154. .icontriangledownfill:before {
  155. content: "\e79b";
  156. }
  157. .icontriangleupfill:before {
  158. content: "\e79c";
  159. }
  160. .iconshaixuan:before {
  161. content: "\e74a";
  162. }
  163. .iconyanzhengma:before {
  164. content: "\e684";
  165. }
  166. .iconjifen:before {
  167. content: "\e60f";
  168. }
  169. .iconwuliuxinxi:before {
  170. content: "\e62b";
  171. }
  172. .iconmessage:before {
  173. content: "\e78a";
  174. }
  175. .iconsetting:before {
  176. content: "\e78e";
  177. }
  178. .iconaddition:before {
  179. content: "\e6e0";
  180. }
  181. .iconclose:before {
  182. content: "\e6e9";
  183. }
  184. .iconenter:after {
  185. content: "\e6f8";
  186. }
  187. .iconprompt:before {
  188. content: "\e71b";
  189. }
  190. .iconreturn:before {
  191. content: "\e720";
  192. }
  193. .iconsearch:before {
  194. content: "\e741";
  195. }
  196. .iconpengyouquan:before {
  197. content: "\e62c";
  198. }
  199. .iconweixin:before {
  200. content: "\e60e";
  201. }
  202. .iconzhifubao:before {
  203. content: "\e673";
  204. }
  205. .iconyue:before {
  206. content: "\e618";
  207. }
  208. .iconweixin1:before {
  209. content: "\e622";
  210. }
  211. .iconlock1:before {
  212. content: "\e64d";
  213. }
  214. .iconuser:before {
  215. content: "\e64e";
  216. }
  217. .iconchenggongtixianshouyi:before {
  218. content: "\e64f";
  219. }
  220. .iconviptuiguangdingdan:before {
  221. content: "\e650";
  222. }
  223. .icondaifukuan:before {
  224. content: "\e652";
  225. }
  226. .icondaijiesuanshouyi:before {
  227. content: "\e653";
  228. }
  229. .icondaidakuanshouyi:before {
  230. content: "\e654";
  231. }
  232. .icondaifahuo:before {
  233. content: "\e655";
  234. }
  235. .icondaishouhuoshouyi:before {
  236. content: "\e658";
  237. }
  238. .icondaishouhuo:before {
  239. content: "\e659";
  240. }
  241. .iconwuxiaoshouyi:before {
  242. content: "\e65a";
  243. }
  244. .icontixianmingxi:before {
  245. content: "\e65b";
  246. }
  247. .iconshouyi:before {
  248. content: "\e65c";
  249. }
  250. .iconkouchutixianshouxufei:before {
  251. content: "\e65d";
  252. }
  253. .iconyishenqingshouyi:before {
  254. content: "\e65e";
  255. }
  256. .icontuihuanhuo:before {
  257. content: "\e65f";
  258. }
  259. /*水平线*/
  260. .hr {
  261. width: 100%;
  262. position: relative;
  263. border-bottom: 1px solid #dddddd;
  264. /* height: 0.5rpx; */
  265. }
  266. /* 一行显示 */
  267. .clamp {
  268. overflow: hidden;
  269. text-overflow: ellipsis;
  270. white-space: nowrap;
  271. display: block;
  272. }
  273. /* 二行显示 */
  274. .clamp2 {
  275. overflow: hidden;
  276. text-overflow: ellipsis;
  277. display: -webkit-box;
  278. -webkit-line-clamp: 2;
  279. -webkit-box-orient: vertical;
  280. }
  281. /* 二行显示 */
  282. .ellipsis {
  283. overflow: hidden;
  284. text-overflow: ellipsis;
  285. display: -webkit-box;
  286. -webkit-box-orient: vertical;
  287. -webkit-line-clamp: 2;
  288. }
  289. .common-hover {
  290. background: #f5f5f5;
  291. }
  292. /* 角标 */
  293. .corner {
  294. background-color: #e51c23;
  295. position: absolute;
  296. right: -18rpx;
  297. top: -18rpx;
  298. color: #FFFFFF;
  299. text-align: center;
  300. border-radius: 999px;
  301. font-size: 24rpx !important;
  302. min-width: 35rpx;
  303. min-height: 35rpx;
  304. display: flex;
  305. align-items: center;
  306. justify-content: center;
  307. line-height: 1;
  308. }
  309. .flex_item {
  310. display: flex;
  311. align-items: center;
  312. /* justify-content: space-between; */
  313. }
  314. /* 左右顶格加上下居中 */
  315. .flex-between-center {
  316. display: flex;
  317. justify-content: space-between;
  318. align-items: center;
  319. }
  320. /* flex布局-整体居中 */
  321. .flex-center {
  322. display: flex;
  323. align-items: center;
  324. justify-content: center;
  325. }
  326. .flex-start {
  327. display: flex;
  328. align-items: center;
  329. justify-content: flex-start;
  330. }
  331. /*文字对齐*/
  332. .text-left {
  333. text-align: left !important;
  334. }
  335. .text-center {
  336. text-align: center !important;
  337. }
  338. .text-justify {
  339. text-align: justify !important;
  340. }
  341. .text-right {
  342. text-align: right !important;
  343. }
  344. .text-default {
  345. color: #212121 !important;
  346. }
  347. .text-white {
  348. color: #ffffff !important;
  349. }
  350. .text-primary {
  351. color: #00bcd4 !important;
  352. }
  353. .text-success {
  354. color: #009688 !important;
  355. }
  356. .text-info {
  357. color: #03a9f4 !important;
  358. }
  359. .text-warning {
  360. color: #ffc107 !important;
  361. }
  362. .text-danger {
  363. color: #e51c23 !important;
  364. }
  365. .text-pink {
  366. color: #e91e63 !important;
  367. }
  368. .text-purple {
  369. color: #673ab7 !important;
  370. }
  371. .text-indigo {
  372. color: #3f51b5 !important;
  373. }
  374. .text-gray {
  375. color: #999999 !important;
  376. }
  377. .bg-default {
  378. background-color: #f5f5f5 !important;
  379. }
  380. .bg-primary {
  381. background-color: #00bcd4 !important;
  382. }
  383. .bg-success {
  384. background-color: #009688 !important;
  385. }
  386. .bg-info {
  387. background-color: #03a9f4 !important;
  388. }
  389. .bg-warning {
  390. background-color: #FFB238 !important;
  391. }
  392. .bg-danger {
  393. background-color: #DC4D46 !important;
  394. }
  395. .bg-pink {
  396. background-color: #e91e63 !important;
  397. }
  398. .bg-purple {
  399. background-color: #673ab7 !important;
  400. }
  401. .bg-indigo {
  402. background-color: #3f51b5 !important;
  403. }
  404. .bg-white {
  405. background-color: white !important;
  406. }
  407. .bg-gray {
  408. background-color: #e3e3e3 !important;
  409. }
  410. /* 边框 */
  411. .border-radius-15 {
  412. border-radius: 15rpx;
  413. }
  414. .border-radius-10 {
  415. border-radius: 10rpx;
  416. }
  417. .border-radius-all {
  418. border-radius: 1000rpx;
  419. }
  420. /* 底部边线 */
  421. .borde-b {
  422. border-bottom: 1px solid #dddddd;
  423. }
  424. /* 弹性盒子 */
  425. .flex {
  426. display: flex;
  427. align-items: center;
  428. justify-content: space-between;
  429. }
  430. .items-left {
  431. justify-content: flex-start;
  432. }
  433. .items-right {
  434. justify-content: flex-end;
  435. }
  436. .flex-shrink-false {
  437. flex-shrink: 0;
  438. }
  439. .flex-grow-true {
  440. flex-grow: 1;
  441. }
  442. .position-relative {
  443. position: relative;
  444. }