app.wxss 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764
  1. view,text,button,swiper,cover-view,navigator {
  2. box-sizing: border-box;
  3. }
  4. view{
  5. word-break:break-all;
  6. word-wrap:break-word;
  7. }
  8. :after, :before {
  9. box-sizing: border-box;
  10. }
  11. page {
  12. font-family: Helvetica, Tahoma, Arial, 'PingFang SC', STXihei, 'Microsoft yahei', 'WenQuanYi Micro Hei', sans-serif;
  13. -webkit-font-smoothing: antialiased;
  14. -moz-osx-font-smoothing: grayscale;
  15. -webkit-text-size-adjust: none;
  16. }
  17. navigator {
  18. text-decoration: none;
  19. color:#384855;
  20. }
  21. navigator:visited,a:active{
  22. color:#384855;
  23. }
  24. image {
  25. user-select: none;
  26. -webkit-user-drag: none;
  27. }
  28. input, button, textarea {
  29. outline: 0;
  30. }
  31. button {
  32. border: unset;
  33. }
  34. button::after{ border: none; }
  35. button:-moz-focusring, input:-moz-focusring {
  36. outline: 0;
  37. }
  38. button{
  39. padding: 0;
  40. margin: 0;
  41. }
  42. .border-box{
  43. box-sizing: border-box;
  44. }
  45. .tleft{text-align: left;}
  46. .tright{text-align: right;}
  47. .tcenter{text-align: center;}
  48. .center {text-align: center;}
  49. .block{display: block;}
  50. .inline-block{display: inline-block;}
  51. .none{display: none;}
  52. .left{float: left;}
  53. .right{float: right;}
  54. .pull-right {float: right;}
  55. .pull-left {float: left;}
  56. .clearfix:after {
  57. clear: both;
  58. content: ' ';
  59. display: table;
  60. }
  61. .clearfix:before {
  62. content: ' ';
  63. display: table;
  64. }
  65. .relative{position: relative;}
  66. .absolute{position: absolute;}
  67. .fixed{position: fixed;}
  68. .ellipsis {
  69. overflow: hidden;
  70. text-overflow: ellipsis;
  71. white-space: nowrap;
  72. }
  73. .ellipsisTwo {
  74. overflow: hidden;
  75. text-overflow: ellipsis;
  76. display: -webkit-box;
  77. -webkit-line-clamp: 2;
  78. -webkit-box-orient: vertical;
  79. }
  80. .ellipsisThree {
  81. overflow: hidden;
  82. text-overflow: ellipsis;
  83. display: -webkit-box;
  84. -webkit-line-clamp: 3;
  85. -webkit-box-orient: vertical;
  86. }
  87. .ellipsisfive {
  88. overflow: hidden;
  89. text-overflow: ellipsis;
  90. display: -webkit-box;
  91. -webkit-line-clamp: 5;
  92. -webkit-box-orient: vertical;
  93. }
  94. .width100 {width: 100%;}
  95. .height100{height: 100%;}
  96. .mr10{
  97. margin-right: 10rpx;
  98. }
  99. .errorBox{
  100. position: fixed;
  101. width: 100%;
  102. height: 100%;
  103. background-color: rgba(0, 0, 0, 0.5);
  104. top: 0;
  105. left: 0;
  106. z-index: 9;
  107. text-align: center;
  108. }
  109. .errorBox .errorTextBox{
  110. display: inline-block;
  111. margin: 30% auto 0;
  112. background-color: #fff;
  113. border-radius: 10rpx;
  114. text-align: center;
  115. padding: 16rpx 40rpx;
  116. }
  117. .errorBox .errorTextBox .icon-box-img{
  118. margin: 0 auto;
  119. }
  120. .errorBox view{
  121. font-size: 36rpx;
  122. margin-top: 40rpx;
  123. }
  124. .fontr14{font-size: 14rpx;}
  125. .fontr16{font-size: 16rpx;}
  126. .fontr18{font-size: 18rpx;}
  127. .fontr20{font-size: 20rpx;}
  128. .fontr22{font-size: 22rpx;}
  129. .fontr24{font-size: 24rpx;}
  130. .fontr26{font-size: 26rpx;}
  131. .fontr28{font-size: 28rpx;}
  132. .fontr30{font-size: 30rpx;}
  133. .fontr32{font-size: 32rpx;}
  134. .fontr34{font-size: 34rpx;}
  135. .fontr36{font-size: 36rpx;}
  136. .fontr40{font-size: 40rpx;}
  137. .fontr46{font-size: 46rpx;}
  138. .fontr48{font-size: 48rpx;}
  139. .fontr52{font-size: 52rpx;}
  140. .fontr56{font-size: 56rpx;}
  141. .fontr60{font-size: 60rpx;}
  142. .fontr72{font-size: 72rpx;}
  143. .font18{font-size: 18px;}
  144. .line-break {
  145. word-wrap: break-word;
  146. white-space: pre-wrap;
  147. }
  148. .bgbox {
  149. width: 750rpx;
  150. height: 16rpx;
  151. background: #EAF0F4;
  152. }
  153. .hidden{
  154. overflow: hidden;
  155. }
  156. .fontfpr{
  157. font-family: PingFangSC-Regular,Source Han Sans CN DemiLight;
  158. }
  159. .fontfpm{
  160. font-family: PingFangSC-Medium,Source Han Sans CN Medium;
  161. }
  162. .fontfps{
  163. font-family: PingFangSC-Semibold,Source Han Sans CN Bold;
  164. }
  165. .fontfpb{
  166. font-family: PingFang-SC-Bold,Source Han Sans CN Black;
  167. }
  168. .familyimpact{
  169. font-family: PingFangSC-Medium,Source Han Sans CN Medium;
  170. font-weight: bold;
  171. }
  172. .color15d77c{color: #15d77c;}
  173. .colorA6CAE0{color:#A6CAE0;}
  174. .color384855{color: #384855;}
  175. .color89949C{color: #89949C;}
  176. .colorFF7202{color: #FF7202;}
  177. .colorC40909{color: #C40909;}
  178. .colorFF3B30{color: #FF3B30;}
  179. .colorB6CADE{color: #B6CADE;}
  180. .color71C4FF{color:#71C4FF;}
  181. .colorEAF0F4{color: #EAF0F4;}
  182. .color999{color: #999999;}
  183. .color333{color: #333333;}
  184. .color009eff{color: #009eff;}
  185. .color33CC66{color: #33CC66;}
  186. .color3{color: #333;}
  187. .colorfff{color: #fff;}
  188. .colorBBB{color: #BBBBBB;}
  189. .color1A1E25{color: #1A1E25;}
  190. .color9DB6CF{color:#9DB6CF;}
  191. .colorff7600{color: #ff7600;}
  192. .color586B84{color: #586B84;}
  193. .color666{color: #666666;}
  194. .colorA4B9C9{color: #A4B9C9;}
  195. .color009efd{color: #009efd;}
  196. .color344957{color: #344957;}
  197. .colorffb200{color: #ffb200;}
  198. .color249EFB{color: #249EFB;}
  199. .colorFF0000{color:#FF0000;}
  200. .colorff0057{color: #ff0057;}
  201. .colorFF2828{color: #FF2828;}
  202. .coloraaa{color: #aaaaaa;}
  203. .color8A9AAA{color: #8A9AAA;}
  204. .colorF54D64{color: #F54D64;}
  205. .colorF7B500{color: #F7B500;}
  206. .color334857{color: #334857;}
  207. .color324958{color: #324958;}
  208. .colorD4E4ED{color: #D4E4ED;}
  209. .colorB5DEFF{color: #B5DEFF;}
  210. .color737f88{color: #737f88;}
  211. .color239bfb{color:#239bfb;}
  212. .color3c3b3b{color: #3c3b3b;}
  213. .color000{color: #000;}
  214. .color3a8eff{color: #3a8eff;}
  215. .colore6e6e6{color:#e6e6e6;}
  216. .colora5a5a5{color:#a5a5a5;}
  217. .color347af6{color:#347af6;}
  218. .colord1cfcf{color: #d1cfcf;}
  219. .color9b9b9b{color:#9b9b9b;}
  220. .color555{color:#555555;}
  221. .colorccc{color:#ccc;}
  222. .color28{color: #282828;}
  223. .color28A1FF{color: #28A1FF;}
  224. .color168AF5{color: #168AF5;}
  225. .colora9{color: #a9a9a9;}
  226. .color708596{color: #708596;}
  227. .color210605{color: #210605;}
  228. .color626E77{color: #626E77;}
  229. .colorc3c7d2{color: #c3c7d2;}
  230. .color2F404E{color: #2F404E;}
  231. .colorA3BAD1{color: #A3BAD1;}
  232. .color249DFA{color:#249DFA;}
  233. .colorFA6400{color: #FA6400;}
  234. .colorC46F09{color:#C46F09;}
  235. .lhr24{line-height: 24rpx;}
  236. .lhr26{line-height: 26rpx;}
  237. .lhr30{line-height: 30rpx;}
  238. .lhr32{line-height: 32rpx;}
  239. .lhr33{line-height: 33rpx;}
  240. .lhr34{line-height: 34rpx;}
  241. .lhr36{line-height: 36rpx;}
  242. .lhr40{line-height: 40rpx;}
  243. .lhr43{line-height: 43rpx;}
  244. .lhr44{line-height: 44rpx;}
  245. .lhr48{line-height: 48rpx;}
  246. .lhr50{line-height: 50rpx;}
  247. .lhr52{line-height: 52rpx;}
  248. .lhr56{line-height: 56rpx;}
  249. .lhr58{line-height: 58rpx;}
  250. .lhr60{line-height: 60rpx;}
  251. .lhr64{line-height: 64rpx;}
  252. .lhr66{line-height: 66rpx;}
  253. .lhr68{line-height: 68rpx;}
  254. .lhr70{line-height: 70rpx;}
  255. .lhr72{line-height: 72rpx;}
  256. .lhr76{line-height: 76rpx;}
  257. .lhr78{line-height: 78rpx;}
  258. .lhr80{line-height: 80rpx;}
  259. .lhr84{line-height: 84rpx;}
  260. .lhr88{line-height: 88rpx;}
  261. .lhr94{line-height:94rpx;}
  262. .lhr98{line-height:98rpx;}
  263. .lhr96{line-height: 96rpx;}
  264. .bgfff{background-color: #fff;}
  265. .bgD3F7F0{background: #D3F7F0;}
  266. .bgF7E0D3{background-color: #F7E0D3;}
  267. .bgD5D3F7{background-color: #D5D3F7;}
  268. .bgfffaf9{background-color: #fffaf9;}
  269. .bgf9fdff{background-color: #f9fdff;}
  270. .bgf4fffc{background-color: #f4fffc;}
  271. .bgfdfaff{background-color: #fdfaff;}
  272. .bg249efb{background-color: #249efb;}
  273. .bgF0F4F7{background-color: #F0F4F7;}
  274. .bgD4E4ED{background-color: #D4E4ED;}
  275. .bg9DB6CF{background-color: #9DB6CF;}
  276. .bg51B464{background-color: #51B464;}
  277. .bgD4E8F3{background-color: #D4E8F3;}
  278. .bgffb800{background-color: #ffb800;}
  279. .bg249DFA{background-color: #249DFA;}
  280. .bgC40909{background-color: #C40909;}
  281. .bgB6CADE{background-color: #B6CADE;}
  282. .bgFF8383{background-color: #FF8383;}
  283. .bgFFBC83{background-color: #FFBC83;}
  284. .bgCDB8F6{background-color: #CDB8F6;}
  285. .bgFFD483{background-color: #FFD483;}
  286. .bgff9800{background-color: #ff9800;}
  287. .padl32r{padding-left: 32rpx;}
  288. .padl24r{padding-left: 24rpx;}
  289. .pdl16{padding-right: 16rpx;}
  290. .width15_{
  291. width: 15%;
  292. }
  293. .width17_{
  294. width: 17%;
  295. }
  296. .width20_{
  297. width: 20%;
  298. }
  299. .width22_{
  300. width: 22%;
  301. }
  302. .width23_{
  303. width: 23%;
  304. }
  305. .width25{
  306. width: 25%;
  307. }
  308. .width30_{
  309. width:30%;
  310. }
  311. .width33_3{
  312. width: 33.3%;
  313. }
  314. .width35_{
  315. width:35%;
  316. }
  317. .width40{
  318. width: 40%;
  319. }
  320. .width50_{
  321. width: 50%;
  322. }
  323. .width66_7{
  324. width: 66.7%;
  325. }
  326. .top0{
  327. top: 0;
  328. }
  329. .left0{
  330. left: 0;
  331. }
  332. .right0{
  333. right: 0;
  334. }
  335. .bottom0{
  336. bottom: 0;
  337. }
  338. .hr56{
  339. height: 56rpx;
  340. }
  341. /*webkit内核*/
  342. .scroll_content::-webkit-scrollbar {
  343. width:0px;
  344. height:0px;
  345. }
  346. .scroll_content::-webkit-scrollbar-button {
  347. background-color:rgba(0,0,0,0);
  348. }
  349. .scroll_content::-webkit-scrollbar-track {
  350. background-color:rgba(0,0,0,0);
  351. }
  352. .scroll_content::-webkit-scrollbar-track-piece {
  353. background-color:rgba(0,0,0,0);
  354. }
  355. .scroll_content::-webkit-scrollbar-thumb{
  356. background-color:rgba(0,0,0,0);
  357. }
  358. .scroll_content::-webkit-scrollbar-corner {
  359. background-color:rgba(0,0,0,0);
  360. }
  361. .scroll_content::-webkit-scrollbar-resizer {
  362. background-color:rgba(0,0,0,0);
  363. }
  364. .scroll_content::-webkit-scrollbar {
  365. width:10px;
  366. height:10px;
  367. }
  368. /*o内核*/
  369. .scroll_content::-o-scrollbar{
  370. -moz-appearance: none !important;
  371. background: rgba(0,255,0,0) !important;
  372. }
  373. .scroll_content::-o-scrollbar-button {
  374. background-color:rgba(0,0,0,0);
  375. }
  376. .scroll_content::-o-scrollbar-track {
  377. background-color:rgba(0,0,0,0);
  378. }
  379. .scroll_content::-o-scrollbar-track-piece {
  380. background-color:rgba(0,0,0,0);
  381. }
  382. .scroll_content::-o-scrollbar-thumb{
  383. background-color:rgba(0,0,0,0);
  384. }
  385. .scroll_content::-o-scrollbar-corner {
  386. background-color:rgba(0,0,0,0);
  387. }
  388. .scroll_content::-o-scrollbar-resizer {
  389. background-color:rgba(0,0,0,0);
  390. }
  391. /*IE10,IE11,IE12*/
  392. .scroll_content{
  393. -ms-scroll-chaining: chained;
  394. -ms-overflow-style: none;
  395. -ms-content-zooming: zoom;
  396. -ms-scroll-rails: none;
  397. -ms-content-zoom-limit-min: 100%;
  398. -ms-content-zoom-limit-max: 500%;
  399. -ms-scroll-snap-type: proximity;
  400. -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
  401. -ms-overflow-style: none;
  402. /* overflow: auto; */
  403. }
  404. .zIndex9{
  405. z-index: 9;
  406. }
  407. .zIndex10{
  408. z-index: 10;
  409. }
  410. .bold{
  411. font-weight: bold;
  412. }
  413. .fontw700{
  414. font-weight: 700;
  415. }
  416. .mtr16{
  417. margin-top: 16rpx;
  418. }
  419. .pdtr20{
  420. padding-top: 20rpx;
  421. }
  422. .pdtr40{
  423. padding-top: 40rpx;
  424. }
  425. .mglr20{
  426. margin-left: 20rpx;
  427. }
  428. .mglr88{
  429. margin-left: 88rpx;
  430. }
  431. .mgtr8{
  432. margin-top: 8rpx;
  433. }
  434. .mglr14{
  435. margin-left: 14rpx;
  436. }
  437. .mglr10{
  438. margin-left: 10rpx;
  439. }
  440. .mgtr20{
  441. margin-top: 20rpx;
  442. }
  443. .mgtr10{
  444. margin-top: 10rpx;
  445. }
  446. .mgtr12{
  447. margin-top: 12rpx;
  448. margin-bottom: 12rpx;
  449. }
  450. .mgtr16{
  451. margin-top: 16rpx;
  452. }
  453. .mgtr2{
  454. margin-top: 2rpx;
  455. }
  456. .mgtr4{
  457. margin-top: 4rpx;
  458. }
  459. .mgtr22{
  460. margin-top: 22rpx;
  461. }
  462. .mgtr40{
  463. margin-top: 40rpx;
  464. }
  465. .mgtr44{
  466. margin-top: 44rpx;
  467. }
  468. .mglr12{
  469. margin-left: 12rpx;
  470. }
  471. .mgtr14{
  472. margin-top: 14rpx;
  473. }
  474. .mgtr16{
  475. margin-top: 16rpx;
  476. }
  477. .mgrr12{
  478. margin-right: 12rpx;
  479. }
  480. .mgrr14{
  481. margin-right: 14rpx;
  482. }
  483. .mgrr40{
  484. margin-right: 40rpx;
  485. }
  486. .mgrr60{
  487. margin-right: 60rpx;
  488. }
  489. .mbr30{
  490. margin-bottom: 30rpx;
  491. }
  492. .mt12{margin-top: 12rpx;}
  493. .radius50_{
  494. border-radius: 50%;
  495. }
  496. .radius10{
  497. border-radius: 10rpx;
  498. }
  499. .toolboxtit{
  500. margin-bottom: 32rpx;
  501. }
  502. .mglr24{
  503. margin-left: 24rpx;
  504. }
  505. .ls1{
  506. letter-spacing:1px;
  507. }
  508. .ls_22{
  509. letter-spacing:0.22px;
  510. }
  511. .mgtr28{
  512. margin-top: 28rpx;
  513. }
  514. .mgtr32{
  515. margin-top: 32rpx !important;
  516. }
  517. .mgt24{
  518. margin-top: 24rpx;
  519. }
  520. .ml16 {
  521. margin-left: 16rpx;
  522. }
  523. .mgt6{
  524. margin-top: 6rpx;
  525. }
  526. .mgt16{
  527. margin-top: 16rpx;
  528. }
  529. .mgt34{
  530. margin-top: 34rpx;
  531. }
  532. .opacity50{
  533. opacity: 0.5;
  534. }
  535. .opacity60{
  536. opacity: 0.6;
  537. }
  538. .pd80{
  539. padding-bottom: 80rpx !important;
  540. }
  541. .padlr20{
  542. padding: 0 20rpx;
  543. }
  544. .downloadBox{
  545. display: block;
  546. width: 670rpx;
  547. position: fixed;
  548. top: 50%;
  549. left: 40rpx;
  550. height: 200rpx;
  551. border-radius: 12rpx;
  552. background-color: #fff;
  553. z-index: 999;
  554. box-shadow: 0rpx 6rpx 14rpx 0rpx rgba(80,0,0,0.60);
  555. }
  556. .downTitle{
  557. display: block;
  558. text-align: center;
  559. width: 100%;
  560. line-height: 48rpx;
  561. font-size: 32rpx;
  562. padding-top: 16rpx;
  563. }
  564. .downnumbox cover-view{
  565. display: inline-block;
  566. margin-top: 36rpx;
  567. line-height: 40rpx;
  568. }
  569. .bdrbt1D4E4ED{
  570. border-bottom: 2rpx solid #D4E4ED;
  571. }
  572. .deltext{
  573. position: absolute;
  574. top: 50%;
  575. transform: translateY(-50%);
  576. }
  577. .anchor-item.selected .anchor-item__inner{
  578. background-color: #249EFB;
  579. }
  580. .anchor-item__inner{
  581. width: 32rpx;
  582. height:32rpx;
  583. line-height: 32rpx;
  584. }
  585. .unfuturelayer{
  586. display: block;
  587. width: 100%;
  588. height:100%;
  589. background-color: rgba(0, 0, 0, 0.16);
  590. position: fixed;
  591. top: 0;
  592. left: 0;
  593. z-index: 9999999;
  594. }
  595. .unfuturebox{
  596. display: block;
  597. width: 600rpx;
  598. height: 485rpx;
  599. position: fixed;
  600. top:50%;
  601. left: 75rpx;
  602. transform: translateY(-50%);
  603. background-color: #fff;
  604. box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.16);
  605. border-radius: 8rpx;
  606. }
  607. .unfuturebox image{
  608. display: block;
  609. width: 470rpx;
  610. height: 405rpx;
  611. margin: 40rpx auto;
  612. }
  613. /* 分享 */
  614. .footerbox{
  615. display: block;
  616. height: 98rpx;
  617. background-color: rgba(255, 255, 255, 1);
  618. box-shadow: 0px -4rpx 8rpx rgba(0, 0, 0, 0.24);
  619. padding: 0 30rpx;
  620. position: fixed;
  621. left: 0;
  622. bottom: 0;
  623. width: 100%;
  624. background-color: #fff;
  625. z-index: 99;
  626. }
  627. .mineheading{
  628. display: block;
  629. width: 68rpx;
  630. height: 68rpx;
  631. border-radius: 50%;
  632. margin-right: 10rpx;
  633. position: relative;
  634. top: 15rpx;
  635. }
  636. .minename{
  637. max-width: 240rpx;
  638. }
  639. .addwxbox{
  640. position: absolute;
  641. top: 14rpx;
  642. left: 345rpx;
  643. }
  644. .addwxbox image{
  645. display: block;
  646. width: 48rpx;
  647. height: 40rpx;
  648. margin: 0 auto;
  649. font-size: 24rpx;
  650. }
  651. .addwxbox cover-image{
  652. display: block;
  653. width: 48rpx;
  654. height: 40rpx;
  655. margin: 0 auto;
  656. }
  657. .phonebox{ display: block;
  658. width: 212rpx;
  659. height: 68rpx;
  660. background-color: rgba(36, 158, 251, 0.76);
  661. border-radius: 10rpx;
  662. line-height: 68rpx;
  663. text-align: center;
  664. position: relative;
  665. top: 15rpx;
  666. }
  667. .maintitle{
  668. display: block;
  669. width: 100%;
  670. padding: 0 25rpx;
  671. box-sizing: border-box;
  672. overflow: hidden;
  673. text-overflow: ellipsis;
  674. white-space: nowrap;
  675. text-align: left;
  676. }
  677. .gotoidxbox {
  678. display: block;
  679. position: absolute;
  680. top: 0;
  681. right: 0;
  682. width: 35px;
  683. height: 28px;
  684. z-index: 9;
  685. }
  686. .mcenter{
  687. position: absolute;
  688. top: 50%;
  689. left: 50%;
  690. transform: translateX(-50%) translateY(-50%);
  691. }
  692. .justify-between {
  693. justify-content: space-between;
  694. }
  695. .flex{
  696. display: flex;
  697. }
  698. .align-center {
  699. align-items: center;
  700. }
  701. .justify-center {
  702. justify-content: center;
  703. }
  704. .mt10 {
  705. margin-top: 10rpx;
  706. }
  707. .ml8 {
  708. margin-left: 8rpx;
  709. }
  710. .mt6 {
  711. margin-top: 6rpx;
  712. }
  713. .height450{
  714. height: 450rpx;
  715. }
  716. /*webkit内核*/
  717. page::-webkit-scrollbar {
  718. display: none;
  719. width: 0;
  720. height: 0;
  721. background-color: transparent;
  722. }
  723. /* 滚动条轨道 */
  724. page::-webkit-scrollbar-track{
  725. display: none;
  726. width: 0;
  727. background-color: transparent;
  728. }
  729. /* 没有滑块的轨道 */
  730. page::-webkit-scrollbar-track-piece {
  731. display: none;
  732. width: 0;
  733. background-color: transparent;
  734. }
  735. /* 滚动条上的滚动滑块 */
  736. page::-webkit-scrollbar-thumb{
  737. display: none;
  738. width: 0;
  739. background-color: transparent;
  740. }