main.wxss 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. /*全局公共样式和字体图标*/
  12. /*初始化类*/
  13. @font-face {
  14. font-family: 'iconfont';
  15. /* project id 1482221 */
  16. src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot');
  17. src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'),
  18. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'),
  19. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'),
  20. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'),
  21. url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg');
  22. }
  23. .iconfont {
  24. font-family: "iconfont" !important;
  25. font-size: 34rpx;
  26. font-style: normal;
  27. -webkit-font-smoothing: antialiased;
  28. -webkit-text-stroke-width: 0rpx;
  29. -moz-osx-font-smoothing: grayscale;
  30. }
  31. .iconedit:before {
  32. content: "\e649";
  33. }
  34. .iconfavorfill:before {
  35. content: "\e64b";
  36. }
  37. .iconfavor:before {
  38. content: "\e64c";
  39. }
  40. .iconlocation:before {
  41. content: "\e651";
  42. }
  43. .iconroundcheckfill:before {
  44. content: "\e656";
  45. }
  46. .iconroundcheck:before {
  47. content: "\e657";
  48. }
  49. .iconunfold:before {
  50. content: "\e661";
  51. }
  52. .iconlikefill:before {
  53. content: "\e668";
  54. }
  55. .iconlike:before {
  56. content: "\e669";
  57. }
  58. .iconshop:before {
  59. content: "\e676";
  60. }
  61. .iconcart:before {
  62. content: "\e6af";
  63. }
  64. .icondelete:before {
  65. content: "\e6b4";
  66. }
  67. .iconhome:before {
  68. content: "\e6b8";
  69. }
  70. .iconcartfill:before {
  71. content: "\e6b9";
  72. }
  73. .iconhomefill:before {
  74. content: "\e6bb";
  75. }
  76. .iconlock:before {
  77. content: "\e6c0";
  78. }
  79. .iconfriendadd:before {
  80. content: "\e6ca";
  81. }
  82. .iconfold:before {
  83. content: "\e6de";
  84. }
  85. .iconapps:before {
  86. content: "\e729";
  87. }
  88. .iconadd:before {
  89. content: "\e767";
  90. }
  91. .iconmove:before {
  92. content: "\e768";
  93. }
  94. .icontriangledownfill:before {
  95. content: "\e79b";
  96. }
  97. .icontriangleupfill:before {
  98. content: "\e79c";
  99. }
  100. .iconshaixuan:before {
  101. content: "\e74a";
  102. }
  103. .iconyanzhengma:before {
  104. content: "\e684";
  105. }
  106. .iconjifen:before {
  107. content: "\e60f";
  108. }
  109. .iconwuliuxinxi:before {
  110. content: "\e62b";
  111. }
  112. .iconmessage:before {
  113. content: "\e78a";
  114. }
  115. .iconsetting:before {
  116. content: "\e78e";
  117. }
  118. .iconaddition:before {
  119. content: "\e6e0";
  120. }
  121. .iconclose:before {
  122. content: "\e6e9";
  123. }
  124. .iconenter:after {
  125. content: "\e6f8";
  126. }
  127. .iconprompt:before {
  128. content: "\e71b";
  129. }
  130. .iconreturn:before {
  131. content: "\e720";
  132. }
  133. .iconsearch:before {
  134. content: "\e741";
  135. }
  136. .iconpengyouquan:before {
  137. content: "\e62c";
  138. }
  139. .iconweixin:before {
  140. content: "\e60e";
  141. }
  142. .iconzhifubao:before {
  143. content: "\e673";
  144. }
  145. .iconyue:before {
  146. content: "\e618";
  147. }
  148. .iconweixin1:before {
  149. content: "\e622";
  150. }
  151. .iconlock1:before {
  152. content: "\e64d";
  153. }
  154. .iconuser:before {
  155. content: "\e64e";
  156. }
  157. .iconchenggongtixianshouyi:before {
  158. content: "\e64f";
  159. }
  160. .iconviptuiguangdingdan:before {
  161. content: "\e650";
  162. }
  163. .icondaifukuan:before {
  164. content: "\e652";
  165. }
  166. .icondaijiesuanshouyi:before {
  167. content: "\e653";
  168. }
  169. .icondaidakuanshouyi:before {
  170. content: "\e654";
  171. }
  172. .icondaifahuo:before {
  173. content: "\e655";
  174. }
  175. .icondaishouhuoshouyi:before {
  176. content: "\e658";
  177. }
  178. .icondaishouhuo:before {
  179. content: "\e659";
  180. }
  181. .iconwuxiaoshouyi:before {
  182. content: "\e65a";
  183. }
  184. .icontixianmingxi:before {
  185. content: "\e65b";
  186. }
  187. .iconshouyi:before {
  188. content: "\e65c";
  189. }
  190. .iconkouchutixianshouxufei:before {
  191. content: "\e65d";
  192. }
  193. .iconyishenqingshouyi:before {
  194. content: "\e65e";
  195. }
  196. .icontuihuanhuo:before {
  197. content: "\e65f";
  198. }
  199. /*水平线*/
  200. .hr {
  201. width: 100%;
  202. position: relative;
  203. border-bottom: 1px solid #dddddd;
  204. /* height: 0.5rpx; */
  205. }
  206. /* 一行显示 */
  207. .clamp {
  208. overflow: hidden;
  209. text-overflow: ellipsis;
  210. white-space: nowrap;
  211. display: block;
  212. }
  213. /* 二行显示 */
  214. .ellipsis{
  215. overflow:hidden;
  216. text-overflow:ellipsis;
  217. display:-webkit-box;
  218. -webkit-box-orient:vertical;
  219. -webkit-line-clamp:2;
  220. }
  221. .common-hover {
  222. background: #f5f5f5;
  223. }
  224. /* 角标 */
  225. .corner{
  226. background-color:#e51c23;
  227. position: absolute;
  228. right: -18rpx;
  229. top: -18rpx;
  230. color:#FFFFFF;
  231. text-align: center;
  232. border-radius: 999px;
  233. font-size: 24rpx !important;
  234. min-width: 35rpx;
  235. min-height: 35rpx;
  236. display: -webkit-box;
  237. display: -webkit-flex;
  238. display: flex;
  239. -webkit-box-align: center;
  240. -webkit-align-items: center;
  241. align-items: center;
  242. -webkit-box-pack: center;
  243. -webkit-justify-content: center;
  244. justify-content: center;
  245. line-height: 1;
  246. }
  247. /*文字对齐*/
  248. .text-left {
  249. text-align: left !important;
  250. }
  251. .text-center {
  252. text-align: center !important;
  253. }
  254. .text-justify {
  255. text-align: justify !important;
  256. }
  257. .text-right {
  258. text-align: right !important;
  259. }
  260. .text-default {
  261. color: #212121 !important;
  262. }
  263. .text-white {
  264. color: #ffffff !important;
  265. }
  266. .text-primary {
  267. color: #00bcd4 !important;
  268. }
  269. .text-success {
  270. color: #009688 !important;
  271. }
  272. .text-warning {
  273. color: #ffc107 !important;
  274. }
  275. .text-danger {
  276. color: #e51c23 !important;
  277. }
  278. .text-pink {
  279. color: #e91e63 !important;
  280. }
  281. .text-purple {
  282. color: #673ab7 !important;
  283. }
  284. .text-indigo {
  285. color: #3f51b5 !important;
  286. }
  287. .text-gray {
  288. color: #999999 !important;
  289. }
  290. .bg-default {
  291. background-color: #f5f5f5 !important;
  292. }
  293. .bg-primary {
  294. background-color: #00bcd4 !important;
  295. }
  296. .bg-success {
  297. background-color: #009688 !important;
  298. }
  299. .bg-info {
  300. background-color: #03a9f4 !important;
  301. }
  302. .bg-warning {
  303. background-color: #FFB238 !important;
  304. }
  305. .bg-danger {
  306. background-color: #DC4D46 !important;
  307. }
  308. .bg-pink {
  309. background-color: #e91e63 !important;
  310. }
  311. .bg-purple {
  312. background-color: #673ab7 !important;
  313. }
  314. .bg-indigo {
  315. background-color: #3f51b5 !important;
  316. }
  317. .bg-white {
  318. background-color: white !important;
  319. }
  320. .bg-gray {
  321. background-color: #e3e3e3 !important;
  322. }
  323. /* 边框 */
  324. .border-radius-15 {
  325. border-radius: 15rpx;
  326. }
  327. .border-radius-10 {
  328. border-radius: 10rpx;
  329. }
  330. .border-radius-all {
  331. border-radius: 1000rpx;
  332. }
  333. /* 底部边线 */
  334. .borde-b {
  335. border-bottom: 1px solid #dddddd;
  336. }
  337. /* 弹性盒子 */
  338. .flex {
  339. display: -webkit-box;
  340. display: -webkit-flex;
  341. display: flex;
  342. -webkit-box-align: center;
  343. -webkit-align-items: center;
  344. align-items: center;
  345. -webkit-box-pack: justify;
  346. -webkit-justify-content: space-between;
  347. justify-content: space-between;
  348. }
  349. /* 弹性盒子 */
  350. .flex_item {
  351. display: -webkit-box;
  352. display: -webkit-flex;
  353. display: flex;
  354. -webkit-box-align: center;
  355. -webkit-align-items: center;
  356. align-items: center;
  357. /* justify-content: space-between; */
  358. }
  359. .items-left {
  360. -webkit-box-pack: start;
  361. -webkit-justify-content: flex-start;
  362. justify-content: flex-start;
  363. }
  364. .items-right {
  365. -webkit-box-pack: end;
  366. -webkit-justify-content: flex-end;
  367. justify-content: flex-end;
  368. }
  369. .flex-shrink-false {
  370. -webkit-flex-shrink: 0;
  371. flex-shrink: 0;
  372. }
  373. .flex-grow-true {
  374. -webkit-box-flex: 1;
  375. -webkit-flex-grow: 1;
  376. flex-grow: 1;
  377. }
  378. .position-relative {
  379. position: relative;
  380. }
  381. view,
  382. scroll-view,
  383. swiper,
  384. swiper-item,
  385. cover-view,
  386. cover-image,
  387. icon,
  388. text,
  389. rich-text,
  390. progress,
  391. button,
  392. checkbox,
  393. form,
  394. input,
  395. label,
  396. radio,
  397. slider,
  398. switch,
  399. textarea,
  400. navigator,
  401. audio,
  402. camera,
  403. image,
  404. video {
  405. box-sizing: border-box;
  406. }
  407. /* 骨架屏替代方案 */
  408. .Skeleton {
  409. background: #f3f3f3;
  410. padding: 20rpx 0;
  411. border-radius: 8rpx;
  412. }
  413. /* 图片载入替代方案 */
  414. .image-wrapper {
  415. font-size: 0;
  416. background: #f3f3f3;
  417. border-radius: 4px;
  418. }
  419. .image-wrapper image {
  420. width: 100%;
  421. height: 100%;
  422. -webkit-transition: 0.6s;
  423. transition: 0.6s;
  424. opacity: 0;
  425. }
  426. .image-wrapper image.loaded {
  427. opacity: 1;
  428. }
  429. uni-rich-text ._img {
  430. max-width: 100% !important;
  431. }
  432. /*边框*/
  433. .b-b:after,
  434. .b-t:after {
  435. position: absolute;
  436. z-index: 3;
  437. left: 0;
  438. right: 0;
  439. height: 0;
  440. content: '';
  441. -webkit-transform: scaleY(0.5);
  442. transform: scaleY(0.5);
  443. border-bottom: 1px solid #e4e7ed;
  444. }
  445. .b-b:after {
  446. bottom: 0;
  447. }
  448. .b-t:after {
  449. top: 0;
  450. }
  451. /* button样式改写 */
  452. uni-button,
  453. button {
  454. height: 80rpx;
  455. line-height: 80rpx;
  456. font-size: 34rpx;
  457. font-weight: normal;
  458. }
  459. uni-button.no-border:before, uni-button.no-border:after, button.no-border:before, button.no-border:after {
  460. border: 0;
  461. }
  462. uni-button[type='default'],
  463. button[type='default'] {
  464. color: #303133;
  465. }
  466. /* input 样式 */
  467. .input-placeholder {
  468. color: #999999;
  469. }
  470. .placeholder {
  471. color: #999999;
  472. }
  473. .margin-l-10 {
  474. margin-left: 10rpx !important;
  475. }
  476. .margin-r-10 {
  477. margin-right: 10rpx !important;
  478. }
  479. .margin-t-10 {
  480. margin-top: 10rpx !important;
  481. }
  482. .margin-b-10 {
  483. margin-bottom: 10rpx !important;
  484. }
  485. .margin-10 {
  486. margin: 10rpx !important;
  487. }
  488. .margin-v-10 {
  489. margin-top: 10rpx !important;
  490. margin-bottom: 10rpx !important;
  491. }
  492. .margin-c-10 {
  493. margin-left: 10rpx !important;
  494. margin-right: 10rpx !important;
  495. }
  496. .padding-l-10 {
  497. padding-left: 10rpx !important;
  498. }
  499. .padding-r-10 {
  500. padding-right: 10rpx !important;
  501. }
  502. .padding-t-10 {
  503. padding-top: 10rpx !important;
  504. }
  505. .padding-b-10 {
  506. padding-bottom: 10rpx !important;
  507. }
  508. .padding-10 {
  509. padding: 10rpx !important;
  510. }
  511. .padding-v-10 {
  512. padding-top: 10rpx !important;
  513. padding-bottom: 10rpx !important;
  514. }
  515. .padding-c-10 {
  516. padding-left: 10rpx !important;
  517. padding-right: 10rpx !important;
  518. }
  519. .margin-l-20 {
  520. margin-left: 20rpx !important;
  521. }
  522. .margin-r-20 {
  523. margin-right: 20rpx !important;
  524. }
  525. .margin-t-20 {
  526. margin-top: 20rpx !important;
  527. }
  528. .margin-b-20 {
  529. margin-bottom: 20rpx !important;
  530. }
  531. .margin-20 {
  532. margin: 20rpx !important;
  533. }
  534. .margin-v-20 {
  535. margin-top: 20rpx !important;
  536. margin-bottom: 20rpx !important;
  537. }
  538. .margin-c-20 {
  539. margin-left: 20rpx !important;
  540. margin-right: 20rpx !important;
  541. }
  542. .padding-l-20 {
  543. padding-left: 20rpx !important;
  544. }
  545. .padding-r-20 {
  546. padding-right: 20rpx !important;
  547. }
  548. .padding-t-20 {
  549. padding-top: 20rpx !important;
  550. }
  551. .padding-b-20 {
  552. padding-bottom: 20rpx !important;
  553. }
  554. .padding-20 {
  555. padding: 20rpx !important;
  556. }
  557. .padding-v-20 {
  558. padding-top: 20rpx !important;
  559. padding-bottom: 20rpx !important;
  560. }
  561. .padding-c-20 {
  562. padding-left: 20rpx !important;
  563. padding-right: 20rpx !important;
  564. }
  565. .margin-l-30 {
  566. margin-left: 30rpx !important;
  567. }
  568. .margin-r-30 {
  569. margin-right: 30rpx !important;
  570. }
  571. .margin-t-30 {
  572. margin-top: 30rpx !important;
  573. }
  574. .margin-b-30 {
  575. margin-bottom: 30rpx !important;
  576. }
  577. .margin-30 {
  578. margin: 30rpx !important;
  579. }
  580. .margin-v-30 {
  581. margin-top: 30rpx !important;
  582. margin-bottom: 30rpx !important;
  583. }
  584. .margin-c-30 {
  585. margin-left: 30rpx !important;
  586. margin-right: 30rpx !important;
  587. }
  588. .padding-l-30 {
  589. padding-left: 30rpx !important;
  590. }
  591. .padding-r-30 {
  592. padding-right: 30rpx !important;
  593. }
  594. .padding-t-30 {
  595. padding-top: 30rpx !important;
  596. }
  597. .padding-b-30 {
  598. padding-bottom: 30rpx !important;
  599. }
  600. .padding-30 {
  601. padding: 30rpx !important;
  602. }
  603. .padding-v-30 {
  604. padding-top: 30rpx !important;
  605. padding-bottom: 30rpx !important;
  606. }
  607. .padding-c-30 {
  608. padding-left: 30rpx !important;
  609. padding-right: 30rpx !important;
  610. }
  611. .font-size-sm {
  612. font-size: 24rpx;
  613. }
  614. .font-size-base {
  615. font-size: 28rpx;
  616. }
  617. .font-size-lg {
  618. font-size: 32rpx;
  619. }
  620. .font-color-yellow {
  621. color: #fd5b23;
  622. }
  623. .font-color-gray {
  624. color: #999999;
  625. }
  626. .font-color-red {
  627. color: #dd524d;
  628. }
  629. .border-color-yellow {
  630. border: 1rpx solid #fd5b23;
  631. }
  632. uni-page-wrapper {
  633. background-color: #ffffff;
  634. }
  635. page {
  636. background-color: #ffffff;
  637. font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif, Droid Sans Fallback;
  638. }