add.wxss 19 KB

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