app.wxss 11 KB

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