add.wxss 19 KB

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