add.wxss 19 KB

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