app.wxss 17 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453
  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. .bgD3F7F0 {
  543. background: #D3F7F0;
  544. }
  545. .bgF7E0D3 {
  546. background-color: #F7E0D3;
  547. }
  548. .bgD5D3F7 {
  549. background-color: #D5D3F7;
  550. }
  551. .bgfffaf9 {
  552. background-color: #fffaf9;
  553. }
  554. .bgf9fdff {
  555. background-color: #f9fdff;
  556. }
  557. .bgf4fffc {
  558. background-color: #f4fffc;
  559. }
  560. .bgfdfaff {
  561. background-color: #fdfaff;
  562. }
  563. .bg249efb {
  564. background-color: #249efb;
  565. }
  566. .bgF0F4F7 {
  567. background-color: #F0F4F7;
  568. }
  569. .bgD4E4ED {
  570. background-color: #D4E4ED;
  571. }
  572. .bg9DB6CF {
  573. background-color: #9DB6CF;
  574. }
  575. .bg51B464 {
  576. background-color: #51B464;
  577. }
  578. .bgD4E8F3 {
  579. background-color: #D4E8F3;
  580. }
  581. .bgffb800 {
  582. background-color: #ffb800;
  583. }
  584. .bg249DFA {
  585. background-color: #249DFA;
  586. }
  587. .bgC40909 {
  588. background-color: #C40909;
  589. }
  590. .bgB6CADE {
  591. background-color: #B6CADE;
  592. }
  593. .bgFF8383 {
  594. background-color: #FF8383;
  595. }
  596. .bgFFBC83 {
  597. background-color: #FFBC83;
  598. }
  599. .bgCDB8F6 {
  600. background-color: #CDB8F6;
  601. }
  602. .bgFFD483 {
  603. background-color: #FFD483;
  604. }
  605. .bgff9800 {
  606. background-color: #ff9800;
  607. }
  608. .padl32r {
  609. padding-left: 32rpx;
  610. }
  611. .padl24r {
  612. padding-left: 24rpx;
  613. }
  614. .pdl16 {
  615. padding-right: 16rpx;
  616. }
  617. .width15_ {
  618. width: 15%;
  619. }
  620. .width17_ {
  621. width: 17%;
  622. }
  623. .width20_ {
  624. width: 20%;
  625. }
  626. .width22_ {
  627. width: 22%;
  628. }
  629. .width23_ {
  630. width: 23%;
  631. }
  632. .width25 {
  633. width: 25%;
  634. }
  635. .width30_ {
  636. width: 30%;
  637. }
  638. .width33_3 {
  639. width: 33.3%;
  640. }
  641. .width35_ {
  642. width: 35%;
  643. }
  644. .width40 {
  645. width: 40%;
  646. }
  647. .width50_ {
  648. width: 50%;
  649. }
  650. .width66_7 {
  651. width: 66.7%;
  652. }
  653. .top0 {
  654. top: 0;
  655. }
  656. .left0 {
  657. left: 0;
  658. }
  659. .right0 {
  660. right: 0;
  661. }
  662. .bottom0 {
  663. bottom: 0;
  664. }
  665. .hr56 {
  666. height: 56rpx;
  667. }
  668. /*webkit内核*/
  669. .scroll_content::-webkit-scrollbar {
  670. width: 0px;
  671. height: 0px;
  672. }
  673. .scroll_content::-webkit-scrollbar-button {
  674. background-color: rgba(0, 0, 0, 0);
  675. }
  676. .scroll_content::-webkit-scrollbar-track {
  677. background-color: rgba(0, 0, 0, 0);
  678. }
  679. .scroll_content::-webkit-scrollbar-track-piece {
  680. background-color: rgba(0, 0, 0, 0);
  681. }
  682. .scroll_content::-webkit-scrollbar-thumb {
  683. background-color: rgba(0, 0, 0, 0);
  684. }
  685. .scroll_content::-webkit-scrollbar-corner {
  686. background-color: rgba(0, 0, 0, 0);
  687. }
  688. .scroll_content::-webkit-scrollbar-resizer {
  689. background-color: rgba(0, 0, 0, 0);
  690. }
  691. .scroll_content::-webkit-scrollbar {
  692. width: 10px;
  693. height: 10px;
  694. }
  695. /*o内核*/
  696. .scroll_content::-o-scrollbar {
  697. -moz-appearance: none !important;
  698. background: rgba(0, 255, 0, 0) !important;
  699. }
  700. .scroll_content::-o-scrollbar-button {
  701. background-color: rgba(0, 0, 0, 0);
  702. }
  703. .scroll_content::-o-scrollbar-track {
  704. background-color: rgba(0, 0, 0, 0);
  705. }
  706. .scroll_content::-o-scrollbar-track-piece {
  707. background-color: rgba(0, 0, 0, 0);
  708. }
  709. .scroll_content::-o-scrollbar-thumb {
  710. background-color: rgba(0, 0, 0, 0);
  711. }
  712. .scroll_content::-o-scrollbar-corner {
  713. background-color: rgba(0, 0, 0, 0);
  714. }
  715. .scroll_content::-o-scrollbar-resizer {
  716. background-color: rgba(0, 0, 0, 0);
  717. }
  718. /*IE10,IE11,IE12*/
  719. .scroll_content {
  720. -ms-scroll-chaining: chained;
  721. -ms-overflow-style: none;
  722. -ms-content-zooming: zoom;
  723. -ms-scroll-rails: none;
  724. -ms-content-zoom-limit-min: 100%;
  725. -ms-content-zoom-limit-max: 500%;
  726. -ms-scroll-snap-type: proximity;
  727. -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
  728. -ms-overflow-style: none;
  729. /* overflow: auto; */
  730. }
  731. .zIndex9 {
  732. z-index: 9;
  733. }
  734. .zIndex10 {
  735. z-index: 10;
  736. }
  737. .bold {
  738. font-weight: bold;
  739. }
  740. .fontw700 {
  741. font-weight: 700;
  742. }
  743. .mtr16 {
  744. margin-top: 16rpx;
  745. }
  746. .pdtr20 {
  747. padding-top: 20rpx;
  748. }
  749. .pdtr40 {
  750. padding-top: 40rpx;
  751. }
  752. .mb20 {
  753. margin-bottom: 20rpx;
  754. }
  755. .mglr20 {
  756. margin-left: 20rpx;
  757. }
  758. .mr10 {
  759. margin-right: 10rpx;
  760. }
  761. .mglr88 {
  762. margin-left: 88rpx;
  763. }
  764. .mgtr8 {
  765. margin-top: 8rpx;
  766. }
  767. .mglr14 {
  768. margin-left: 14rpx;
  769. }
  770. .mglr10 {
  771. margin-left: 10rpx;
  772. }
  773. .mgtr20 {
  774. margin-top: 20rpx;
  775. }
  776. .mgtr10 {
  777. margin-top: 10rpx;
  778. }
  779. .mgtr12 {
  780. margin-top: 12rpx;
  781. margin-bottom: 12rpx;
  782. }
  783. .mgtr16 {
  784. margin-top: 16rpx;
  785. }
  786. .mgtr2 {
  787. margin-top: 2rpx;
  788. }
  789. .mgtr4 {
  790. margin-top: 4rpx;
  791. }
  792. .mgtr22 {
  793. margin-top: 22rpx;
  794. }
  795. .mgtr40 {
  796. margin-top: 40rpx;
  797. }
  798. .mgtr44 {
  799. margin-top: 44rpx;
  800. }
  801. .mglr12 {
  802. margin-left: 12rpx;
  803. }
  804. .mgtr14 {
  805. margin-top: 14rpx;
  806. }
  807. .mgtr16 {
  808. margin-top: 16rpx;
  809. }
  810. .mgrr12 {
  811. margin-right: 12rpx;
  812. }
  813. .mgrr14 {
  814. margin-right: 14rpx;
  815. }
  816. .mgrr40 {
  817. margin-right: 40rpx;
  818. }
  819. .mgrr60 {
  820. margin-right: 60rpx;
  821. }
  822. .mbr30 {
  823. margin-bottom: 30rpx;
  824. }
  825. .mt12 {
  826. margin-top: 12rpx;
  827. }
  828. .radius50_ {
  829. border-radius: 50%;
  830. }
  831. .radius10 {
  832. border-radius: 10rpx;
  833. }
  834. .toolboxtit {
  835. margin-bottom: 32rpx;
  836. }
  837. .mglr24 {
  838. margin-left: 24rpx;
  839. }
  840. .ls1 {
  841. letter-spacing: 1px;
  842. }
  843. .ls_22 {
  844. letter-spacing: 0.22px;
  845. }
  846. .mgtr28 {
  847. margin-top: 28rpx;
  848. }
  849. .mgtr32 {
  850. margin-top: 32rpx !important;
  851. }
  852. .mgt24 {
  853. margin-top: 24rpx;
  854. }
  855. .ml16 {
  856. margin-left: 16rpx;
  857. }
  858. .mgt6 {
  859. margin-top: 6rpx;
  860. }
  861. .mgt16 {
  862. margin-top: 16rpx;
  863. }
  864. .mgt34 {
  865. margin-top: 34rpx;
  866. }
  867. .opacity50 {
  868. opacity: 0.5;
  869. }
  870. .opacity60 {
  871. opacity: 0.6;
  872. }
  873. .pd80 {
  874. padding-bottom: 80rpx !important;
  875. }
  876. .padlr20 {
  877. padding: 0 20rpx;
  878. }
  879. .downloadBox {
  880. display: block;
  881. width: 670rpx;
  882. position: fixed;
  883. top: 50%;
  884. left: 40rpx;
  885. height: 200rpx;
  886. border-radius: 12rpx;
  887. background-color: #fff;
  888. z-index: 999;
  889. box-shadow: 0rpx 6rpx 14rpx 0rpx rgba(80, 0, 0, 0.60);
  890. }
  891. .downTitle {
  892. display: block;
  893. text-align: center;
  894. width: 100%;
  895. line-height: 48rpx;
  896. font-size: 32rpx;
  897. padding-top: 16rpx;
  898. }
  899. .downnumbox cover-view {
  900. display: inline-block;
  901. margin-top: 36rpx;
  902. line-height: 40rpx;
  903. }
  904. .bdrbt1D4E4ED {
  905. border-bottom: 2rpx solid #D4E4ED;
  906. }
  907. .deltext {
  908. position: absolute;
  909. top: 50%;
  910. transform: translateY(-50%);
  911. }
  912. .anchor-item.selected .anchor-item__inner {
  913. background-color: #249EFB;
  914. }
  915. .anchor-item__inner {
  916. width: 32rpx;
  917. height: 32rpx;
  918. line-height: 32rpx;
  919. }
  920. .unfuturelayer {
  921. display: block;
  922. width: 100%;
  923. height: 100%;
  924. background-color: rgba(0, 0, 0, 0.16);
  925. position: fixed;
  926. top: 0;
  927. left: 0;
  928. z-index: 9999999;
  929. }
  930. .unfuturebox {
  931. display: block;
  932. width: 600rpx;
  933. height: 485rpx;
  934. position: fixed;
  935. top: 50%;
  936. left: 75rpx;
  937. transform: translateY(-50%);
  938. background-color: #fff;
  939. box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.16);
  940. border-radius: 8rpx;
  941. }
  942. .unfuturebox image {
  943. display: block;
  944. width: 470rpx;
  945. height: 405rpx;
  946. margin: 40rpx auto;
  947. }
  948. /* 分享 */
  949. .footerbox {
  950. display: block;
  951. height: 98rpx;
  952. background-color: rgba(255, 255, 255, 1);
  953. box-shadow: 0px -4rpx 8rpx rgba(0, 0, 0, 0.24);
  954. padding: 0 30rpx;
  955. position: fixed;
  956. left: 0;
  957. bottom: 0;
  958. width: 100%;
  959. background-color: #fff;
  960. z-index: 99;
  961. }
  962. .mineheading {
  963. display: block;
  964. width: 68rpx;
  965. height: 68rpx;
  966. border-radius: 50%;
  967. margin-right: 10rpx;
  968. position: relative;
  969. top: 15rpx;
  970. }
  971. .minename {
  972. max-width: 240rpx;
  973. }
  974. .addwxbox {
  975. position: absolute;
  976. top: 14rpx;
  977. left: 345rpx;
  978. }
  979. .addwxbox image {
  980. display: block;
  981. width: 48rpx;
  982. height: 40rpx;
  983. margin: 0 auto;
  984. font-size: 24rpx;
  985. }
  986. .addwxbox cover-image {
  987. display: block;
  988. width: 48rpx;
  989. height: 40rpx;
  990. margin: 0 auto;
  991. }
  992. .phonebox {
  993. display: block;
  994. width: 212rpx;
  995. height: 68rpx;
  996. background-color: rgba(36, 158, 251, 0.76);
  997. border-radius: 10rpx;
  998. line-height: 68rpx;
  999. text-align: center;
  1000. position: relative;
  1001. top: 15rpx;
  1002. }
  1003. .maintitle {
  1004. display: block;
  1005. width: 100%;
  1006. padding: 0 25rpx;
  1007. box-sizing: border-box;
  1008. overflow: hidden;
  1009. text-overflow: ellipsis;
  1010. white-space: nowrap;
  1011. text-align: left;
  1012. }
  1013. .gotoidxbox {
  1014. display: block;
  1015. position: absolute;
  1016. top: 0;
  1017. right: 0;
  1018. width: 35px;
  1019. height: 28px;
  1020. z-index: 9;
  1021. }
  1022. .mcenter {
  1023. position: absolute;
  1024. top: 50%;
  1025. left: 50%;
  1026. transform: translateX(-50%) translateY(-50%);
  1027. }
  1028. .flex {
  1029. display: flex;
  1030. }
  1031. .flex-row {
  1032. display: flex;
  1033. flex-direction: row;
  1034. }
  1035. .justify-start {
  1036. justify-content: flex-start;
  1037. }
  1038. .justify-end {
  1039. justify-content: flex-end;
  1040. }
  1041. .justify-center {
  1042. justify-content: center;
  1043. }
  1044. .justify-between {
  1045. justify-content: space-between;
  1046. }
  1047. .justify-around {
  1048. justify-content: space-around;
  1049. }
  1050. .align-start {
  1051. align-items: flex-start;
  1052. }
  1053. .align-end {
  1054. align-items: flex-end;
  1055. }
  1056. .align-center {
  1057. align-items: center;
  1058. }
  1059. .flex-column {
  1060. display: flex;
  1061. flex-direction: column;
  1062. }
  1063. .flex-wrap {
  1064. flex-wrap: wrap;
  1065. }
  1066. .flex-sub {
  1067. flex: 1;
  1068. }
  1069. .flex-two {
  1070. flex: 2;
  1071. }
  1072. .flex-threw {
  1073. flex: 3;
  1074. }
  1075. .flex-four {
  1076. flex: 4;
  1077. }
  1078. .flex-five {
  1079. flex: 5;
  1080. }
  1081. .flex-six {
  1082. flex: 6;
  1083. }
  1084. .flex-seven {
  1085. flex: 7;
  1086. }
  1087. .flex-eight {
  1088. flex: 8;
  1089. }
  1090. .mt10 {
  1091. margin-top: 10rpx;
  1092. }
  1093. .ml8 {
  1094. margin-left: 8rpx;
  1095. }
  1096. .mt6 {
  1097. margin-top: 6rpx;
  1098. }
  1099. .height450 {
  1100. height: 450rpx;
  1101. }
  1102. .height500 {
  1103. height: 500rpx;
  1104. }
  1105. /*webkit内核*/
  1106. page::-webkit-scrollbar {
  1107. display: none;
  1108. width: 0;
  1109. height: 0;
  1110. background-color: transparent;
  1111. }
  1112. /* 滚动条轨道 */
  1113. page::-webkit-scrollbar-track {
  1114. display: none;
  1115. width: 0;
  1116. background-color: transparent;
  1117. }
  1118. /* 没有滑块的轨道 */
  1119. page::-webkit-scrollbar-track-piece {
  1120. display: none;
  1121. width: 0;
  1122. background-color: transparent;
  1123. }
  1124. /* 滚动条上的滚动滑块 */
  1125. page::-webkit-scrollbar-thumb {
  1126. display: none;
  1127. width: 0;
  1128. background-color: transparent;
  1129. }
  1130. .plr20 {
  1131. padding: 0px 20rpx;
  1132. }