cmy.css 17 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114
  1. <<<<<<< HEAD
  2. /*初始化类*/
  3. @font-face {
  4. font-family: 'iconfont';
  5. /* project id 1482221 */
  6. src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot');
  7. src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'),
  8. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'),
  9. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'),
  10. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'),
  11. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg');
  12. }
  13. .acea-row {
  14. display: -webkit-box;
  15. display: -moz-box;
  16. display: -webkit-flex;
  17. display: -ms-flexbox;
  18. display: flex;
  19. -webkit-box-lines: multiple;
  20. -moz-box-lines: multiple;
  21. -o-box-lines: multiple;
  22. -webkit-flex-wrap: wrap;
  23. -ms-flex-wrap: wrap;
  24. flex-wrap: wrap
  25. }
  26. .acea-row.row-middle {
  27. -webkit-box-align: center;
  28. -moz-box-align: center;
  29. -o-box-align: center;
  30. -ms-flex-align: center;
  31. -webkit-align-items: center;
  32. align-items: center
  33. }
  34. .bg-color-red {
  35. background-color: #e93323 !important;
  36. }
  37. .acea-row.row-right {
  38. -webkit-box-pack: end;
  39. -moz-box-pack: end;
  40. -o-box-pack: end;
  41. -ms-flex-pack: end;
  42. -webkit-justify-content: flex-end;
  43. justify-content: flex-end
  44. }
  45. .acea-row.row-between-wrapper {
  46. -webkit-box-align: center;
  47. -moz-box-align: center;
  48. -o-box-align: center;
  49. -ms-flex-align: center;
  50. -webkit-align-items: center;
  51. align-items: center;
  52. -webkit-box-pack: justify;
  53. -moz-box-pack: justify;
  54. -o-box-pack: justify;
  55. -ms-flex-pack: justify;
  56. -webkit-justify-content: space-between;
  57. justify-content: space-between
  58. }
  59. .acea-row.row-column-around {
  60. -webkit-flex-direction: column;
  61. -ms-flex-direction: column;
  62. flex-direction: column;
  63. justify-content: space-around;
  64. -webkit-justify-content: space-around
  65. }
  66. .acea-row.row-center-wrapper {
  67. -webkit-box-align: center;
  68. -moz-box-align: center;
  69. -o-box-align: center;
  70. -ms-flex-align: center;
  71. -webkit-align-items: center;
  72. align-items: center;
  73. -webkit-box-pack: center;
  74. -moz-box-pack: center;
  75. -o-box-pack: center;
  76. -ms-flex-pack: center;
  77. -webkit-justify-content: center;
  78. justify-content: center
  79. }
  80. .iconfont {
  81. font-family: "iconfont" !important;
  82. font-size: 34rpx;
  83. font-style: normal;
  84. -webkit-font-smoothing: antialiased;
  85. -webkit-text-stroke-width: 0rpx;
  86. -moz-osx-font-smoothing: grayscale;
  87. }
  88. .iconedit:before {
  89. content: "\e649";
  90. }
  91. .iconfavorfill:before {
  92. content: "\e64b";
  93. }
  94. .iconfavor:before {
  95. content: "\e64c";
  96. }
  97. .iconlocation:before {
  98. content: "\e651";
  99. }
  100. .iconroundcheckfill:before {
  101. content: "\e656";
  102. }
  103. .iconroundcheck:before {
  104. content: "\e657";
  105. }
  106. .iconunfold:before {
  107. content: "\e661";
  108. }
  109. .iconlikefill:before {
  110. content: "\e668";
  111. }
  112. .iconlike:before {
  113. content: "\e669";
  114. }
  115. .iconshop:before {
  116. content: "\e676";
  117. }
  118. .iconcart:before {
  119. content: "\e6af";
  120. }
  121. .icondelete:before {
  122. content: "\e6b4";
  123. }
  124. .iconhome:before {
  125. content: "\e6b8";
  126. }
  127. .iconcartfill:before {
  128. content: "\e6b9";
  129. }
  130. .iconhomefill:before {
  131. content: "\e6bb";
  132. }
  133. .iconlock:before {
  134. content: "\e6c0";
  135. }
  136. .iconfriendadd:before {
  137. content: "\e6ca";
  138. }
  139. .iconfold:before {
  140. content: "\e6de";
  141. }
  142. .iconapps:before {
  143. content: "\e729";
  144. }
  145. .iconadd:before {
  146. content: "\e767";
  147. }
  148. .iconaddred:before {
  149. content: "\e767";
  150. color: #F35B64;
  151. }
  152. .iconmove:before {
  153. content: "\e768";
  154. }
  155. .icontriangledownfill:before {
  156. content: "\e79b";
  157. }
  158. .icontriangleupfill:before {
  159. content: "\e79c";
  160. }
  161. .iconshaixuan:before {
  162. content: "\e74a";
  163. }
  164. .iconyanzhengma:before {
  165. content: "\e684";
  166. }
  167. .iconjifen:before {
  168. content: "\e60f";
  169. }
  170. .iconwuliuxinxi:before {
  171. content: "\e62b";
  172. }
  173. .iconmessage:before {
  174. content: "\e78a";
  175. }
  176. .iconsetting:before {
  177. content: "\e78e";
  178. }
  179. .iconaddition:before {
  180. content: "\e6e0";
  181. }
  182. .iconclose:before {
  183. content: "\e6e9";
  184. }
  185. .iconenter:after {
  186. content: "\e6f8";
  187. }
  188. .iconprompt:before {
  189. content: "\e71b";
  190. }
  191. .iconreturn:before {
  192. content: "\e720";
  193. }
  194. .iconsearch:before {
  195. content: "\e741";
  196. }
  197. .iconpengyouquan:before {
  198. content: "\e62c";
  199. }
  200. .iconweixin:before {
  201. content: "\e60e";
  202. }
  203. .iconzhifubao:before {
  204. content: "\e673";
  205. }
  206. .iconyue:before {
  207. content: "\e618";
  208. }
  209. .iconweixin1:before {
  210. content: "\e622";
  211. }
  212. .iconlock1:before {
  213. content: "\e64d";
  214. }
  215. .iconuser:before {
  216. content: "\e64e";
  217. }
  218. .iconchenggongtixianshouyi:before {
  219. content: "\e64f";
  220. }
  221. .iconviptuiguangdingdan:before {
  222. content: "\e650";
  223. }
  224. .icondaifukuan:before {
  225. content: "\e652";
  226. }
  227. .icondaijiesuanshouyi:before {
  228. content: "\e653";
  229. }
  230. .icondaidakuanshouyi:before {
  231. content: "\e654";
  232. }
  233. .icondaifahuo:before {
  234. content: "\e655";
  235. }
  236. .icondaishouhuoshouyi:before {
  237. content: "\e658";
  238. }
  239. .icondaishouhuo:before {
  240. content: "\e659";
  241. }
  242. .iconwuxiaoshouyi:before {
  243. content: "\e65a";
  244. }
  245. .icontixianmingxi:before {
  246. content: "\e65b";
  247. }
  248. .iconshouyi:before {
  249. content: "\e65c";
  250. }
  251. .iconkouchutixianshouxufei:before {
  252. content: "\e65d";
  253. }
  254. .iconyishenqingshouyi:before {
  255. content: "\e65e";
  256. }
  257. .icontuihuanhuo:before {
  258. content: "\e65f";
  259. }
  260. /*水平线*/
  261. .hr {
  262. width: 100%;
  263. position: relative;
  264. border-bottom: 1px solid #dddddd;
  265. /* height: 0.5rpx; */
  266. }
  267. /* 一行显示 */
  268. .clamp {
  269. overflow: hidden;
  270. text-overflow: ellipsis;
  271. white-space: nowrap;
  272. display: block;
  273. }
  274. /* 二行显示 */
  275. .clamp2 {
  276. overflow: hidden;
  277. text-overflow: ellipsis;
  278. display: -webkit-box;
  279. -webkit-line-clamp: 2;
  280. -webkit-box-orient: vertical;
  281. }
  282. /* 二行显示 */
  283. .ellipsis {
  284. overflow: hidden;
  285. text-overflow: ellipsis;
  286. display: -webkit-box;
  287. -webkit-box-orient: vertical;
  288. -webkit-line-clamp: 2;
  289. }
  290. .common-hover {
  291. background: #f5f5f5;
  292. }
  293. /* 角标 */
  294. .corner {
  295. background-color: #e51c23;
  296. position: absolute;
  297. right: -18rpx;
  298. top: -18rpx;
  299. color: #FFFFFF;
  300. text-align: center;
  301. border-radius: 999px;
  302. font-size: 24rpx !important;
  303. min-width: 35rpx;
  304. min-height: 35rpx;
  305. display: flex;
  306. align-items: center;
  307. justify-content: center;
  308. line-height: 1;
  309. }
  310. .flex_item {
  311. display: flex;
  312. align-items: center;
  313. /* justify-content: space-between; */
  314. }
  315. /* 左右顶格加上下居中 */
  316. .flex-between-center {
  317. display: flex;
  318. justify-content: space-between;
  319. align-items: center;
  320. }
  321. /* flex布局-整体居中 */
  322. .flex-center {
  323. display: flex;
  324. align-items: center;
  325. justify-content: center;
  326. }
  327. .flex-start {
  328. display: flex;
  329. align-items: center;
  330. justify-content: flex-start;
  331. }
  332. /*文字对齐*/
  333. .text-left {
  334. text-align: left !important;
  335. }
  336. .text-center {
  337. text-align: center !important;
  338. }
  339. .text-justify {
  340. text-align: justify !important;
  341. }
  342. .text-right {
  343. text-align: right !important;
  344. }
  345. .text-default {
  346. color: #212121 !important;
  347. }
  348. .text-white {
  349. color: #ffffff !important;
  350. }
  351. .text-primary {
  352. color: #00bcd4 !important;
  353. }
  354. .text-success {
  355. color: #009688 !important;
  356. }
  357. .text-info {
  358. color: #03a9f4 !important;
  359. }
  360. .text-warning {
  361. color: #ffc107 !important;
  362. }
  363. .text-danger {
  364. color: #e51c23 !important;
  365. }
  366. .text-pink {
  367. color: #e91e63 !important;
  368. }
  369. .text-purple {
  370. color: #673ab7 !important;
  371. }
  372. .text-indigo {
  373. color: #3f51b5 !important;
  374. }
  375. .text-gray {
  376. color: #999999 !important;
  377. }
  378. .bg-default {
  379. background-color: #f5f5f5 !important;
  380. }
  381. .bg-primary {
  382. background-color: #00bcd4 !important;
  383. }
  384. .bg-success {
  385. background-color: #009688 !important;
  386. }
  387. .bg-info {
  388. background-color: #03a9f4 !important;
  389. }
  390. .bg-warning {
  391. background-color: #FFB238 !important;
  392. }
  393. .bg-danger {
  394. background-color: #DC4D46 !important;
  395. }
  396. .bg-pink {
  397. background-color: #e91e63 !important;
  398. }
  399. .bg-purple {
  400. background-color: #673ab7 !important;
  401. }
  402. .bg-indigo {
  403. background-color: #3f51b5 !important;
  404. }
  405. .bg-white {
  406. background-color: white !important;
  407. }
  408. .bg-gray {
  409. background-color: #e3e3e3 !important;
  410. }
  411. /* 边框 */
  412. .border-radius-15 {
  413. border-radius: 15rpx;
  414. }
  415. .border-radius-10 {
  416. border-radius: 10rpx;
  417. }
  418. .border-radius-all {
  419. border-radius: 1000rpx;
  420. }
  421. /* 底部边线 */
  422. .borde-b {
  423. border-bottom: 1px solid #dddddd;
  424. }
  425. /* 弹性盒子 */
  426. .flex {
  427. display: flex;
  428. align-items: center;
  429. justify-content: space-between;
  430. }
  431. .items-left {
  432. justify-content: flex-start;
  433. }
  434. .items-right {
  435. justify-content: flex-end;
  436. }
  437. .flex-shrink-false {
  438. flex-shrink: 0;
  439. }
  440. .flex-grow-true {
  441. flex-grow: 1;
  442. }
  443. .position-relative {
  444. position: relative;
  445. =======
  446. /*初始化类*/
  447. @font-face {
  448. font-family: 'iconfont';
  449. /* project id 1482221 */
  450. src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot');
  451. src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'),
  452. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'),
  453. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'),
  454. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'),
  455. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg');
  456. }
  457. .acea-row {
  458. display: -webkit-box;
  459. display: -moz-box;
  460. display: -webkit-flex;
  461. display: -ms-flexbox;
  462. display: flex;
  463. -webkit-box-lines: multiple;
  464. -moz-box-lines: multiple;
  465. -o-box-lines: multiple;
  466. -webkit-flex-wrap: wrap;
  467. -ms-flex-wrap: wrap;
  468. flex-wrap: wrap
  469. }
  470. .acea-row.row-middle {
  471. -webkit-box-align: center;
  472. -moz-box-align: center;
  473. -o-box-align: center;
  474. -ms-flex-align: center;
  475. -webkit-align-items: center;
  476. align-items: center
  477. }
  478. .bg-color-red {
  479. background-color: #e93323 !important;
  480. }
  481. .acea-row.row-right {
  482. -webkit-box-pack: end;
  483. -moz-box-pack: end;
  484. -o-box-pack: end;
  485. -ms-flex-pack: end;
  486. -webkit-justify-content: flex-end;
  487. justify-content: flex-end
  488. }
  489. .acea-row.row-between-wrapper {
  490. -webkit-box-align: center;
  491. -moz-box-align: center;
  492. -o-box-align: center;
  493. -ms-flex-align: center;
  494. -webkit-align-items: center;
  495. align-items: center;
  496. -webkit-box-pack: justify;
  497. -moz-box-pack: justify;
  498. -o-box-pack: justify;
  499. -ms-flex-pack: justify;
  500. -webkit-justify-content: space-between;
  501. justify-content: space-between
  502. }
  503. .acea-row.row-column-around {
  504. -webkit-flex-direction: column;
  505. -ms-flex-direction: column;
  506. flex-direction: column;
  507. justify-content: space-around;
  508. -webkit-justify-content: space-around
  509. }
  510. .acea-row.row-center-wrapper {
  511. -webkit-box-align: center;
  512. -moz-box-align: center;
  513. -o-box-align: center;
  514. -ms-flex-align: center;
  515. -webkit-align-items: center;
  516. align-items: center;
  517. -webkit-box-pack: center;
  518. -moz-box-pack: center;
  519. -o-box-pack: center;
  520. -ms-flex-pack: center;
  521. -webkit-justify-content: center;
  522. justify-content: center
  523. }
  524. .iconfont {
  525. font-family: "iconfont" !important;
  526. font-size: 34rpx;
  527. font-style: normal;
  528. -webkit-font-smoothing: antialiased;
  529. -webkit-text-stroke-width: 0rpx;
  530. -moz-osx-font-smoothing: grayscale;
  531. }
  532. .iconedit:before {
  533. content: "\e649";
  534. }
  535. .iconfavorfill:before {
  536. content: "\e64b";
  537. }
  538. .iconfavor:before {
  539. content: "\e64c";
  540. }
  541. .iconlocation:before {
  542. content: "\e651";
  543. }
  544. .iconroundcheckfill:before {
  545. content: "\e656";
  546. }
  547. .iconroundcheck:before {
  548. content: "\e657";
  549. }
  550. .iconunfold:before {
  551. content: "\e661";
  552. }
  553. .iconlikefill:before {
  554. content: "\e668";
  555. }
  556. .iconlike:before {
  557. content: "\e669";
  558. }
  559. .iconshop:before {
  560. content: "\e676";
  561. }
  562. .iconcart:before {
  563. content: "\e6af";
  564. }
  565. .icondelete:before {
  566. content: "\e6b4";
  567. }
  568. .iconhome:before {
  569. content: "\e6b8";
  570. }
  571. .iconcartfill:before {
  572. content: "\e6b9";
  573. }
  574. .iconhomefill:before {
  575. content: "\e6bb";
  576. }
  577. .iconlock:before {
  578. content: "\e6c0";
  579. }
  580. .iconfriendadd:before {
  581. content: "\e6ca";
  582. }
  583. .iconfold:before {
  584. content: "\e6de";
  585. }
  586. .iconapps:before {
  587. content: "\e729";
  588. }
  589. .iconadd:before {
  590. content: "\e767";
  591. }
  592. .iconaddred:before {
  593. content: "\e767";
  594. color: #F35B64;
  595. }
  596. .iconmove:before {
  597. content: "\e768";
  598. }
  599. .icontriangledownfill:before {
  600. content: "\e79b";
  601. }
  602. .icontriangleupfill:before {
  603. content: "\e79c";
  604. }
  605. .iconshaixuan:before {
  606. content: "\e74a";
  607. }
  608. .iconyanzhengma:before {
  609. content: "\e684";
  610. }
  611. .iconjifen:before {
  612. content: "\e60f";
  613. }
  614. .iconwuliuxinxi:before {
  615. content: "\e62b";
  616. }
  617. .iconmessage:before {
  618. content: "\e78a";
  619. }
  620. .iconsetting:before {
  621. content: "\e78e";
  622. }
  623. .iconaddition:before {
  624. content: "\e6e0";
  625. }
  626. .iconclose:before {
  627. content: "\e6e9";
  628. }
  629. .iconenter:after {
  630. content: "\e6f8";
  631. }
  632. .iconprompt:before {
  633. content: "\e71b";
  634. }
  635. .iconreturn:before {
  636. content: "\e720";
  637. }
  638. .iconsearch:before {
  639. content: "\e741";
  640. }
  641. .iconpengyouquan:before {
  642. content: "\e62c";
  643. }
  644. .iconweixin:before {
  645. content: "\e60e";
  646. }
  647. .iconzhifubao:before {
  648. content: "\e673";
  649. }
  650. .iconyue:before {
  651. content: "\e618";
  652. }
  653. .iconweixin1:before {
  654. content: "\e622";
  655. }
  656. .iconlock1:before {
  657. content: "\e64d";
  658. }
  659. .iconuser:before {
  660. content: "\e64e";
  661. }
  662. .iconchenggongtixianshouyi:before {
  663. content: "\e64f";
  664. }
  665. .iconviptuiguangdingdan:before {
  666. content: "\e650";
  667. }
  668. .icondaifukuan:before {
  669. content: "\e652";
  670. }
  671. .icondaijiesuanshouyi:before {
  672. content: "\e653";
  673. }
  674. .icondaidakuanshouyi:before {
  675. content: "\e654";
  676. }
  677. .icondaifahuo:before {
  678. content: "\e655";
  679. }
  680. .icondaishouhuoshouyi:before {
  681. content: "\e658";
  682. }
  683. .icondaishouhuo:before {
  684. content: "\e659";
  685. }
  686. .iconwuxiaoshouyi:before {
  687. content: "\e65a";
  688. }
  689. .icontixianmingxi:before {
  690. content: "\e65b";
  691. }
  692. .iconshouyi:before {
  693. content: "\e65c";
  694. }
  695. .iconkouchutixianshouxufei:before {
  696. content: "\e65d";
  697. }
  698. .iconyishenqingshouyi:before {
  699. content: "\e65e";
  700. }
  701. .icontuihuanhuo:before {
  702. content: "\e65f";
  703. }
  704. /*水平线*/
  705. .hr {
  706. width: 100%;
  707. position: relative;
  708. border-bottom: 1px solid #dddddd;
  709. /* height: 0.5rpx; */
  710. }
  711. /* 一行显示 */
  712. .clamp {
  713. overflow: hidden;
  714. text-overflow: ellipsis;
  715. white-space: nowrap;
  716. display: block;
  717. }
  718. /* 二行显示 */
  719. .clamp2 {
  720. overflow: hidden;
  721. text-overflow: ellipsis;
  722. display: -webkit-box;
  723. -webkit-line-clamp: 2;
  724. -webkit-box-orient: vertical;
  725. }
  726. /* 二行显示 */
  727. .ellipsis {
  728. overflow: hidden;
  729. text-overflow: ellipsis;
  730. display: -webkit-box;
  731. -webkit-box-orient: vertical;
  732. -webkit-line-clamp: 2;
  733. }
  734. .common-hover {
  735. background: #f5f5f5;
  736. }
  737. /* 角标 */
  738. .corner {
  739. background-color: #e51c23;
  740. position: absolute;
  741. right: -18rpx;
  742. top: -18rpx;
  743. color: #FFFFFF;
  744. text-align: center;
  745. border-radius: 999px;
  746. font-size: 24rpx !important;
  747. min-width: 35rpx;
  748. min-height: 35rpx;
  749. display: flex;
  750. align-items: center;
  751. justify-content: center;
  752. line-height: 1;
  753. }
  754. .flex_item {
  755. display: flex;
  756. align-items: center;
  757. /* justify-content: space-between; */
  758. }
  759. /* 左右顶格加上下居中 */
  760. .flex-between-center {
  761. display: flex;
  762. justify-content: space-between;
  763. align-items: center;
  764. }
  765. /* flex布局-整体居中 */
  766. .flex-center {
  767. display: flex;
  768. align-items: center;
  769. justify-content: center;
  770. }
  771. .flex-start {
  772. display: flex;
  773. align-items: center;
  774. justify-content: flex-start;
  775. }
  776. /*文字对齐*/
  777. .text-left {
  778. text-align: left !important;
  779. }
  780. .text-center {
  781. text-align: center !important;
  782. }
  783. .text-justify {
  784. text-align: justify !important;
  785. }
  786. .text-right {
  787. text-align: right !important;
  788. }
  789. .text-default {
  790. color: #212121 !important;
  791. }
  792. .text-white {
  793. color: #ffffff !important;
  794. }
  795. .text-primary {
  796. color: #00bcd4 !important;
  797. }
  798. .text-success {
  799. color: #009688 !important;
  800. }
  801. .text-info {
  802. color: #03a9f4 !important;
  803. }
  804. .text-warning {
  805. color: #ffc107 !important;
  806. }
  807. .text-danger {
  808. color: #e51c23 !important;
  809. }
  810. .text-pink {
  811. color: #e91e63 !important;
  812. }
  813. .text-purple {
  814. color: #673ab7 !important;
  815. }
  816. .text-indigo {
  817. color: #3f51b5 !important;
  818. }
  819. .text-gray {
  820. color: #999999 !important;
  821. }
  822. .bg-default {
  823. background-color: #f5f5f5 !important;
  824. }
  825. .bg-primary {
  826. background-color: #00bcd4 !important;
  827. }
  828. .bg-success {
  829. background-color: #009688 !important;
  830. }
  831. .bg-info {
  832. background-color: #03a9f4 !important;
  833. }
  834. .bg-warning {
  835. background-color: #FFB238 !important;
  836. }
  837. .bg-danger {
  838. background-color: #DC4D46 !important;
  839. }
  840. .bg-pink {
  841. background-color: #e91e63 !important;
  842. }
  843. .bg-purple {
  844. background-color: #673ab7 !important;
  845. }
  846. .bg-indigo {
  847. background-color: #3f51b5 !important;
  848. }
  849. .bg-white {
  850. background-color: white !important;
  851. }
  852. .bg-gray {
  853. background-color: #e3e3e3 !important;
  854. }
  855. /* 边框 */
  856. .border-radius-15 {
  857. border-radius: 15rpx;
  858. }
  859. .border-radius-10 {
  860. border-radius: 10rpx;
  861. }
  862. .border-radius-all {
  863. border-radius: 1000rpx;
  864. }
  865. /* 底部边线 */
  866. .borde-b {
  867. border-bottom: 1px solid #dddddd;
  868. }
  869. /* 弹性盒子 */
  870. .flex {
  871. display: flex;
  872. align-items: center;
  873. justify-content: space-between;
  874. }
  875. .items-left {
  876. justify-content: flex-start;
  877. }
  878. .items-right {
  879. justify-content: flex-end;
  880. }
  881. .flex-shrink-false {
  882. flex-shrink: 0;
  883. }
  884. .flex-grow-true {
  885. flex-grow: 1;
  886. }
  887. .position-relative {
  888. position: relative;
  889. >>>>>>> 11810c650fcbb786f7c6eb685212a6cf2f3e6856
  890. }