school.wxss 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791
  1. .panelSchool1{
  2. margin-top: 35rpx;
  3. }
  4. .panelNullImage{
  5. width:710rpx;
  6. height:380rpx;
  7. background-color: #E3E3E3;
  8. border-top-left-radius: 20rpx;
  9. border-top-right-radius: 20rpx;
  10. color:#9B9B9B;
  11. font-size:28rpx;
  12. position: relative;
  13. }
  14. .icon_sys_13{
  15. width: 60rpx;
  16. height:60rpx;
  17. margin-bottom: 20rpx;
  18. }
  19. .btnHelp{
  20. width:100rpx;
  21. height:40rpx;
  22. line-height: 40rpx;
  23. background-color: #fff;
  24. color:#EB5C28;
  25. font-size:20rpx;
  26. border-radius: 10rpx;
  27. text-align: center;
  28. position: absolute;
  29. right:40rpx;
  30. bottom:40rpx;
  31. }
  32. .panelSchoolImage{
  33. width:100%;
  34. height:380rpx;
  35. border-top-left-radius: 20rpx;
  36. border-top-right-radius: 20rpx;
  37. }
  38. .panelSchoolLogo{
  39. width:120rpx;
  40. height:120rpx;
  41. border-radius: 50%;
  42. position: absolute;
  43. left:60rpx;
  44. top:290rpx;
  45. }
  46. .panelSchoolText01{
  47. font-size: 48rpx;
  48. font-weight: 700rpx;
  49. align-self: start;
  50. margin:50rpx 0 0 40rpx;
  51. }
  52. .panelSchool11{
  53. align-self: start;
  54. margin:20rpx 0 0 40rpx;
  55. font-weight: 400;
  56. font-size: 24rpx;
  57. color:#787878;
  58. justify-content: flex-start;
  59. }
  60. .panelSchoolText03{
  61. font-size: 24rpx;
  62. font-weight: 400;
  63. align-self: start;
  64. margin:10rpx 0 0 40rpx;
  65. }
  66. .panelSchool12{
  67. width:630rpx;
  68. justify-content: space-between;
  69. margin: 60rpx 0 0 0;
  70. }
  71. .panelSchool121{
  72. align-items: flex-start;
  73. }
  74. .panelSchool122{
  75. align-items: flex-end;
  76. }
  77. .panelSchoolText04{
  78. color:#9B9B9B;
  79. margin-bottom: 4rpx;
  80. font-size: 20rpx;
  81. }
  82. .panelSchoolText05{
  83. font-size: 28rpx;
  84. height:40rpx;
  85. }
  86. .panelSchoolText06{
  87. font-size: 34rpx;
  88. font-family: 'Roboto-Black';
  89. }
  90. .panelSchoolText061{
  91. font-size: 28rpx;
  92. font-weight: 400;
  93. }
  94. .panelSchool13{
  95. width:100%;
  96. height:94rpx;
  97. justify-content: space-between;
  98. font-size: 24rpx;
  99. }
  100. .panelMarginTop{
  101. margin-top: 30rpx;
  102. }
  103. .icon_nextpage_4{
  104. width:12rpx;
  105. height:18rpx;
  106. margin-left: 10rpx;
  107. }
  108. .panelSchool21{
  109. width:630rpx;
  110. height:152rpx;
  111. align-items: flex-start;
  112. }
  113. .panelSchool22{
  114. width:630rpx;
  115. height:93rpx;
  116. justify-content: flex-start;
  117. font-size: 24rpx;
  118. color:#EB5C28;
  119. margin: -40rpx 0 20rpx 0;
  120. }
  121. .panelSchoolText08{
  122. align-self: start;
  123. margin: 50rpx 0 40rpx 40rpx;
  124. }
  125. .panelSchoolText081{
  126. width: 670rpx;
  127. align-self: start;
  128. margin: 0 0 40rpx 40rpx;
  129. position: relative;
  130. }
  131. .panelLine02{
  132. margin-bottom: 50rpx;
  133. }
  134. .panelSchoolText0811{
  135. font-size:36rpx;
  136. }
  137. .panelSchoolText082{
  138. align-self: start;
  139. margin: 0 0 0 40rpx;
  140. color:#9B9B9B;
  141. font-size:20rpx;
  142. }
  143. .panelSchoolText083{
  144. margin: 4rpx 0 30rpx 40rpx;
  145. }
  146. .panelSchoolText084{
  147. margin: 4rpx 0 30rpx 40rpx;
  148. font-size:28rpx;
  149. }
  150. .panelSchool31{
  151. width: 100%;
  152. }
  153. .panelSchool311{
  154. width:176rpx;
  155. height:187rpx;
  156. justify-content: flex-start;
  157. }
  158. .panelSchool3111{
  159. width: 100%;
  160. }
  161. .icon_sys_04{
  162. width: 28rpx;
  163. height: 28rpx;
  164. margin: 20rpx 0 10rpx 0;
  165. }
  166. .icon_sys_09{
  167. width: 28rpx;
  168. height: 28rpx;
  169. margin-right: 20rpx;
  170. }
  171. .panelSchoolText09{
  172. font-size: 24rpx;
  173. font-weight: 400;
  174. width:390rpx;
  175. }
  176. .panelSchoolText090{
  177. font-size: 24rpx;
  178. color:#FE6659;
  179. font-family: 'Roboto-Black';
  180. }
  181. .panelSchoolText091{
  182. font-size: 24rpx;
  183. color:#03AF69;
  184. font-family: 'Roboto-Black';
  185. }
  186. .panelSchoolText092{
  187. font-size: 20rpx;
  188. color:#4D4D4D;
  189. }
  190. .panelSchoolLine02{
  191. width:630rpx;
  192. height: 1rpx;
  193. margin-top: 20rpx;
  194. background-color: #E3E3E3;
  195. }
  196. .panelSchoolText10{
  197. font-size: 20rpx;
  198. width:620rpx;
  199. margin:30rpx 0 0 0;
  200. justify-content: space-between;
  201. }
  202. .panelSchoolText11{
  203. font-size: 32rpx;
  204. font-family: 'Roboto-Black';
  205. }
  206. .panelSchoolText111{
  207. width:176rpx;
  208. margin: 30rpx 0 50rpx 0;
  209. text-align: center;
  210. }
  211. .panelSchoolText1111{
  212. font-size:24rpx;
  213. font-weight: 400;
  214. }
  215. .panelSchoolText112{
  216. width:162rpx;
  217. }
  218. .line_02{
  219. width: 710rpx;
  220. height: 6rpx;
  221. }
  222. .radio2{
  223. margin: 60rpx 0 20rpx 0;
  224. }
  225. .radio21{
  226. margin: 0 10rpx;
  227. }
  228. .panelSchoolIndependent{
  229. width:100%;
  230. margin-top: 20rpx;
  231. align-items: flex-start;
  232. }
  233. .panelSchoolIndependent1{
  234. justify-content: flex-start;
  235. }
  236. .panelSchoolIndependentText1{
  237. width:360rpx;
  238. height:98rpx;
  239. line-height: 98rpx;
  240. margin-left: 40rpx;
  241. }
  242. .panelSchoolIndependent2{
  243. width:670rpx;
  244. height:124rpx;
  245. border-radius: 10rpx;
  246. background-color: #f8f8f8;
  247. margin:0 0 30rpx 20rpx;
  248. align-items: flex-start;
  249. }
  250. .panelSchoolIndependent3{
  251. justify-content: flex-start;
  252. margin-bottom: 30rpx;
  253. }
  254. .panelSchoolIndependentText2{
  255. width:360rpx;
  256. margin-left: 40rpx;
  257. }
  258. .panelSchoolText16{
  259. font-size:20rpx;
  260. font-weight: 400;
  261. margin-left: 30rpx;
  262. width:610rpx;
  263. }
  264. .panelSchoolIndependent4{
  265. margin: 30rpx 0 13rpx 40rpx;
  266. }
  267. .panelTool1{
  268. width:418rpx;
  269. margin: 40rpx 0 0 30rpx;
  270. align-self: start;
  271. }
  272. .panelTool1_1{
  273. margin-left: 20rpx;
  274. }
  275. .panelSchool4{
  276. height:300rpx;
  277. justify-content: flex-start;
  278. }
  279. .panelSchool7{
  280. justify-content: flex-start;
  281. min-height: 350rpx;
  282. }
  283. .panelSchool40{
  284. width: 100%;
  285. justify-content: space-between;
  286. align-items: flex-start;
  287. }
  288. .panelSchool41{
  289. align-items: flex-start;
  290. margin-left: 40rpx;
  291. margin-top: 50rpx;
  292. font-weight: 700;
  293. }
  294. .panelSchool410{
  295. margin-left: 40rpx;
  296. color:#EB5C28;
  297. font-weight: 700;
  298. }
  299. .panelSchool411{
  300. font-size: 36rpx;
  301. }
  302. .panelSchool4110{
  303. font-size: 36rpx;
  304. margin-top: 50rpx;
  305. }
  306. .panelSchool412{
  307. margin: 40rpx 0 20rpx 0;
  308. align-items: flex-start;
  309. }
  310. .panelSchool413{
  311. margin-top: 20rpx;
  312. }
  313. .panelSchool414{
  314. margin-top: 20rpx;
  315. font-size: 20rpx;
  316. color: #9B9B9B;
  317. font-weight: 700;
  318. }
  319. .panelSchoolText21{
  320. font-size: 24rpx;
  321. }
  322. .icon_web_01{
  323. width:24rpx;
  324. height:30rpx;
  325. margin-right: 20rpx;
  326. }
  327. .icon_web_02{
  328. width:24rpx;
  329. height:24rpx;
  330. margin-right: 20rpx;
  331. }
  332. .panelSchoolText12{
  333. font-size: 24rpx;
  334. width:360rpx;
  335. font-weight: 400;
  336. }
  337. .panelSchoolText13{
  338. font-size: 24rpx;
  339. font-weight: 400;
  340. }
  341. .panelSchoolText131{
  342. line-height: 40rpx;
  343. height:126rpx;
  344. align-items: flex-start;
  345. }
  346. .panelSchoolText17{
  347. font-size: 24rpx;
  348. margin: 50rpx 0 0 40rpx;
  349. font-weight: 400;
  350. align-self: start;
  351. }
  352. .panelSchoolText18{
  353. font-size: 36rpx;
  354. margin: 0 0 0 40rpx;
  355. align-self: start;
  356. }
  357. .panelSchoolQRCode{
  358. width:200rpx;
  359. height:200rpx;
  360. position: absolute;
  361. top:100rpx;
  362. right:30rpx;
  363. }
  364. .panelScrollView{
  365. margin: -10rpx 0 30rpx 0;
  366. width: 666rpx;
  367. justify-content: flex-start;
  368. align-items: flex-start;
  369. }
  370. .scrollItem{
  371. width:210rpx;
  372. height:210rpx;
  373. border-radius: 10rpx;
  374. margin: 0 5rpx;
  375. border:1rpx solid #d2d2d2;
  376. }
  377. .panelSchool5{
  378. justify-content: space-between;
  379. height:220rpx;
  380. }
  381. .panelSchool51{
  382. align-items: flex-start;
  383. margin-left: 40rpx;
  384. }
  385. .panelSchool512{
  386. margin-top: 30rpx;
  387. align-items: flex-start;
  388. }
  389. .panelSchool52{
  390. width:213rpx;
  391. justify-content: flex-start;
  392. }
  393. .icon_loc_01{
  394. width:20rpx;
  395. height:33rpx;
  396. margin-right: 20rpx;
  397. }
  398. .pic_03{
  399. width:120rpx;
  400. height:120rpx;
  401. margin-right: 37rpx;
  402. border-radius: 20rpx;
  403. }
  404. .panelFold{
  405. width:154rpx;
  406. height:100rpx;
  407. position: absolute;
  408. right:0rpx;
  409. top:-30rpx;
  410. }
  411. .panelFold1{
  412. width:34rpx;
  413. height:34rpx;
  414. background-color: #EB5C28;
  415. border-radius: 50%;
  416. }
  417. .icon_fold_04{
  418. width:18rpx;
  419. height:10rpx;
  420. }
  421. .panelContent{
  422. width:630rpx;
  423. font-size: 28rpx;
  424. font-weight: 400;
  425. margin-bottom: 50rpx;
  426. }
  427. .panelSchoolText14{
  428. width:630rpx;
  429. font-size:20rpx;
  430. font-weight: 400;
  431. margin-top: 60rpx;
  432. }
  433. .panelSchoolText15{
  434. font-size:20rpx;
  435. font-weight: 700;
  436. color:#EB5C28;
  437. text-decoration: underline;
  438. }
  439. .panelSchoolText19{
  440. margin: 60rpx 0 30rpx 40rpx;
  441. font-size: 24rpx;
  442. font-weight: 400;
  443. align-self: start;
  444. }
  445. .panelSchool221{
  446. margin: 30rpx 0 0 0;
  447. height:43rpx;
  448. }
  449. .btnMyWish{
  450. position:absolute;
  451. top:50rpx;
  452. right:40rpx;
  453. width:136rpx;
  454. height:50rpx;
  455. border:3rpx solid #EB5C28;
  456. color:#EB5C28;
  457. font-size:24rpx;
  458. border-radius: 10rpx;
  459. background-color: #FCE9E3;
  460. }
  461. .btnMyWish2{
  462. width:176rpx;
  463. background-color: #EB5C28;
  464. color:#fff;
  465. }
  466. .panel114{
  467. width:710rpx;
  468. }
  469. .panel1142{
  470. justify-content: flex-start;
  471. width:630rpx;
  472. }
  473. .panel11421{
  474. justify-content: flex-start;
  475. width:620rpx;
  476. align-items: flex-start;
  477. }
  478. .panel11421_1{
  479. width:580rpx;
  480. line-height:33rpx;
  481. }
  482. .avatar{
  483. border-radius: 50%;
  484. width:40rpx;
  485. height:40rpx;
  486. background-color: #E3E3E3;
  487. margin-right: 10rpx;
  488. }
  489. .avatarIcon{
  490. width:40rpx;
  491. height:40rpx;
  492. border-radius: 50%;
  493. }
  494. .nickName{
  495. font-size: 24rpx;
  496. font-weight: 700;
  497. }
  498. .text02{
  499. font-size: 24rpx;
  500. margin-left: 10rpx;
  501. font-weight: 400;
  502. }
  503. .icon_share_03{
  504. width:30rpx;
  505. height:30rpx;
  506. margin-right: 10rpx;
  507. }
  508. .panel11422{
  509. font-size: 28rpx;
  510. color:#EB5C28;
  511. position: absolute;
  512. bottom:30rpx;
  513. }
  514. .panel11423{
  515. width:580rpx;
  516. margin: 10rpx 0 0 50rpx;
  517. font-size:28rpx;
  518. font-weight: 400;
  519. }
  520. .panel11420{
  521. margin-bottom: 30rpx;
  522. }
  523. .panelSchoolText1311{
  524. margin: 0rpx 40rpx 0 40rpx;
  525. width: 100%;
  526. }
  527. .panel114221{
  528. align-self: flex-start;
  529. margin-left: 40rpx;
  530. line-height:113rpx;
  531. }
  532. .panel114222{
  533. align-self: flex-start;
  534. height:113rpx;
  535. width:218rpx;
  536. color:#EB5C28;
  537. font-weight: 700;
  538. }
  539. .icon_refresh_01{
  540. width:30rpx;
  541. height:28rpx;
  542. margin-right: 10rpx;
  543. }
  544. .icon_nextpage_4{
  545. width:12rpx;
  546. height:18rpx;
  547. margin-left: 10rpx;
  548. }
  549. .panelSchoolText20{
  550. width: 620rpx;
  551. margin: 50rpx 0 40rpx 0;
  552. justify-content: space-between;
  553. }
  554. .panelSchoolText201{
  555. font-size:20rpx;
  556. color:#787878;
  557. }
  558. .panelSchoolText2011{
  559. font-family: Roboto-Black;
  560. font-size: 24rpx;
  561. color: #4D4D4D;
  562. text-align: right;
  563. margin-left: 10rpx;
  564. }
  565. .panelSchool14{
  566. width:100%;
  567. justify-content: space-between;
  568. height:140rpx;
  569. margin-top: 30rpx;
  570. }
  571. .panelSchool141{
  572. font-size:24rpx;
  573. margin-left: 40rpx;
  574. }
  575. .panelSchool142{
  576. margin-right: 50rpx;
  577. }
  578. .face_hs_0{
  579. width:266rpx;
  580. height:66rpx;
  581. }
  582. .panelSchool1421{
  583. font-family: Roboto-Black;
  584. font-size: 24rpx;
  585. color: #4D4D4D;
  586. margin: 0 0 0 20rpx;
  587. }
  588. .panelSchool1422{
  589. margin: 0 20rpx 0 0;
  590. }
  591. .face_hs_1{
  592. width:66rpx;
  593. height:66rpx;
  594. }
  595. .face_hs_2{
  596. margin-left: -5rpx;
  597. }
  598. .face_hs_10{
  599. width:110rpx;
  600. height:110rpx;
  601. margin: 20rpx 0;
  602. }
  603. .panelSchoolLine03{
  604. margin-top: 0rpx;
  605. }
  606. .container2{
  607. position: fixed;
  608. top:0;
  609. background-color: rgba(0,0,0,0.66);
  610. z-index: 100;
  611. }
  612. .panelSchool6{
  613. width:730rpx;
  614. height:596rpx;
  615. justify-content: flex-start;
  616. margin-top: 400rpx;
  617. }
  618. .panelSchool611{
  619. margin: 0 10rpx;
  620. height:286rpx;
  621. }
  622. .panelSchool6111{
  623. font-size: 36rpx;
  624. font-size: 20rpx;
  625. color: #9B9B9B;
  626. height:28rpx;
  627. }
  628. .panelSchool62{
  629. background: #F0F0F0;
  630. border-radius: 20rpx;
  631. font-size: 36rpx;
  632. color: #2E2E2E;
  633. width:670rpx;
  634. text-align: center;
  635. line-height: 110rpx;
  636. }
  637. .panelAd{
  638. width:100%;
  639. }
  640. .panelAD01{
  641. font-size:20rpx;
  642. color:#787878;
  643. width:690rpx;
  644. margin-top: 30rpx;
  645. }
  646. .ad_01{
  647. width:710rpx;
  648. margin-top: 20rpx;
  649. }
  650. .panelTemp{
  651. width:650rpx;
  652. margin: 30rpx 0 0 0;
  653. font-size: 24rpx;
  654. }
  655. .panelSchool81{
  656. width:500rpx;
  657. height: 70rpx;
  658. border-radius: 10rpx;
  659. border:3rpx solid #EB5C28;
  660. background-color: #FCE9E3;
  661. color:#EB5C28;
  662. font-size:28rpx;
  663. margin-top: 30rpx;
  664. }
  665. .icon_sys_16{
  666. width:24rpx;
  667. height:24rpx;
  668. margin-right: 10rpx;
  669. }
  670. .panelSchoolLine04{
  671. width:630rpx;
  672. height: 1rpx;
  673. margin: 100rpx 0 -30rpx 0;
  674. background-color: #d2d2d2;
  675. }
  676. .ad_02{
  677. width:710rpx;
  678. margin: 30rpx 0 0 0;
  679. border-radius: 10rpx;
  680. }