add.wxss 20 KB

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