add.wxss 19 KB

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