app.wxss 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455
  1. view,
  2. text,
  3. button,
  4. swiper,
  5. cover-view,
  6. navigator {
  7. box-sizing: border-box;
  8. font-size: 24rpx;
  9. }
  10. view {
  11. word-break: break-all;
  12. word-wrap: break-word;
  13. }
  14. :after,
  15. :before {
  16. box-sizing: border-box;
  17. }
  18. page {
  19. font-family: Helvetica, Tahoma, Arial, 'PingFang SC', STXihei, 'Microsoft yahei', 'WenQuanYi Micro Hei', sans-serif;
  20. -webkit-font-smoothing: antialiased;
  21. -moz-osx-font-smoothing: grayscale;
  22. -webkit-text-size-adjust: none;
  23. }
  24. navigator {
  25. text-decoration: none;
  26. color: #384855;
  27. }
  28. navigator:visited,
  29. a:active {
  30. color: #384855;
  31. }
  32. image {
  33. user-select: none;
  34. -webkit-user-drag: none;
  35. }
  36. input,
  37. button,
  38. textarea {
  39. outline: 0;
  40. }
  41. button {
  42. border: unset;
  43. }
  44. button::after {
  45. border: none;
  46. }
  47. button:-moz-focusring,
  48. input:-moz-focusring {
  49. outline: 0;
  50. }
  51. button {
  52. padding: 0;
  53. margin: 0;
  54. }
  55. .border-box {
  56. box-sizing: border-box;
  57. }
  58. .tleft {
  59. text-align: left;
  60. }
  61. .tright {
  62. text-align: right;
  63. }
  64. .tcenter {
  65. text-align: center;
  66. }
  67. .center {
  68. text-align: center;
  69. }
  70. .block {
  71. display: block;
  72. }
  73. .inline-block {
  74. display: inline-block;
  75. }
  76. .none {
  77. display: none;
  78. }
  79. .left {
  80. float: left;
  81. }
  82. .right {
  83. float: right;
  84. }
  85. .pull-right {
  86. float: right;
  87. }
  88. .pull-left {
  89. float: left;
  90. }
  91. .clearfix:after {
  92. clear: both;
  93. content: ' ';
  94. display: table;
  95. }
  96. .clearfix:before {
  97. content: ' ';
  98. display: table;
  99. }
  100. .relative {
  101. position: relative;
  102. }
  103. .absolute {
  104. position: absolute;
  105. }
  106. .fixed {
  107. position: fixed;
  108. }
  109. .ellipsis {
  110. overflow: hidden;
  111. text-overflow: ellipsis;
  112. white-space: nowrap;
  113. }
  114. .ellipsisTwo {
  115. overflow: hidden;
  116. text-overflow: ellipsis;
  117. display: -webkit-box;
  118. -webkit-line-clamp: 2;
  119. -webkit-box-orient: vertical;
  120. }
  121. .ellipsisThree {
  122. overflow: hidden;
  123. text-overflow: ellipsis;
  124. display: -webkit-box;
  125. -webkit-line-clamp: 3;
  126. -webkit-box-orient: vertical;
  127. }
  128. .ellipsisfive {
  129. overflow: hidden;
  130. text-overflow: ellipsis;
  131. display: -webkit-box;
  132. -webkit-line-clamp: 5;
  133. -webkit-box-orient: vertical;
  134. }
  135. .width100 {
  136. width: 100%;
  137. }
  138. .height100 {
  139. height: 100%;
  140. }
  141. .mr10 {
  142. margin-right: 10rpx;
  143. }
  144. .errorBox {
  145. position: fixed;
  146. width: 100%;
  147. height: 100%;
  148. background-color: rgba(0, 0, 0, 0.5);
  149. top: 0;
  150. left: 0;
  151. z-index: 9;
  152. text-align: center;
  153. }
  154. .errorBox .errorTextBox {
  155. display: inline-block;
  156. margin: 30% auto 0;
  157. background-color: #fff;
  158. border-radius: 10rpx;
  159. text-align: center;
  160. padding: 16rpx 40rpx;
  161. }
  162. .errorBox .errorTextBox .icon-box-img {
  163. margin: 0 auto;
  164. }
  165. .errorBox view {
  166. font-size: 36rpx;
  167. margin-top: 40rpx;
  168. }
  169. .fontr14 {
  170. font-size: 14rpx;
  171. }
  172. .fontr16 {
  173. font-size: 16rpx;
  174. }
  175. .fontr18 {
  176. font-size: 18rpx;
  177. }
  178. .fontr20 {
  179. font-size: 20rpx;
  180. }
  181. .fontr22 {
  182. font-size: 22rpx;
  183. }
  184. .fontr24 {
  185. font-size: 24rpx;
  186. }
  187. .fontr26 {
  188. font-size: 26rpx;
  189. }
  190. .fontr28 {
  191. font-size: 28rpx;
  192. }
  193. .fontr30 {
  194. font-size: 30rpx;
  195. }
  196. .fontr32 {
  197. font-size: 32rpx;
  198. }
  199. .fontr34 {
  200. font-size: 34rpx;
  201. }
  202. .fontr36 {
  203. font-size: 36rpx;
  204. }
  205. .fontr40 {
  206. font-size: 40rpx;
  207. }
  208. .fontr46 {
  209. font-size: 46rpx;
  210. }
  211. .fontr48 {
  212. font-size: 48rpx;
  213. }
  214. .fontr52 {
  215. font-size: 52rpx;
  216. }
  217. .fontr56 {
  218. font-size: 56rpx;
  219. }
  220. .fontr60 {
  221. font-size: 60rpx;
  222. }
  223. .fontr72 {
  224. font-size: 72rpx;
  225. }
  226. .font18 {
  227. font-size: 18px;
  228. }
  229. .line-break {
  230. word-wrap: break-word;
  231. white-space: pre-wrap;
  232. }
  233. .bgbox {
  234. width: 750rpx;
  235. height: 16rpx;
  236. background: #EAF0F4;
  237. }
  238. .hidden {
  239. overflow: hidden;
  240. }
  241. .fontfpr {
  242. font-family: PingFangSC-Regular, Source Han Sans CN DemiLight;
  243. }
  244. .fontfpm {
  245. font-family: PingFangSC-Medium, Source Han Sans CN Medium;
  246. }
  247. .fontfps {
  248. font-family: PingFangSC-Semibold, Source Han Sans CN Bold;
  249. }
  250. .fontfpb {
  251. font-family: PingFang-SC-Bold, Source Han Sans CN Black;
  252. }
  253. .familyimpact {
  254. font-family: PingFangSC-Medium, Source Han Sans CN Medium;
  255. font-weight: bold;
  256. }
  257. .color15d77c {
  258. color: #15d77c;
  259. }
  260. .colorA6CAE0 {
  261. color: #A6CAE0;
  262. }
  263. .color384855 {
  264. color: #384855;
  265. }
  266. .color89949C {
  267. color: #89949C;
  268. }
  269. .colorFF7202 {
  270. color: #FF7202;
  271. }
  272. .colorFF0109{
  273. color: #FF0109;
  274. }
  275. .colorC40909 {
  276. color: #C40909;
  277. }
  278. .colorFF3B30 {
  279. color: #FF3B30;
  280. }
  281. .colorB6CADE {
  282. color: #B6CADE;
  283. }
  284. .color71C4FF {
  285. color: #71C4FF;
  286. }
  287. .colorEAF0F4 {
  288. color: #EAF0F4;
  289. }
  290. .color999 {
  291. color: #999999;
  292. }
  293. .color333 {
  294. color: #333333;
  295. }
  296. .color009eff {
  297. color: #009eff;
  298. }
  299. .color33CC66 {
  300. color: #33CC66;
  301. }
  302. .color3 {
  303. color: #333;
  304. }
  305. .colorfff {
  306. color: #fff;
  307. }
  308. .colorBBB {
  309. color: #BBBBBB;
  310. }
  311. .color1A1E25 {
  312. color: #1A1E25;
  313. }
  314. .color9DB6CF {
  315. color: #9DB6CF;
  316. }
  317. .colorff7600 {
  318. color: #ff7600;
  319. }
  320. .color586B84 {
  321. color: #586B84;
  322. }
  323. .color666 {
  324. color: #666666;
  325. }
  326. .colorA4B9C9 {
  327. color: #A4B9C9;
  328. }
  329. .color009efd {
  330. color: #009efd;
  331. }
  332. .color344957 {
  333. color: #344957;
  334. }
  335. .colorffb200 {
  336. color: #ffb200;
  337. }
  338. .color249EFB {
  339. color: #249EFB;
  340. }
  341. .colorFF0000 {
  342. color: #FF0000;
  343. }
  344. .colorff0057 {
  345. color: #ff0057;
  346. }
  347. .colorFF2828 {
  348. color: #FF2828;
  349. }
  350. .coloraaa {
  351. color: #aaaaaa;
  352. }
  353. .color8A9AAA {
  354. color: #8A9AAA;
  355. }
  356. .colorF54D64 {
  357. color: #F54D64;
  358. }
  359. .colorF7B500 {
  360. color: #F7B500;
  361. }
  362. .color334857 {
  363. color: #334857;
  364. }
  365. .color324958 {
  366. color: #324958;
  367. }
  368. .colorD4E4ED {
  369. color: #D4E4ED;
  370. }
  371. .colorB5DEFF {
  372. color: #B5DEFF;
  373. }
  374. .color737f88 {
  375. color: #737f88;
  376. }
  377. .color239bfb {
  378. color: #239bfb;
  379. }
  380. .color3c3b3b {
  381. color: #3c3b3b;
  382. }
  383. .color000 {
  384. color: #000;
  385. }
  386. .color3a8eff {
  387. color: #3a8eff;
  388. }
  389. .colore6e6e6 {
  390. color: #e6e6e6;
  391. }
  392. .colora5a5a5 {
  393. color: #a5a5a5;
  394. }
  395. .color347af6 {
  396. color: #347af6;
  397. }
  398. .colord1cfcf {
  399. color: #d1cfcf;
  400. }
  401. .color9b9b9b {
  402. color: #9b9b9b;
  403. }
  404. .color555 {
  405. color: #555555;
  406. }
  407. .colorccc {
  408. color: #ccc;
  409. }
  410. .color28 {
  411. color: #282828;
  412. }
  413. .color28A1FF {
  414. color: #28A1FF;
  415. }
  416. .color168AF5 {
  417. color: #168AF5;
  418. }
  419. .colora9 {
  420. color: #a9a9a9;
  421. }
  422. .color708596 {
  423. color: #708596;
  424. }
  425. .color210605 {
  426. color: #210605;
  427. }
  428. .color626E77 {
  429. color: #626E77;
  430. }
  431. .colorc3c7d2 {
  432. color: #c3c7d2;
  433. }
  434. .color2F404E {
  435. color: #2F404E;
  436. }
  437. .colorA3BAD1 {
  438. color: #A3BAD1;
  439. }
  440. .color249DFA {
  441. color: #249DFA;
  442. }
  443. .colorFA6400 {
  444. color: #FA6400;
  445. }
  446. .colorC46F09 {
  447. color: #C46F09;
  448. }
  449. .lhr24 {
  450. line-height: 24rpx;
  451. }
  452. .lhr26 {
  453. line-height: 26rpx;
  454. }
  455. .lhr30 {
  456. line-height: 30rpx;
  457. }
  458. .lhr32 {
  459. line-height: 32rpx;
  460. }
  461. .lhr33 {
  462. line-height: 33rpx;
  463. }
  464. .lhr34 {
  465. line-height: 34rpx;
  466. }
  467. .lhr36 {
  468. line-height: 36rpx;
  469. }
  470. .lhr40 {
  471. line-height: 40rpx;
  472. }
  473. .lhr43 {
  474. line-height: 43rpx;
  475. }
  476. .lhr44 {
  477. line-height: 44rpx;
  478. }
  479. .lhr48 {
  480. line-height: 48rpx;
  481. }
  482. .lhr50 {
  483. line-height: 50rpx;
  484. }
  485. .lhr52 {
  486. line-height: 52rpx;
  487. }
  488. .lhr56 {
  489. line-height: 56rpx;
  490. }
  491. .lhr58 {
  492. line-height: 58rpx;
  493. }
  494. .lhr60 {
  495. line-height: 60rpx;
  496. }
  497. .lhr64 {
  498. line-height: 64rpx;
  499. }
  500. .lhr66 {
  501. line-height: 66rpx;
  502. }
  503. .lhr68 {
  504. line-height: 68rpx;
  505. }
  506. .lhr70 {
  507. line-height: 70rpx;
  508. }
  509. .lhr72 {
  510. line-height: 72rpx;
  511. }
  512. .lhr76 {
  513. line-height: 76rpx;
  514. }
  515. .lhr78 {
  516. line-height: 78rpx;
  517. }
  518. .lhr80 {
  519. line-height: 80rpx;
  520. }
  521. .lhr84 {
  522. line-height: 84rpx;
  523. }
  524. .lhr88 {
  525. line-height: 88rpx;
  526. }
  527. .lhr94 {
  528. line-height: 94rpx;
  529. }
  530. .lhr98 {
  531. line-height: 98rpx;
  532. }
  533. .lhr96 {
  534. line-height: 96rpx;
  535. }
  536. .lhr122 {
  537. line-height: 122rpx;
  538. }
  539. .bgfff {
  540. background-color: #fff;
  541. }
  542. .bgFF7161{
  543. background-color: #FF7161;
  544. }
  545. .bgD3F7F0 {
  546. background: #D3F7F0;
  547. }
  548. .bgF7E0D3 {
  549. background-color: #F7E0D3;
  550. }
  551. .bgD5D3F7 {
  552. background-color: #D5D3F7;
  553. }
  554. .bgfffaf9 {
  555. background-color: #fffaf9;
  556. }
  557. .bgf9fdff {
  558. background-color: #f9fdff;
  559. }
  560. .bgf4fffc {
  561. background-color: #f4fffc;
  562. }
  563. .bgfdfaff {
  564. background-color: #fdfaff;
  565. }
  566. .bg249efb {
  567. background-color: #249efb;
  568. }
  569. .bgF0F4F7 {
  570. background-color: #F0F4F7;
  571. }
  572. .bgD4E4ED {
  573. background-color: #D4E4ED;
  574. }
  575. .bg9DB6CF {
  576. background-color: #9DB6CF;
  577. }
  578. .bg51B464 {
  579. background-color: #51B464;
  580. }
  581. .bgD4E8F3 {
  582. background-color: #D4E8F3;
  583. }
  584. .bgffb800 {
  585. background-color: #ffb800;
  586. }
  587. .bg249DFA {
  588. background-color: #249DFA;
  589. }
  590. .bgC40909 {
  591. background-color: #C40909;
  592. }
  593. .bgB6CADE {
  594. background-color: #B6CADE;
  595. }
  596. .bgFF8383 {
  597. background-color: #FF8383;
  598. }
  599. .bgFFBC83 {
  600. background-color: #FFBC83;
  601. }
  602. .bgCDB8F6 {
  603. background-color: #CDB8F6;
  604. }
  605. .bgFFD483 {
  606. background-color: #FFD483;
  607. }
  608. .bgff9800 {
  609. background-color: #ff9800;
  610. }
  611. .padl32r {
  612. padding-left: 32rpx;
  613. }
  614. .padl24r {
  615. padding-left: 24rpx;
  616. }
  617. .pdl16 {
  618. padding-right: 16rpx;
  619. }
  620. .width15_ {
  621. width: 15%;
  622. }
  623. .width17_ {
  624. width: 17%;
  625. }
  626. .width20_ {
  627. width: 20%;
  628. }
  629. .width22_ {
  630. width: 22%;
  631. }
  632. .width23_ {
  633. width: 23%;
  634. }
  635. .width25 {
  636. width: 25%;
  637. }
  638. .width30_ {
  639. width: 30%;
  640. }
  641. .width33_3 {
  642. width: 33.3%;
  643. }
  644. .width35_ {
  645. width: 35%;
  646. }
  647. .width40 {
  648. width: 40%;
  649. }
  650. .width50_ {
  651. width: 50%;
  652. }
  653. .width66_7 {
  654. width: 66.7%;
  655. }
  656. .top0 {
  657. top: 0;
  658. }
  659. .left0 {
  660. left: 0;
  661. }
  662. .right0 {
  663. right: 0;
  664. }
  665. .bottom0 {
  666. bottom: 0;
  667. }
  668. .hr56 {
  669. height: 56rpx;
  670. }
  671. /*webkit内核*/
  672. .scroll_content::-webkit-scrollbar {
  673. width: 0px;
  674. height: 0px;
  675. }
  676. .scroll_content::-webkit-scrollbar-button {
  677. background-color: rgba(0, 0, 0, 0);
  678. }
  679. .scroll_content::-webkit-scrollbar-track {
  680. background-color: rgba(0, 0, 0, 0);
  681. }
  682. .scroll_content::-webkit-scrollbar-track-piece {
  683. background-color: rgba(0, 0, 0, 0);
  684. }
  685. .scroll_content::-webkit-scrollbar-thumb {
  686. background-color: rgba(0, 0, 0, 0);
  687. }
  688. .scroll_content::-webkit-scrollbar-corner {
  689. background-color: rgba(0, 0, 0, 0);
  690. }
  691. .scroll_content::-webkit-scrollbar-resizer {
  692. background-color: rgba(0, 0, 0, 0);
  693. }
  694. .scroll_content::-webkit-scrollbar {
  695. width: 10px;
  696. height: 10px;
  697. }
  698. /*o内核*/
  699. .scroll_content::-o-scrollbar {
  700. -moz-appearance: none !important;
  701. background: rgba(0, 255, 0, 0) !important;
  702. }
  703. .scroll_content::-o-scrollbar-button {
  704. background-color: rgba(0, 0, 0, 0);
  705. }
  706. .scroll_content::-o-scrollbar-track {
  707. background-color: rgba(0, 0, 0, 0);
  708. }
  709. .scroll_content::-o-scrollbar-track-piece {
  710. background-color: rgba(0, 0, 0, 0);
  711. }
  712. .scroll_content::-o-scrollbar-thumb {
  713. background-color: rgba(0, 0, 0, 0);
  714. }
  715. .scroll_content::-o-scrollbar-corner {
  716. background-color: rgba(0, 0, 0, 0);
  717. }
  718. .scroll_content::-o-scrollbar-resizer {
  719. background-color: rgba(0, 0, 0, 0);
  720. }
  721. /*IE10,IE11,IE12*/
  722. .scroll_content {
  723. -ms-scroll-chaining: chained;
  724. -ms-overflow-style: none;
  725. -ms-content-zooming: zoom;
  726. -ms-scroll-rails: none;
  727. -ms-content-zoom-limit-min: 100%;
  728. -ms-content-zoom-limit-max: 500%;
  729. -ms-scroll-snap-type: proximity;
  730. -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
  731. -ms-overflow-style: none;
  732. /* overflow: auto; */
  733. }
  734. .zIndex9 {
  735. z-index: 9;
  736. }
  737. .zIndex10 {
  738. z-index: 10;
  739. }
  740. .bold {
  741. font-weight: bold;
  742. }
  743. .fontw700 {
  744. font-weight: 700;
  745. }
  746. .mtr16 {
  747. margin-top: 16rpx;
  748. }
  749. .pdtr20 {
  750. padding-top: 20rpx;
  751. }
  752. .pdtr40 {
  753. padding-top: 40rpx;
  754. }
  755. .mb20 {
  756. margin-bottom: 20rpx;
  757. }
  758. .mglr20 {
  759. margin-left: 20rpx;
  760. }
  761. .mr10 {
  762. margin-right: 10rpx;
  763. }
  764. .mglr88 {
  765. margin-left: 88rpx;
  766. }
  767. .mgtr8 {
  768. margin-top: 8rpx;
  769. }
  770. .mglr14 {
  771. margin-left: 14rpx;
  772. }
  773. .mglr10 {
  774. margin-left: 10rpx;
  775. }
  776. .mgtr20 {
  777. margin-top: 20rpx;
  778. }
  779. .mgtr10 {
  780. margin-top: 10rpx;
  781. }
  782. .mgtr12 {
  783. margin-top: 12rpx;
  784. margin-bottom: 12rpx;
  785. }
  786. .mgtr16 {
  787. margin-top: 16rpx;
  788. }
  789. .mgtr2 {
  790. margin-top: 2rpx;
  791. }
  792. .mgtr4 {
  793. margin-top: 4rpx;
  794. }
  795. .mgtr22 {
  796. margin-top: 22rpx;
  797. }
  798. .mgtr40 {
  799. margin-top: 40rpx;
  800. }
  801. .mgtr44 {
  802. margin-top: 44rpx;
  803. }
  804. .mglr12 {
  805. margin-left: 12rpx;
  806. }
  807. .mgtr14 {
  808. margin-top: 14rpx;
  809. }
  810. .mgtr16 {
  811. margin-top: 16rpx;
  812. }
  813. .mgrr12 {
  814. margin-right: 12rpx;
  815. }
  816. .mgrr14 {
  817. margin-right: 14rpx;
  818. }
  819. .mgrr40 {
  820. margin-right: 40rpx;
  821. }
  822. .mgrr60 {
  823. margin-right: 60rpx;
  824. }
  825. .mbr30 {
  826. margin-bottom: 30rpx;
  827. }
  828. .mt12 {
  829. margin-top: 12rpx;
  830. }
  831. .radius50_ {
  832. border-radius: 50%;
  833. }
  834. .radius10 {
  835. border-radius: 10rpx;
  836. }
  837. .toolboxtit {
  838. margin-bottom: 32rpx;
  839. }
  840. .mglr24 {
  841. margin-left: 24rpx;
  842. }
  843. .ls1 {
  844. letter-spacing: 1px;
  845. }
  846. .ls_22 {
  847. letter-spacing: 0.22px;
  848. }
  849. .mgtr28 {
  850. margin-top: 28rpx;
  851. }
  852. .mgtr32 {
  853. margin-top: 32rpx !important;
  854. }
  855. .mgt24 {
  856. margin-top: 24rpx;
  857. }
  858. .ml16 {
  859. margin-left: 16rpx;
  860. }
  861. .mgt6 {
  862. margin-top: 6rpx;
  863. }
  864. .mgt16 {
  865. margin-top: 16rpx;
  866. }
  867. .mgt34 {
  868. margin-top: 34rpx;
  869. }
  870. .opacity50 {
  871. opacity: 0.5;
  872. }
  873. .opacity60 {
  874. opacity: 0.6;
  875. }
  876. .pd80 {
  877. padding-bottom: 80rpx !important;
  878. }
  879. .padlr20 {
  880. padding: 0 20rpx;
  881. }
  882. .downloadBox {
  883. display: block;
  884. width: 670rpx;
  885. position: fixed;
  886. top: 50%;
  887. left: 40rpx;
  888. height: 200rpx;
  889. border-radius: 12rpx;
  890. background-color: #fff;
  891. z-index: 999;
  892. box-shadow: 0rpx 6rpx 14rpx 0rpx rgba(80, 0, 0, 0.60);
  893. }
  894. .downTitle {
  895. display: block;
  896. text-align: center;
  897. width: 100%;
  898. line-height: 48rpx;
  899. font-size: 32rpx;
  900. padding-top: 16rpx;
  901. }
  902. .downnumbox cover-view {
  903. display: inline-block;
  904. margin-top: 36rpx;
  905. line-height: 40rpx;
  906. }
  907. .bdrbt1D4E4ED {
  908. border-bottom: 2rpx solid #D4E4ED;
  909. }
  910. .deltext {
  911. position: absolute;
  912. top: 50%;
  913. transform: translateY(-50%);
  914. }
  915. .anchor-item.selected .anchor-item__inner {
  916. background-color: #249EFB;
  917. }
  918. .anchor-item__inner {
  919. width: 32rpx;
  920. height: 32rpx;
  921. line-height: 32rpx;
  922. }
  923. .unfuturelayer {
  924. display: block;
  925. width: 100%;
  926. height: 100%;
  927. background-color: rgba(0, 0, 0, 0.16);
  928. position: fixed;
  929. top: 0;
  930. left: 0;
  931. z-index: 9999999;
  932. }
  933. .unfuturebox {
  934. display: block;
  935. width: 600rpx;
  936. height: 485rpx;
  937. position: fixed;
  938. top: 50%;
  939. left: 75rpx;
  940. transform: translateY(-50%);
  941. background-color: #fff;
  942. box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.16);
  943. border-radius: 8rpx;
  944. }
  945. .unfuturebox image {
  946. display: block;
  947. width: 470rpx;
  948. height: 405rpx;
  949. margin: 40rpx auto;
  950. }
  951. /* 分享 */
  952. .footerbox {
  953. display: block;
  954. height: 98rpx;
  955. background-color: rgba(255, 255, 255, 1);
  956. box-shadow: 0px -4rpx 8rpx rgba(0, 0, 0, 0.24);
  957. padding: 0 30rpx;
  958. position: fixed;
  959. left: 0;
  960. bottom: 0;
  961. width: 100%;
  962. background-color: #fff;
  963. z-index: 99;
  964. }
  965. .mineheading {
  966. display: block;
  967. width: 68rpx;
  968. height: 68rpx;
  969. border-radius: 50%;
  970. margin-right: 10rpx;
  971. position: relative;
  972. top: 15rpx;
  973. }
  974. .minename {
  975. max-width: 240rpx;
  976. }
  977. .addwxbox {
  978. position: absolute;
  979. top: 14rpx;
  980. left: 345rpx;
  981. }
  982. .addwxbox image {
  983. display: block;
  984. width: 48rpx;
  985. height: 40rpx;
  986. margin: 0 auto;
  987. font-size: 24rpx;
  988. }
  989. .addwxbox cover-image {
  990. display: block;
  991. width: 48rpx;
  992. height: 40rpx;
  993. margin: 0 auto;
  994. }
  995. .phonebox {
  996. display: block;
  997. width: 212rpx;
  998. height: 68rpx;
  999. background-color: rgba(36, 158, 251, 0.76);
  1000. border-radius: 10rpx;
  1001. line-height: 68rpx;
  1002. text-align: center;
  1003. position: relative;
  1004. top: 15rpx;
  1005. }
  1006. .maintitle {
  1007. display: block;
  1008. width: 100%;
  1009. padding: 0 25rpx;
  1010. box-sizing: border-box;
  1011. overflow: hidden;
  1012. text-overflow: ellipsis;
  1013. white-space: nowrap;
  1014. text-align: left;
  1015. }
  1016. .gotoidxbox {
  1017. display: block;
  1018. position: absolute;
  1019. top: 0;
  1020. right: 0;
  1021. width: 35px;
  1022. height: 28px;
  1023. z-index: 9;
  1024. }
  1025. .mcenter {
  1026. position: absolute;
  1027. top: 50%;
  1028. left: 50%;
  1029. transform: translateX(-50%) translateY(-50%);
  1030. }
  1031. .flex {
  1032. display: flex;
  1033. }
  1034. .flex-row {
  1035. display: flex;
  1036. flex-direction: row;
  1037. }
  1038. .justify-start {
  1039. justify-content: flex-start;
  1040. }
  1041. .justify-end {
  1042. justify-content: flex-end;
  1043. }
  1044. .justify-center {
  1045. justify-content: center;
  1046. }
  1047. .justify-between {
  1048. justify-content: space-between;
  1049. }
  1050. .justify-around {
  1051. justify-content: space-around;
  1052. }
  1053. .align-start {
  1054. align-items: flex-start;
  1055. }
  1056. .align-end {
  1057. align-items: flex-end;
  1058. }
  1059. .align-center {
  1060. align-items: center;
  1061. }
  1062. .flex-column {
  1063. display: flex;
  1064. flex-direction: column;
  1065. }
  1066. .flex-wrap {
  1067. flex-wrap: wrap;
  1068. }
  1069. .flex-sub {
  1070. flex: 1;
  1071. }
  1072. .flex-two {
  1073. flex: 2;
  1074. }
  1075. .flex-threw {
  1076. flex: 3;
  1077. }
  1078. .flex-four {
  1079. flex: 4;
  1080. }
  1081. .flex-five {
  1082. flex: 5;
  1083. }
  1084. .flex-six {
  1085. flex: 6;
  1086. }
  1087. .flex-seven {
  1088. flex: 7;
  1089. }
  1090. .flex-eight {
  1091. flex: 8;
  1092. }
  1093. .mt10 {
  1094. margin-top: 10rpx;
  1095. }
  1096. .ml8 {
  1097. margin-left: 8rpx;
  1098. }
  1099. .mt6 {
  1100. margin-top: 6rpx;
  1101. }
  1102. .height450 {
  1103. height: 450rpx;
  1104. }
  1105. .height500 {
  1106. height: 500rpx;
  1107. }
  1108. /*webkit内核*/
  1109. page::-webkit-scrollbar {
  1110. display: none;
  1111. width: 0;
  1112. height: 0;
  1113. background-color: transparent;
  1114. }
  1115. /* 滚动条轨道 */
  1116. page::-webkit-scrollbar-track {
  1117. display: none;
  1118. width: 0;
  1119. background-color: transparent;
  1120. }
  1121. /* 没有滑块的轨道 */
  1122. page::-webkit-scrollbar-track-piece {
  1123. display: none;
  1124. width: 0;
  1125. background-color: transparent;
  1126. }
  1127. /* 滚动条上的滚动滑块 */
  1128. page::-webkit-scrollbar-thumb {
  1129. display: none;
  1130. width: 0;
  1131. background-color: transparent;
  1132. }
  1133. .plr20 {
  1134. padding: 0px 20rpx;
  1135. }