index.wxss 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725
  1. page {
  2. height: 100%;
  3. }
  4. .j_page {
  5. padding-bottom: 64rpx;
  6. }
  7. .mini_mask {
  8. width: 100%;
  9. z-index: 100;
  10. position: absolute;
  11. }
  12. .mini_mask .stepmask {
  13. padding: 0 16rpx;
  14. background: rgba(0, 0, 0, 0);
  15. position: absolute;
  16. border-radius: 4px;
  17. box-shadow: 0 0 5px 800px rgba(0, 0, 0, 0.2);
  18. }
  19. .mini_mask .step_one {
  20. height: 346rpx;
  21. width: 100%;
  22. top: 510rpx;
  23. left: 0;
  24. }
  25. .mini_mask .step_one .one_contant {
  26. position: absolute;
  27. width: 201px;
  28. height: 40px;
  29. top: 380rpx;
  30. background: #04B49C;
  31. box-shadow: 0px 1px 16px 0px rgba(227, 227, 227, 0.5);
  32. border-radius: 6px;
  33. color: #FFFFFF;
  34. font-size: 14px;
  35. }
  36. .mini_mask .step_one .one_contant::before {
  37. content: '';
  38. width: 17px;
  39. height: 17px;
  40. position: absolute;
  41. top: -7px;
  42. left: 50rpx;
  43. background: #04B49C;
  44. transform: rotate(45deg);
  45. border-radius: 5px;
  46. }
  47. .mini_mask .step_two {
  48. height: 820rpx;
  49. width: 100%;
  50. left: 0;
  51. top: 820rpx;
  52. }
  53. .mini_mask .step_two .two_contant {
  54. position: absolute;
  55. width: 341px;
  56. height: 40px;
  57. top: -100rpx;
  58. background: #04B49C;
  59. box-shadow: 0px 1px 16px 0px rgba(227, 227, 227, 0.5);
  60. border-radius: 6px;
  61. color: #FFFFFF;
  62. font-size: 14px;
  63. }
  64. .mini_mask .step_two .two_contant::before {
  65. content: '';
  66. width: 16px;
  67. height: 16px;
  68. position: absolute;
  69. top: 29px;
  70. left: 50rpx;
  71. background: #04B49C;
  72. transform: rotate(45deg);
  73. border-radius: 5px;
  74. }
  75. .header_custom {
  76. float: left;
  77. width: 100%;
  78. }
  79. .header_custom .goback {
  80. width: 30px;
  81. text-align: center;
  82. }
  83. .header-title {
  84. display: flex;
  85. align-items: center;
  86. flex-direction: row;
  87. padding: 0 26rpx;
  88. width: 100%;
  89. justify-content: space-between;
  90. }
  91. .header-title .mode_box {
  92. margin-right: 185rpx;
  93. height: 64rpx;
  94. display: flex;
  95. align-items: center;
  96. flex-direction: row;
  97. background: rgba(0, 0, 0, 0.15);
  98. border-radius: 25px;
  99. border: 1px solid rgba(255, 255, 255, 0.25);
  100. color: #ffffff;
  101. padding: 0 28rpx;
  102. }
  103. .header-title .mode_box image {
  104. width: 32rpx;
  105. height: 32rpx;
  106. }
  107. .header-title .mode_box .projectname {
  108. margin-left: 12rpx;
  109. transition: all 1s ease;
  110. }
  111. .adjust_main {
  112. width: 100%;
  113. background: #FFFFFF;
  114. }
  115. .adjust_main .space_bg {
  116. width: 100%;
  117. height: 500rpx;
  118. overflow: hidden;
  119. }
  120. .adjust_main .space_bg image {
  121. width: 100%;
  122. height: 100%;
  123. }
  124. .adjust_main .space_msg {
  125. height: 154rpx;
  126. padding: 0 32rpx;
  127. display: flex;
  128. flex-direction: row;
  129. justify-content: space-between;
  130. align-items: center;
  131. }
  132. .adjust_main .space_msg .msg_left_text{
  133. }
  134. .adjust_main .scan_img {
  135. vertical-align:middle;
  136. margin-left:20rpx;
  137. width:30rpx;
  138. height:30rpx;
  139. }
  140. .adjust_main .space_msg .msg_left .spacename {
  141. height: 56rpx;
  142. font-size: 40rpx;
  143. vertical-align: middle;
  144. font-weight: 400;
  145. color: #2B3036;
  146. line-height: 56rpx;
  147. }
  148. .adjust_main .space_msg .msg_left .peoplestate {
  149. display: inline-block;
  150. box-sizing: border-box;
  151. padding: 1px 7px;
  152. margin-left: 10px;
  153. background: #34c724;
  154. vertical-align: middle;
  155. color: #ffffff;
  156. border-radius: 12px;
  157. font-size: 20rpx;
  158. }
  159. .adjust_main .space_msg .msg_left .activepeople {
  160. background: #f54e45;
  161. }
  162. .adjust_main .space_msg .msg_left .spacestate {
  163. font-size: 30rpx;
  164. color: #8D9399;
  165. line-height: 42rpx;
  166. margin-top: 8rpx;
  167. justify-content: flex-start;
  168. }
  169. .adjust_main .space_msg .msg_left .spacestate > view {
  170. margin-left: 18rpx;
  171. width: 46rpx;
  172. height: 46rpx;
  173. }
  174. .adjust_main .space_msg .msg_right {
  175. display: flex;
  176. align-items: center;
  177. }
  178. .adjust_main .space_msg .msg_right text {
  179. font-size: 46rpx;
  180. color: #2B3036;
  181. }
  182. .adjust_main .space_paramelist {
  183. margin: 0 24rpx;
  184. background: #F8F9FA;
  185. border-radius: 4px;
  186. }
  187. .adjust_main .space_paramelist .parame_item {
  188. max-width: 25%;
  189. min-width: 25%;
  190. padding: 32rpx 0rpx 32rpx 0rpx;
  191. display: flex;
  192. justify-content: flex-start;
  193. align-items: flex-start;
  194. }
  195. .adjust_main .space_paramelist .parame_item .icon_name {
  196. justify-content: flex-start;
  197. color: #8D9399;
  198. font-size: 24rpx;
  199. }
  200. .adjust_main .space_paramelist .parame_item .icon_name image {
  201. width: 32rpx;
  202. height: 32rpx;
  203. margin-right: 8rpx;
  204. }
  205. .adjust_main .space_paramelist .parame_item .parame_num {
  206. color: #646A73;
  207. font-size: 24rpx;
  208. }
  209. .adjust_main .space_paramelist .parame_item .parame_num text {
  210. font-size: 32rpx;
  211. }
  212. .adjust_main .space_paramelist .parame_item .parame_tag {
  213. margin: 8rpx 0;
  214. padding: 4rpx 14rpx;
  215. color: #ffffff;
  216. border-radius: 24rpx;
  217. font-size: 18rpx;
  218. display: flex;
  219. justify-content: center;
  220. align-items: center;
  221. min-width: 72rpx;
  222. }
  223. .adjust_main .space_paramelist .parame_item .taghumiditybg0 {
  224. background: var(--envredColor);
  225. color: var(--envredtxtColor);
  226. }
  227. .adjust_main .space_paramelist .parame_item .taghumiditybg1 {
  228. background: var(--envgreenColor);
  229. color: var(--envgreentxtColor);
  230. }
  231. .adjust_main .space_paramelist .parame_item .taghumiditybg2 {
  232. background: var(--envblueColor);
  233. color: var(--envbluetxtColor);
  234. }
  235. .adjust_main .space_paramelist .parame_item .tagpm25bg0 {
  236. background: var(--envgreenColor);
  237. color: var(--envgreentxtColor);
  238. }
  239. .adjust_main .space_paramelist .parame_item .tagpm25bg1 {
  240. background: var(--envyellowColor);
  241. color: var(--envyellowtxtColor);
  242. }
  243. .adjust_main .space_paramelist .parame_item .tagpm25bg2 {
  244. background: var(--envredColor);
  245. color: var(--envredtxtColor);
  246. }
  247. .adjust_main .space_paramelist .parame_item .tagco2bg0 {
  248. background: var(--envgreenColor);
  249. color: var(--envgreentxtColor);
  250. }
  251. .adjust_main .space_paramelist .parame_item .tagco2bg1 {
  252. background: var(--envyellowColor);
  253. color: var(--envyellowtxtColor);
  254. }
  255. .adjust_main .space_paramelist .parame_item .tagco2bg2 {
  256. background: var(--envredColor);
  257. color: var(--envredtxtColor);
  258. }
  259. .adjust_main .space_paramelist .parame_item .taghchobg0 {
  260. background: var(--envgreenColor);
  261. color: var(--envgreentxtColor);
  262. }
  263. .adjust_main .space_paramelist .parame_item .taghchobg1 {
  264. background: var(--envyellowColor);
  265. color: var(--envyellowtxtColor);
  266. }
  267. .adjust_main .space_paramelist .parame_item .taghchobg2 {
  268. background: var(--envredColor);
  269. color: var(--envredtxtColor);
  270. }
  271. .adjust_main .space_paramelist .parame_item .novalue {
  272. min-height: 16px;
  273. font-weight: bold;
  274. background: var(--nodateColor);
  275. color: var(--nodatetxtColor);
  276. }
  277. .adjust_main .space_paramelist .parame_item:nth-child(1) {
  278. padding: 32rpx 0rpx 32rpx 24rpx;
  279. }
  280. .adjust_main .space_paramelist .parame_item:nth-child(4) {
  281. padding: 32rpx 24rpx 32rpx 0rpx;
  282. }
  283. .adjust_main .space_btns {
  284. display: flex;
  285. align-items: center;
  286. justify-content: space-around;
  287. margin-top: 32rpx;
  288. }
  289. .adjust_main .space_btns button {
  290. margin: 0;
  291. width: auto;
  292. display: inline-block;
  293. font-size: 26rpx;
  294. height: 76rpx;
  295. display: flex;
  296. padding-left: 0;
  297. padding-right: 0;
  298. text-align: center;
  299. flex-direction: row;
  300. align-items: center;
  301. justify-content: center;
  302. border-radius: 38rpx;
  303. }
  304. .adjust_main .space_btns .btns_top {
  305. width: 162rpx;
  306. color: #8D9399;
  307. border: 1px solid #EFF0F1;
  308. }
  309. .adjust_main .space_btns .btns_top_active {
  310. background: #EAFAF8;
  311. color: #04B49C;
  312. border: 0px solid #EFF0F1;
  313. }
  314. .adjust_main .space_btns .btns_adjust {
  315. width: 460rpx;
  316. color: #ffffff;
  317. background-color: #04B49C;
  318. border-radius: 38rpx;
  319. }
  320. .envstate_list {
  321. margin: 14rpx 32rpx 0;
  322. padding: 32rpx 24rpx;
  323. background: #FFFFFF;
  324. box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1);
  325. border-radius: 4px;
  326. }
  327. .envstate_list .list_title {
  328. justify-content: flex-start;
  329. }
  330. .envstate_list .list_title image {
  331. width: 48rpx;
  332. height: 48rpx;
  333. }
  334. .envstate_list .list_title text {
  335. font-size: 34rpx;
  336. color: rgba(0, 0, 0, 0.9);
  337. line-height: 24px;
  338. margin-left: 16rpx;
  339. }
  340. .envstate_list .list_body {
  341. display: flex;
  342. flex-wrap: wrap;
  343. justify-content: space-between;
  344. margin-top: 32rpx;
  345. }
  346. .envstate_list .list_body > view {
  347. width: 48%;
  348. height: 104rpx;
  349. background: #F5F6F7;
  350. border-radius: 4px;
  351. font-size: 28rpx;
  352. display: flex;
  353. align-items: center;
  354. justify-content: center;
  355. margin-bottom: 12rpx;
  356. }
  357. .envstate_list .list_body > view image {
  358. width: 56rpx;
  359. height: 56rpx;
  360. margin-right: 24rpx;
  361. }
  362. .envstate_list .list_body > .windstyle {
  363. width: 100%;
  364. }
  365. .envstate_list .list_body > .typelistactive {
  366. background-color: #EAFAF8;
  367. }
  368. .closedown {
  369. margin: 15rpx 32rpx 64rpx;
  370. height: 80rpx;
  371. display: flex;
  372. justify-content: center;
  373. align-items: center;
  374. background: #FFFFFF;
  375. border-radius: 40rpx;
  376. border: 1px solid #EFF0F1;
  377. color: #04B49C;
  378. }
  379. .closedown image {
  380. width: 24rpx;
  381. height: 24rpx;
  382. margin-right: 10rpx;
  383. }
  384. .iosbottom {
  385. margin: 15rpx 32rpx 0rpx;
  386. }
  387. .uptime {
  388. position: absolute;
  389. bottom: 20px;
  390. left: 50%;
  391. width: 100%;
  392. transform: translate(-50%, 0);
  393. font-size: 14px;
  394. color: #8D9399;
  395. line-height: 19px;
  396. }
  397. .profession_box {
  398. margin: 0 32rpx;
  399. box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1);
  400. border-radius: 4px;
  401. /* 修改标签页样式 */
  402. }
  403. .profession_box .van-tabs__wrap {
  404. margin-bottom: 24rpx;
  405. height: 100rpx!important;
  406. }
  407. .profession_box .van-tabs__nav--card {
  408. height: 100rpx!important;
  409. overflow: hidden;
  410. border-radius: 8rpx!important;
  411. /* border:1px solid rgba(25,27,38,0.1)!important; */
  412. }
  413. .profession_box .van-ellipsis {
  414. line-height: 100rpx!important;
  415. }
  416. .profession_box .van-tab {
  417. height: 100rpx!important;
  418. }
  419. .profession_box .tab-class {
  420. font-size: 17px;
  421. color: #373C43;
  422. }
  423. .profession_box .tab-active-class {
  424. font-size: 17px;
  425. font-weight: 500;
  426. color: #04B49C !important;
  427. }
  428. .profession_box .van-radio {
  429. margin-bottom: 38rpx;
  430. }
  431. .profession_box .van-radio__label {
  432. font-size: 15px;
  433. color: #8D9399;
  434. line-height: 21px;
  435. }
  436. .profession_box .chartlenged {
  437. margin-top: 32rpx;
  438. justify-content: flex-end;
  439. }
  440. .profession_box .chartlenged > view {
  441. margin-left: 24rpx;
  442. font-size: 26rpx;
  443. color: #8D9399;
  444. line-height: 14px;
  445. }
  446. .profession_box .chartlenged > view image {
  447. width: 13px;
  448. height: 5px;
  449. margin-right: 8rpx;
  450. }
  451. .profession_box .chartlenged > view > view {
  452. width: 20rpx;
  453. height: 20rpx;
  454. margin-right: 8rpx;
  455. background: #B2E6F2;
  456. }
  457. .profession_box .chartlenged > view .circle {
  458. background: #04B49C;
  459. border-radius: 50%;
  460. }
  461. .profession_box .chartlenged .tips {
  462. width: 40rpx;
  463. height: 40rpx;
  464. border-radius: 50%;
  465. background: #EAFAF8;
  466. color: #04B49C;
  467. }
  468. .profession_box .tabone {
  469. margin: 0 24rpx;
  470. }
  471. .profession_box .tabone .hopetmp {
  472. justify-content: space-between;
  473. }
  474. .profession_box .tabone .hopetmp .hopenum {
  475. font-size: 28rpx;
  476. font-weight: bold;
  477. color: #04B49C;
  478. }
  479. .profession_box .tabone .hopetmp .hopenum .hopetxt {
  480. font-size: 34rpx;
  481. margin-right: 16rpx;
  482. color: #000000;
  483. font-weight: normal;
  484. }
  485. .profession_box .tabone .hopetmp .hopenum text {
  486. font-size: 36rpx;
  487. }
  488. .profession_box .tabone .hopetmp .operationbtn {
  489. float: right;
  490. width: 60px;
  491. height: 40px;
  492. color: #2B3036;
  493. font-weight: bold;
  494. background: #F8F9FA;
  495. border-radius: 4px 0px 0px 4px;
  496. }
  497. .profession_box .tabone .hopetmp .minusbtn {
  498. margin-right: 26rpx;
  499. }
  500. .profession_box .tabone .choose_txt {
  501. margin: 44rpx 0 34rpx;
  502. font-size: 34rpx;
  503. }
  504. .profession_box .tabone .choose_box {
  505. padding: 38rpx 24rpx 0;
  506. overflow: hidden;
  507. background: #F8F9FA;
  508. border-radius: 4px;
  509. }
  510. .profession_box .tabone .profession_chart {
  511. height: 360rpx;
  512. width: 100%;
  513. }
  514. .profession_box .tabone .profession_chart .nodate {
  515. height: 360rpx;
  516. color: var(--nodateColor);
  517. font-size: 14px;
  518. }
  519. .profession_box .submit {
  520. padding: 40rpx 0;
  521. background: #04B49C;
  522. color: #ffffff;
  523. }
  524. .profession_box .tabtwo {
  525. margin: 0 24rpx;
  526. }
  527. .profession_box .tabtwo .plantxt {
  528. font-size: 30rpx;
  529. color: #8D9399;
  530. line-height: 21px;
  531. }
  532. .profession_box .tabtwo .chartcontent {
  533. height: 250px;
  534. position: relative;
  535. box-sizing: border-box;
  536. margin: 36rpx auto 0;
  537. }
  538. .profession_box .tabtwo .chartcontent .charty {
  539. position: absolute;
  540. left: -27px;
  541. height: 100%;
  542. justify-content: space-between;
  543. }
  544. .profession_box .tabtwo .chartcontent .chartx {
  545. position: absolute;
  546. bottom: -25px;
  547. width: 100%;
  548. font-size: 12px;
  549. color: #C3C6CB;
  550. display: flex;
  551. flex-direction: row;
  552. justify-content: space-around;
  553. }
  554. .profession_box .tabtwo .chartcontent .chartmain {
  555. height: 100%;
  556. position: relative;
  557. display: flex;
  558. flex-direction: row;
  559. justify-content: center;
  560. justify-content: space-between;
  561. }
  562. .profession_box .tabtwo .chartcontent .chartmain:after {
  563. content: "";
  564. width: 80px;
  565. }
  566. .profession_box .tabtwo .chartcontent .chartmain::before {
  567. content: "";
  568. width: 80px;
  569. }
  570. .profession_box .tabtwo .chartcontent .chartmain .mian_item {
  571. min-width: 27px;
  572. max-width: 27px;
  573. margin-right: 4px;
  574. height: 90%;
  575. position: relative;
  576. }
  577. .profession_box .tabtwo .chartcontent .chartmain .mian_item .chartbg {
  578. height: 100%;
  579. width: 100%;
  580. background: linear-gradient(180deg, #F5F6F7 0%, #F8F9FA 100%);
  581. }
  582. .profession_box .tabtwo .chartcontent .chartmain .mian_item .chartbg .chartrange {
  583. width: 18px;
  584. background: #B2E6F2;
  585. position: relative;
  586. }
  587. .profession_box .tabtwo .chartcontent .chartmain .mian_item .chartbg .chartrange .chartdot {
  588. width: 7px;
  589. height: 7px;
  590. background: #04B49C;
  591. border-radius: 50%;
  592. }
  593. .profession_box .tabtwo .chartcontent .chartmain .mian_item .chartbg .chartrange .abdot {
  594. position: absolute;
  595. top: -12px;
  596. left: -3px;
  597. font-size: 13px;
  598. }
  599. .profession_box .tabtwo .chartcontent .chartmain .mian_item .item_chartx {
  600. position: absolute;
  601. bottom: -18px;
  602. font-size: 10px;
  603. left: 0px;
  604. }
  605. .feedback_box {
  606. margin: 64rpx 0 0;
  607. }
  608. .feedback_box .feedimgbox .lottie {
  609. width: 40rpx;
  610. height: 40rpx;
  611. }
  612. .feedback_box .feedimgbox .feedtext_title {
  613. font-size: 38rpx;
  614. font-weight: 500;
  615. color: #000000;
  616. margin-bottom: 16rpx;
  617. }
  618. .feedback_box .feedimgbox .feedtext_box .feedtext_desc {
  619. font-size: 30rpx;
  620. color: #2B3036;
  621. }
  622. .feedback_box .noticbox {
  623. width: 100%;
  624. height: 65rpx;
  625. font-size: 28rpx;
  626. margin-top: 14rpx;
  627. }
  628. .feedback_box .noticbox .noticbox_text {
  629. text-align: center;
  630. }
  631. .feedback_box .noticbox > swiper {
  632. height: 45rpx;
  633. }
  634. .feedback_box .envpanel {
  635. justify-content: space-around;
  636. margin: 20rpx 32rpx 0;
  637. height: 224rpx;
  638. background: #F8F9FA;
  639. border-radius: 4px;
  640. }
  641. .feedback_box .envpanel .panel_left .left_txt {
  642. font-size: 34rpx;
  643. color: #646A73;
  644. line-height: 24px;
  645. }
  646. @keyframes rotate {
  647. 0% {
  648. transform: rotate(0);
  649. }
  650. 100% {
  651. transform: rotate(360deg);
  652. }
  653. }
  654. .feedback_box .envpanel .panel_left .rotate {
  655. animation: rotate 1.5s linear infinite;
  656. /*开始动画后无限循环,用来控制rotate*/
  657. }
  658. .feedback_box .envpanel .panel_left .rotate_slow {
  659. animation: rotate 2s linear infinite;
  660. }
  661. .feedback_box .envpanel .panel_left > view {
  662. margin-top: 12px;
  663. text-align: center;
  664. font-size: 28rpx;
  665. }
  666. .feedback_box .envpanel .panel_left > view image {
  667. width: 68rpx;
  668. height: 68rpx;
  669. }
  670. .feedback_box .envpanel .panel_left .left_num {
  671. font-size: 56rpx;
  672. color: #2B3036;
  673. line-height: 28px;
  674. }
  675. .feedback_box .envpanel .panel_center image {
  676. width: 32rpx;
  677. height: 28rpx;
  678. }
  679. .feedback_box .feed_tips {
  680. padding-bottom: 12rpx;
  681. }
  682. .feedback_box .feed_tips > text:nth-child(1) {
  683. font-size: 17px;
  684. font-weight: 500;
  685. color: #000000;
  686. margin-bottom: 16rpx;
  687. }
  688. .feedback_box .feed_tips > text:nth-child(2) {
  689. font-size: 15px;
  690. color: #2B3036;
  691. }
  692. .feedback_box .iknow {
  693. color: #ffffff;
  694. background: #04B49C;
  695. }
  696. .seconddetail {
  697. padding: 25rpx 32rpx 0;
  698. }
  699. .seconddetail .secondtxt {
  700. font-size: 14px;
  701. margin-bottom: 16rpx;
  702. }
  703. .seconddetail .lottie {
  704. width: 50rpx;
  705. height: 50rpx;
  706. }
  707. .seconddetail .secondtxt_title {
  708. font-size: 20px;
  709. margin-bottom: 22rpx;
  710. }
  711. .seconddetail .custom_button {
  712. box-sizing: content-box;
  713. padding: 24rpx 32rpx;
  714. height: 40rpx;
  715. display: flex;
  716. margin-top: 54rpx;
  717. justify-content: center;
  718. text-align: center;
  719. align-items: center;
  720. background-color: #5575FF;
  721. color: #ffffff;
  722. font-size: 16px;
  723. border-radius: 40rpx;
  724. }