add.wxss 19 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261
  1. page{
  2. background-color: #f0f0f0;
  3. }
  4. /* ******************* */
  5. .panelTop {
  6. width: 100%;
  7. height:100rpx;
  8. background-color: #fff;
  9. justify-content: space-between;
  10. position: fixed;
  11. top:0;
  12. border-bottom: 1rpx solid #d2d2d2;
  13. }
  14. .panelLeft {
  15. margin-left: 20rpx;
  16. justify-content: flex-start;
  17. }
  18. .panelRight {
  19. margin-right: 20rpx;
  20. justify-content: flex-end;
  21. }
  22. .panelTop1 {
  23. min-width:80rpx;
  24. height:80rpx;
  25. line-height: 80rpx;
  26. text-align: center;
  27. font-size: 28rpx;
  28. }
  29. .panelTop11 {
  30. margin:0 10rpx;
  31. }
  32. .panelTopBtn {
  33. font-size: 28rpx;
  34. font-weight: 500;
  35. width:110rpx;
  36. height:80rpx;
  37. text-align: center;
  38. line-height: 80rpx;
  39. }
  40. .universalpic_light_black_22x30{
  41. width:22rpx;
  42. height:30rpx;
  43. }
  44. .universalpic_omit_black_36x10{
  45. width:36rpx;
  46. height:10rpx;
  47. }
  48. .panelHeight10{
  49. width:100%;
  50. height:10rpx;
  51. }
  52. /* 中间开始 */
  53. .panelItemCircle{
  54. width:710rpx;
  55. border-radius: 20rpx;
  56. background-color: #fff;
  57. justify-content: space-between;
  58. }
  59. .panelItemCircleTop{
  60. border-top-left-radius: 20rpx;
  61. border-top-right-radius: 20rpx;
  62. width:100%;
  63. height:20rpx;
  64. background-color: #fff;
  65. }
  66. .panelItemCircleBottom{
  67. border-bottom-left-radius: 20rpx;
  68. border-bottom-right-radius: 20rpx;
  69. width:100%;
  70. height:20rpx;
  71. background-color: #fff;
  72. }
  73. .panelItemCircle1{
  74. width:100%;
  75. height: 80rpx;
  76. justify-content: space-between;
  77. }
  78. .panelItemCircle11{
  79. font-size: 28rpx;
  80. margin-left:30rpx;
  81. height: 100rpx;
  82. font-weight: 400;
  83. align-items: flex-start;
  84. }
  85. .panelItemCircle110{
  86. height: 132rpx;
  87. }
  88. .panelItemCircle111{
  89. font-size: 28rpx;
  90. color:#1e1e1e;
  91. }
  92. .panelItemCircle1110{
  93. color:#4D4D4D;
  94. font-weight: 500;
  95. margin-top: 10rpx;
  96. }
  97. .panelItemCircle112{
  98. font-size: 20rpx;
  99. color:#787878;
  100. margin-top: 4rpx;
  101. }
  102. .panelItemCircle12{
  103. margin-right: 30rpx;
  104. }
  105. .line2{
  106. width: 100%;
  107. height:1rpx;
  108. background-color: #E3E3E3;
  109. }
  110. .panelTimePlan {
  111. min-height: 100rpx;
  112. width:710rpx;
  113. justify-content: space-between;
  114. font-size: 28rpx;
  115. background-color: #fff;
  116. }
  117. .panelTimePlan1{
  118. margin:30rpx 0 30rpx 30rpx;
  119. }
  120. .universalpic_practisemodel_black_30x28{
  121. width:30rpx;
  122. height:28rpx;
  123. }
  124. .universalpic_plan_6dots_black_30x32{
  125. width:30rpx;
  126. height:32rpx;
  127. }
  128. .universalpic_cardlist_black_30x28{
  129. width:30rpx;
  130. height:28rpx;
  131. }
  132. .universalpic_typesize_black_30x18{
  133. width:30rpx;
  134. height:18rpx;
  135. }
  136. .universalpic_tag_black_30x30{
  137. width:30rpx;
  138. height:30rpx;
  139. }
  140. /* 中间结束 */
  141. /* 弹出界面开始 */
  142. .panelTag{
  143. width: 690rpx;
  144. background-color: #fff;
  145. margin: 20rpx 30rpx;
  146. flex-wrap: wrap;
  147. justify-content: flex-start;
  148. }
  149. .panelTag .panelTag1{
  150. color:#1e1e1e;
  151. height:73rpx;
  152. line-height: 73rpx;
  153. }
  154. .panelTag .panelTag2{
  155. border-radius: 10rpx;
  156. background-color: #0071EF;
  157. color:#fff;
  158. }
  159. .panelTag .tag1{
  160. font-size: 24rpx;
  161. margin-right: 20rpx;
  162. margin-top:10rpx;
  163. padding: 0 20rpx;
  164. }
  165. .universalpic_del_white_14x14{
  166. width:14rpx;
  167. height:14rpx;
  168. margin: 10rpx 20rpx 0 -20rpx;
  169. }
  170. /* 弹出界面结束 */
  171. .panelTitle {
  172. width: 100%;
  173. height:100rpx;
  174. justify-content: flex-start;
  175. }
  176. .panelTitle .panelTitle1 {
  177. font-size: 28rpx;
  178. margin-left: 30rpx;
  179. }
  180. .panelItem {
  181. width: 100%;
  182. justify-content: flex-start;
  183. font-size: 28rpx;
  184. min-height: 130rpx;
  185. height:auto;
  186. background-color: #fff;
  187. align-items: flex-start;
  188. font-weight: 400;
  189. }
  190. .iphone10plus{
  191. width:100%;
  192. height:30rpx;
  193. background-color: #fff;
  194. }
  195. .panelItem0 {
  196. width:710rpx;
  197. margin-top:30rpx;
  198. }
  199. .panelItem01 {
  200. margin-top: 20rpx;
  201. width:80rpx;
  202. height: 100rpx;
  203. line-height: 100rpx;
  204. text-align: center;
  205. font-size:24rpx;
  206. margin-left: 20rpx;
  207. background-color: #fff;
  208. border-radius: 20rpx;
  209. }
  210. .panelItem1 {
  211. margin-left: 30rpx;
  212. font-weight: 400;
  213. }
  214. .panelItem .panelItem11{
  215. margin: 45rpx 0 0 30rpx;
  216. justify-content: flex-start;
  217. align-items: flex-start;
  218. }
  219. .panelItem .number {
  220. font-family: 'Roboto-Black';
  221. font-size: 24rpx;
  222. width: 40rpx;
  223. height: 40rpx;
  224. background-color: #0071ef;
  225. border-radius: 50%;
  226. text-align: center;
  227. line-height: 40rpx;
  228. color: #fff;
  229. }
  230. .panelItem .number2 {
  231. background-color: #fff;
  232. border:4rpx solid #0071EF;
  233. width: 36rpx;
  234. height:36rpx;
  235. line-height: 36rpx;
  236. color: #0071ef;
  237. }
  238. .panelItem2 {
  239. margin-right: 30rpx;
  240. font-weight: 400;
  241. }
  242. .panelItem .panelItem21 {
  243. font-weight: 400;
  244. flex-wrap: wrap;
  245. align-items: flex-start;
  246. justify-content: flex-start;
  247. width: 610rpx;
  248. font-size: 36rpx;
  249. color:#1e1e1e;
  250. margin: 40rpx 0 40rpx 40rpx;
  251. }
  252. .panelItem .textNull {
  253. color: #d2d2d2;
  254. font-weight: 400;
  255. }
  256. .panelItem .sound{
  257. width:40rpx;
  258. height:40rpx;
  259. margin: 5rpx 10rpx 0 10rpx;
  260. border-radius: 50%;
  261. background-color: #F0F0F0;
  262. }
  263. .panelItem .universalpic_read_mark_black_20x20 {
  264. width:21rpx;
  265. height:20rpx;
  266. }
  267. .panelItem .textLine {
  268. text-decoration: underline;
  269. }
  270. .panelItem .textHighlighter {
  271. color:#fff;
  272. background-color: #1E1E1E;
  273. }
  274. .panelItem .textPinyin {
  275. text-decoration: underline;
  276. margin-right: 10rpx;
  277. }
  278. .panelItem .panelRecorder {
  279. width: 70rpx;
  280. height: 70rpx;
  281. background-color: #fff;
  282. border-radius: 10rpx;
  283. border:1rpx solid #9B9B9B;
  284. }
  285. .panelItem .universalpic_voicerecorder_transmit_black_44x34{
  286. width: 44rpx;
  287. height: 34rpx;
  288. }
  289. .panelItem .imageFree{
  290. width:100rpx;
  291. }
  292. .panelItem .textReturn{
  293. width:100%;
  294. }
  295. .panelItem .textBr{
  296. width:100%;
  297. height:20rpx;
  298. }
  299. .panelItem .textReturn2{
  300. width:100%;
  301. height:30rpx;
  302. }
  303. .panelSave {
  304. width: 100%;
  305. background-color: #fff;
  306. position: fixed;
  307. bottom: 0;
  308. z-index: 10;
  309. border-top: 1rpx solid #d2d2d2;
  310. }
  311. .panelSave .panelSave00 {
  312. width: 100%;
  313. height: 120rpx;
  314. justify-content: space-between;
  315. }
  316. .panelSave .panelSave1 {
  317. width: 125rpx;
  318. line-height: 120rpx;
  319. text-align: center;
  320. font-size: 28rpx;
  321. color:#1e1e1e;
  322. }
  323. .panelSave .panelSave2 {
  324. width: 500rpx;
  325. background-color: #fff;
  326. color:#1E1E1E;
  327. text-align: center;
  328. line-height: 80rpx;
  329. height:80rpx;
  330. border-radius: 10rpx;
  331. font-size:36rpx;
  332. border:2rpx solid #E3E3E3;
  333. }
  334. .panelSave .panelSave0{
  335. width:290rpx;
  336. line-height:100rpx;
  337. text-align: center;
  338. margin:0;
  339. }
  340. .panelSave .line1 {
  341. width: 4rpx;
  342. height: 30rpx;
  343. background-color: #d2d2d2;
  344. }
  345. .universalpic_preview_black_30x30 {
  346. width: 36rpx;
  347. height: 36rpx;
  348. margin: 0 40rpx;
  349. }
  350. /* 字段编辑 */
  351. .addItem {
  352. justify-content: flex-start;
  353. font-weight: 500;
  354. color: #1e1e1e;
  355. background-color: #f0f0f0;
  356. position: fixed;
  357. }
  358. .left {
  359. margin-left: 20rpx;
  360. }
  361. .right {
  362. margin-right: 20rpx;
  363. }
  364. .panelItemTag {
  365. width: 100%;
  366. height: 100rpx;
  367. background-color: #fff;
  368. }
  369. .panelSaveTag0 {
  370. width: 80rpx;
  371. background-color: #fff;
  372. height: 80rpx;
  373. margin-left: 10rpx;
  374. }
  375. .universalpic_close_black_24x24{
  376. width:24rpx;
  377. height:24rpx;
  378. }
  379. .panelSaveTag1 {
  380. width: 80rpx;
  381. height: 80rpx;
  382. background-color: #fff;
  383. margin-right: 10rpx;
  384. }
  385. .panelSaveTag2 {
  386. width: 80rpx;
  387. height: 80rpx;
  388. border-radius: 10rpx;
  389. background-color: #5282FA;
  390. }
  391. .universalpic_underline_default_20x40{
  392. width:20rpx;
  393. height:40rpx;
  394. }
  395. .universalpic_underline_activate_60x40{
  396. width:60rpx;
  397. height:40rpx;
  398. }
  399. .universalpic_backcolor_default_20x40{
  400. width:20rpx;
  401. height:40rpx;
  402. }
  403. .universalpic_backcolor_activate_60x40{
  404. width:60rpx;
  405. height:40rpx;
  406. }
  407. .universalpic_picture_black_30x30{
  408. width:30rpx;
  409. height:30rpx;
  410. }
  411. .universalpic_soundwave_default_32x22{
  412. width:32rpx;
  413. height:22rpx;
  414. }
  415. .universalpic_soundwave_activate_32x22{
  416. width:32rpx;
  417. height:22rpx;
  418. }
  419. .universalpic_microphone_black_20x30{
  420. width:20rpx;
  421. height:30rpx;
  422. }
  423. .add {
  424. font-size: 42rpx;
  425. font-weight: 600;
  426. margin: 0 10rpx 10rpx 0;
  427. }
  428. .panelSaveTag11{
  429. margin-right: 0;
  430. }
  431. .panelSaveTag3 {
  432. width: 110rpx;
  433. font-size:28rpx;
  434. text-align: center;
  435. line-height: 80rpx;
  436. }
  437. .panelSaveTag31 {
  438. width: 90rpx;
  439. margin-right:10rpx;
  440. }
  441. .line1 {
  442. width: 4rpx;
  443. height: 30rpx;
  444. background-color: #d2d2d2;
  445. margin-right: 20rpx;
  446. }
  447. .universalpic_help_gray_26x26 {
  448. width: 26rpx;
  449. height: 26rpx;
  450. margin: 0 0 0 40rpx;
  451. }
  452. .panelInput {
  453. width: 100%;
  454. margin-top: 10rpx;
  455. background-color: #fff;
  456. font-size: 36rpx;
  457. font-weight: 400;
  458. }
  459. .input {
  460. margin: 30rpx 30rpx 0 30rpx;
  461. width: 690rpx;
  462. height: 315rpx;
  463. }
  464. .panelBtnItem {
  465. width: 100%;
  466. background-color: #fff;
  467. }
  468. .panelBtnSmall {
  469. z-index: 10;
  470. width:100%;
  471. height: 100rpx;
  472. background-color: #fff;
  473. display: flex;
  474. white-space: nowrap;
  475. }
  476. .panelBtnSmall .btn0 {
  477. width: 10rpx;
  478. display: inline-block;
  479. }
  480. .panelBtnSmall .btn {
  481. width: 80rpx;
  482. background-color: #fff;
  483. border: 1rpx solid #fff;
  484. color: #787878;
  485. border-radius: 10rpx;
  486. text-align: center;
  487. line-height: 80rpx;
  488. height: 80rpx;
  489. margin-top: 10rpx;
  490. margin-right: 10rpx;
  491. font-size: 28rpx;
  492. font-weight: 700;
  493. display: inline-block;
  494. }
  495. .panelBtnSmall .btn1 {
  496. border: 1rpx solid #f0f0f0;
  497. background-color: #f0f0f0;
  498. color: #1e1e1e;
  499. }
  500. .panelBtnSmall .btn2 {
  501. font-size: 24rpx;
  502. }
  503. .universalpic_editbar_brackets_gray {
  504. width: 34rpx;
  505. height: 26rpx;
  506. }
  507. .universalpic_editbar_underline_gray {
  508. width: 18rpx;
  509. height: 28rpx;
  510. }
  511. .universalpic_read_end_white_44x26{
  512. width: 44rpx;
  513. height: 26rpx;
  514. }
  515. .universalpic_editbar_sqr_gray {
  516. width: 25rpx;
  517. height: 22rpx;
  518. }
  519. .panelBtn {
  520. width: 100%;
  521. background-color: #f8f8f8;
  522. z-index: 10;
  523. }
  524. .panelBtn .line1 {
  525. width: 4rpx;
  526. height: 30rpx;
  527. background-color: #d2d2d2;
  528. }
  529. .panelBtn .text1 {
  530. width: 374rpx;
  531. line-height: 100rpx;
  532. text-align: center;
  533. font-size: 28rpx;
  534. color: #a20602;
  535. }
  536. .panelBtn .text2 {
  537. color: #0071ef;
  538. }
  539. .lineFooter {
  540. z-index: 10;
  541. }
  542. /* 更多功能 */
  543. .numberContainer {
  544. width: 100%;
  545. justify-content: flex-start;
  546. align-items: flex-start;
  547. position: fixed;
  548. background-color: #f0f0f0;
  549. color:#1e1e1e;
  550. z-index: 20;
  551. border-top: 1 solid #fff;
  552. }
  553. .universalpic_bell_black_30x30{
  554. width:42rpx;
  555. height:30rpx;
  556. margin: 50rpx 20rpx 0 30rpx;
  557. }
  558. .numberContainer .numberContaineFooter{
  559. width: 100%;
  560. position: fixed;
  561. bottom: 0;
  562. align-items: flex-start;
  563. font-size: 36rpx;
  564. border-top: 1rpx solid rgba(0, 0, 0, 0.2);
  565. text-align: center;
  566. line-height: 131rpx;
  567. }
  568. .numberContainer .numberContaineFooter2{
  569. color:#B3443B;
  570. font-weight: 500;
  571. }
  572. .universalpic_sequence_black_30x30_2{
  573. margin: 50rpx 20rpx 0 30rpx;
  574. }
  575. .numberContainerFooter1{
  576. width:100%;
  577. position: fixed;
  578. bottom:131rpx;
  579. }
  580. .numberContainerFooter102{
  581. width:100%;
  582. height: 132rpx;
  583. justify-content: flex-start;
  584. }
  585. .numberContainerFooter103{
  586. width:100%;
  587. height: 111rpx;
  588. justify-content: flex-start;
  589. }
  590. .numberContainerFooter104{
  591. width:100%;
  592. height: 100rpx;
  593. justify-content: flex-start;
  594. }
  595. .numberContainerFooter101{
  596. width:100%;
  597. height: 357rpx;
  598. justify-content: flex-start;
  599. align-items: flex-start;
  600. }
  601. .universalpic_edit_gray_25x25{
  602. width: 25rpx;
  603. height: 25rpx;
  604. margin: 0 30rpx 0 30rpx;
  605. }
  606. .universalpic_typesize_gray_30x18{
  607. width: 30rpx;
  608. height: 18rpx;
  609. margin: 57rpx 20rpx 0 30rpx;
  610. }
  611. .numberContainerFooter11{
  612. align-items: flex-start;
  613. margin-top: 40rpx;
  614. }
  615. .numberContainerFooter111{
  616. font-size:36rpx;
  617. font-weight: 400;
  618. }
  619. .numberContainerFooter1111{
  620. margin-top: 40rpx;
  621. }
  622. .numberContainerFooter113{
  623. font-size:28rpx;
  624. font-weight: 400;
  625. margin-left: 80rpx;
  626. }
  627. .numberContainerFooter112{
  628. justify-content: flex-start;
  629. flex-wrap: wrap;
  630. }
  631. .numberContainerFooter1121{
  632. line-height:73rpx;
  633. border:3rpx solid #D2D2D2;
  634. border-radius: 10rpx;
  635. text-align: center;
  636. margin: 30rpx 30rpx 0 0;
  637. font-size:24rpx;
  638. padding: 0 30rpx;
  639. }
  640. .numberContainerFooter1121Select{
  641. border:3rpx solid #0071EF;
  642. color:#fff;
  643. background-color: #0071EF;
  644. }
  645. .RecorderPanel1{
  646. width:100%;
  647. height:332rpx;
  648. background-color: #fff;
  649. position: fixed;
  650. bottom:0rpx;
  651. justify-content: flex-start;
  652. border-top:1rpx solid #d2d2d2;
  653. }
  654. .RecorderPanel11{
  655. width:100%;
  656. margin-top: 60rpx;
  657. }
  658. .RecorderPanel111{
  659. margin-left: 30rpx;
  660. }
  661. .RecorderPanel1111{
  662. margin-left: 20rpx;
  663. font-size:36rpx;
  664. }
  665. .RecorderPanel112{
  666. font-family: 'Roboto-Black';
  667. font-size:36rpx;
  668. color:#787878;
  669. }
  670. .RecorderPanel1121{
  671. color:#0071EF;
  672. }
  673. .btnRecorderStart{
  674. width:690rpx;
  675. line-height:110rpx;
  676. background-color: #fff;
  677. border:2rpx solid #E3E3E3;
  678. text-align: center;
  679. font-size:28rpx;
  680. font-weight: 500;
  681. color:#1E1E1E;
  682. margin-top: 40rpx;
  683. border-radius: 10rpx;
  684. }
  685. .RecorderPanel12{
  686. width:690rpx;
  687. height:110rpx;
  688. margin-top: 20rpx;
  689. justify-content: space-between;
  690. }
  691. .btnRecorderStart2{
  692. width:335rpx;
  693. color:#1E1E1E;
  694. }
  695. .symbol1{
  696. font-size:28rpx;
  697. margin-right: 20rpx;
  698. color:#F44336;
  699. }
  700. .symbol2{
  701. font-size:28rpx;
  702. margin-right: 20rpx;
  703. color:#4D4D4D;
  704. }
  705. .btnRecorderEnd{
  706. color:#fff;
  707. background-color: #5282FA;
  708. border:2rpx solid #5282FA;
  709. }
  710. .RecorderPanel2{
  711. width:100%;
  712. height:449rpx;
  713. position: fixed;
  714. bottom:332rpx;
  715. }
  716. .edit_voicerecorder_illus{
  717. width:222rpx;
  718. height:449rpx;
  719. }
  720. .RecorderPanel3{
  721. width:100%;
  722. min-height:714rpx;
  723. position: fixed;
  724. top:0;
  725. justify-content: flex-start;
  726. }
  727. .RecorderPanel31{
  728. width:100%;
  729. margin:30rpx 0;
  730. justify-content: flex-start;
  731. align-items: flex-start;
  732. }
  733. .panelLine2{
  734. width:680rpx;
  735. height:1rpx;
  736. background-color: #d2d2d2;
  737. }
  738. .RecorderPanel311{
  739. font-size:20rpx;
  740. color:#4D4D4D;
  741. margin-left: 30rpx;
  742. }
  743. .RecorderPanel32{
  744. width:690rpx;
  745. height:500rpx;
  746. font-size:36rpx;
  747. font-weight: 400;
  748. margin-top:30rpx;
  749. }
  750. /* ****菜单********* */
  751. .panelMenu{
  752. width: 100%;
  753. justify-content: flex-end;
  754. position: fixed;
  755. bottom: 0;
  756. background-color: rgba(0, 0, 0, 0.66);
  757. z-index: 20;
  758. }
  759. .panelMenu1{
  760. width:710rpx;
  761. min-height: 110rpx;
  762. line-height: 110rpx;
  763. text-align: center;
  764. border-radius: 20rpx;
  765. background-color: #fff;
  766. font-size:36rpx;
  767. font-weight: 400;
  768. justify-content: space-between;
  769. }
  770. .panelMenu10{
  771. margin-bottom: 70rpx;
  772. }
  773. .panelMenu11{
  774. color:#FE6659;
  775. font-weight: 500;
  776. margin-bottom: 20rpx;
  777. }
  778. .panelMenu12{
  779. margin-bottom: 20rpx;
  780. }
  781. .Arrow{
  782. width:16rpx;
  783. height:26rpx;
  784. margin:0 30rpx;
  785. }
  786. .panelMenuLine{
  787. width:100%;
  788. height:1rpx;
  789. background-color: #d2d2d2;
  790. }
  791. .iphone10plusMenu{
  792. width:100%;
  793. height:200rpx;
  794. }
  795. .HelpContainer{
  796. background-color:rgba(0,0,0,0.16);
  797. position: fixed;
  798. top:0;
  799. z-index: 100;
  800. }
  801. .HelpContainer .HelpPanel1{
  802. position: fixed;
  803. width:100%;
  804. bottom:0;
  805. background-color: #F8F8F8;
  806. border-top:1rpx solid #b6b6b6;
  807. }
  808. .HelpContainer .HelpPanel11{
  809. width:100%;
  810. height: 100rpx;
  811. justify-content: space-between;
  812. border-bottom:1rpx solid #d2d2d2;
  813. }
  814. .HelpContainer .HelpPanel111{
  815. width:80rpx;
  816. height:80rpx;
  817. margin-left: 20rpx;
  818. }
  819. .HelpContainer .HelpPanel112{
  820. min-width:80rpx;
  821. height:80rpx;
  822. line-height: 80rpx;
  823. margin-right: 20rpx;
  824. }
  825. .HelpPanel2{
  826. width:100%;
  827. height:822rpx;
  828. margin-bottom: 80rpx;
  829. }
  830. .universalpic_close_black_24x24{
  831. width:24rpx;
  832. height:24rpx;
  833. }
  834. .HelpContainer .HelpPanel12{
  835. width:100%;
  836. border-top:1rpx solid #D2D2D2;
  837. }
  838. .help_board_tips_jiaziliao{
  839. width:630rpx;
  840. height:454rpx;
  841. margin: 80rpx 0;
  842. }
  843. .help_board_tips_gengduo{
  844. width:630rpx;
  845. height:583rpx;
  846. margin: 80rpx 0;
  847. }
  848. .help_board_tips_qingchu{
  849. width:630rpx;
  850. height:408rpx;
  851. margin: 80rpx 0;
  852. }
  853. .help_board_tips_meihua{
  854. width:630rpx;
  855. height:616rpx;
  856. margin: 80rpx 0;
  857. }
  858. .help_board_tips_geshi{
  859. width: 630rpx;
  860. height:620rpx;
  861. margin: 80rpx 0;
  862. }
  863. /* ************************** */
  864. .HelpPanel3{
  865. height:568rpx;
  866. margin-bottom: 0;
  867. }
  868. .panelTitle2{
  869. width: 690rpx;
  870. align-items: flex-start;
  871. }
  872. .panelTitle21{
  873. font-size:32rpx;
  874. color:#4D4D4D;
  875. }
  876. .panelTitle22{
  877. font-size:20rpx;
  878. color:#787878;
  879. margin-top:4rpx;
  880. }
  881. .panelTitle22MenuBtnSelect{
  882. color:#fff;
  883. font-size:20rpx;
  884. margin-top:4rpx;
  885. }
  886. .panelTitle22MenuBtnDisabled{
  887. color:#BCBCBC;
  888. font-size:20rpx;
  889. margin-top:4rpx;
  890. }
  891. .FontsizeShow{
  892. width:690rpx;
  893. height:211rpx;
  894. font-size:48rpx;
  895. columns: #4d4d4d;
  896. border-radius: 10rpx;
  897. background-color: #e3e3e3;
  898. margin-top:30rpx;
  899. text-align: center;
  900. line-height: 211rpx;
  901. font-weight: 400;
  902. }
  903. .MenuBtn{
  904. margin-top:30rpx;
  905. width:690rpx;
  906. justify-content: space-between;
  907. }
  908. .MenuBtn1{
  909. width:157rpx;
  910. height:100rpx;
  911. border-radius: 10rpx;
  912. background-color: #fff;
  913. text-align: center;
  914. line-height: 100rpx;
  915. border:2rpx solid #DCDCDC;
  916. font-size: 24rpx;
  917. }
  918. .MenuBtnSelect{
  919. background-color: #5282FA;
  920. border:2rpx solid #5282FA;
  921. color:#fff;
  922. font-size:36rpx;
  923. }
  924. /* ************************** */
  925. .HelpPanel4{
  926. height:805rpx;
  927. margin-bottom: 0;
  928. justify-content: flex-start;
  929. }
  930. .panelTitle20{
  931. margin-top:60rpx;
  932. }
  933. .MenuBtn2{
  934. width:260rpx;
  935. font-size: 28rpx;
  936. font-weight: 400;
  937. }
  938. .MenuBtn3{
  939. width:380rpx;
  940. font-size: 28rpx;
  941. font-weight: 400;
  942. justify-content: space-between;
  943. padding-left:30rpx;
  944. margin-right:20rpx;
  945. }
  946. .MenuList{
  947. width:100%;
  948. height:647rpx;
  949. background-color: #fff;
  950. justify-content: flex-start;
  951. margin-top:30rpx;
  952. overflow-y: auto;
  953. }
  954. .MenuItem{
  955. width:710rpx;
  956. height:104rpx;
  957. border:2rpx solid #E3E3E3;
  958. margin:0 0 20rpx 20rpx;
  959. border-radius: 10rpx;
  960. }
  961. .MenuItem1{
  962. width:650rpx;
  963. font-size:28rpx;
  964. font-weight: 400;
  965. overflow: hidden;
  966. }
  967. .panelMenuBottom {
  968. width: 100%;
  969. height:160rpx;
  970. justify-content: space-between;
  971. font-size:24rpx;
  972. font-weight: 400;
  973. border-top:1rpx solid #d2d2d2;
  974. }
  975. .panelMenuBottom1 {
  976. width: 500rpx;
  977. height:160rpx;
  978. margin-left: 20rpx;
  979. justify-content: flex-start;
  980. }
  981. .Circle {
  982. width: 34rpx;
  983. height:34rpx;
  984. border-radius: 50%;
  985. border:3rpx solid #D2D2D2;
  986. background-color: #fff;
  987. margin:0 20rpx 0 10rpx;
  988. }
  989. .CircleSelected{
  990. background-color: #5282FA;
  991. border:2rpx solid #5282FA;
  992. }
  993. .universalpic_checked_white_22x18{
  994. width: 22rpx;
  995. height:18rpx;
  996. }
  997. .panelTop12 {
  998. margin:0 30rpx;
  999. }
  1000. /* *************** */
  1001. .HelpPanel5{
  1002. height:650rpx;
  1003. margin-bottom: 0;
  1004. }
  1005. .panelTitle23{
  1006. font-size:36rpx;
  1007. color:#fff;
  1008. background-color: #5282FA;
  1009. margin-top:30rpx;
  1010. }
  1011. .panelTitle24{
  1012. font-size:28rpx;
  1013. margin-top:30rpx;
  1014. font-weight: 400;
  1015. }
  1016. .MenuBtn4{
  1017. width: 122rpx;
  1018. }
  1019. .universalpic_bell_black_30x30_2{
  1020. width:30rpx;
  1021. height:30rpx;
  1022. margin: 0 20rpx 0 10rpx;
  1023. }
  1024. .MenuBtn5{
  1025. width:690rpx;
  1026. font-size: 28rpx;
  1027. font-weight: 400;
  1028. justify-content: space-between;
  1029. margin-top:30rpx;
  1030. }
  1031. .panelHeight100{
  1032. width:100%;
  1033. height:100rpx;
  1034. }
  1035. /* *************** */
  1036. .HelpPanel6{
  1037. height:800rpx;
  1038. margin-bottom: 0;
  1039. justify-content: flex-start;
  1040. }
  1041. .MenuBtn6{
  1042. width:690rpx;
  1043. height:132rpx;
  1044. font-size: 28rpx;
  1045. font-weight: 400;
  1046. justify-content: flex-start;
  1047. margin-top:30rpx;
  1048. }
  1049. .richang_normal_b_60x60{
  1050. width:60rpx;
  1051. height:60rpx;
  1052. margin:0 30rpx;
  1053. }
  1054. .MenuBtn61{
  1055. align-items: flex-start;
  1056. line-height: normal;
  1057. }
  1058. .MenuBtn7{
  1059. width:640rpx;
  1060. margin-top:40rpx;
  1061. align-items: flex-start;
  1062. font-size:28rpx;
  1063. font-weight: 400;
  1064. justify-content: space-between;
  1065. }
  1066. .MenuBtn71{
  1067. width:500rpx;
  1068. margin-top:4rpx;
  1069. font-size:20rpx;
  1070. }
  1071. .switch{
  1072. margin-top:20rpx;
  1073. }
  1074. .MenuBtn8{
  1075. width:100%;
  1076. height:100rpx;
  1077. margin-top:40rpx;
  1078. }
  1079. .MenuBtn80{
  1080. font-size:20rpx;
  1081. justify-content: flex-start;
  1082. background-color: #E3FCF3;
  1083. margin-bottom: 50rpx;
  1084. }
  1085. .universalpic_infor_green_40x40{
  1086. width:40rpx;
  1087. height:40rpx;
  1088. margin:0 30rpx;
  1089. }
  1090. .MenuBtnDisabled{
  1091. border:2rpx solid #E3E3E3;
  1092. background-color: #F0F0F0;
  1093. color:#BCBCBC;
  1094. position: relative;
  1095. }
  1096. .universalpic_stop_black_20x20{
  1097. width:20rpx;
  1098. height:20rpx;
  1099. }
  1100. .disabled{
  1101. font-size:20rpx;
  1102. color:#4D4D4D;
  1103. position: absolute;
  1104. top:30rpx;
  1105. right:30rpx;
  1106. }
  1107. .disabled1{
  1108. line-height: normal;
  1109. }