框架源码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1064 lines
28 KiB

4 years ago
  1. [data-theme="blue"] {
  2. /* BEM support Func
  3. -------------------------- */
  4. /* Element Chalk Variables */
  5. /* Transition
  6. -------------------------- */
  7. /* Color
  8. -------------------------- */
  9. /* 53a8ff */
  10. /* 66b1ff */
  11. /* 79bbff */
  12. /* 8cc5ff */
  13. /* a0cfff */
  14. /* b3d8ff */
  15. /* c6e2ff */
  16. /* d9ecff */
  17. /* ecf5ff */
  18. /* Link
  19. -------------------------- */
  20. /* Border
  21. -------------------------- */
  22. /* Fill
  23. -------------------------- */
  24. /* Typography
  25. -------------------------- */
  26. /* Size
  27. -------------------------- */
  28. /* z-index
  29. -------------------------- */
  30. /* Disable base
  31. -------------------------- */
  32. /* Icon
  33. -------------------------- */
  34. /* Checkbox
  35. -------------------------- */
  36. /* Radio
  37. -------------------------- */
  38. /* Select
  39. -------------------------- */
  40. /* Alert
  41. -------------------------- */
  42. /* MessageBox
  43. -------------------------- */
  44. /* Message
  45. -------------------------- */
  46. /* Notification
  47. -------------------------- */
  48. /* Input
  49. -------------------------- */
  50. /* Cascader
  51. -------------------------- */
  52. /* Group
  53. -------------------------- */
  54. /* Tab
  55. -------------------------- */
  56. /* Button
  57. -------------------------- */
  58. /* cascader
  59. -------------------------- */
  60. /* Switch
  61. -------------------------- */
  62. /* Dialog
  63. -------------------------- */
  64. /* Table
  65. -------------------------- */
  66. /* Pagination
  67. -------------------------- */
  68. /* Popup
  69. -------------------------- */
  70. /* Popover
  71. -------------------------- */
  72. /* Tooltip
  73. -------------------------- */
  74. /* Tag
  75. -------------------------- */
  76. /* Tree
  77. -------------------------- */
  78. /* Dropdown
  79. -------------------------- */
  80. /* Badge
  81. -------------------------- */
  82. /* Card
  83. --------------------------*/
  84. /* Slider
  85. --------------------------*/
  86. /* Steps
  87. --------------------------*/
  88. /* Menu
  89. --------------------------*/
  90. /* Rate
  91. --------------------------*/
  92. /* DatePicker
  93. --------------------------*/
  94. /* Loading
  95. --------------------------*/
  96. /* Scrollbar
  97. --------------------------*/
  98. /* Carousel
  99. --------------------------*/
  100. /* Collapse
  101. --------------------------*/
  102. /* Transfer
  103. --------------------------*/
  104. /* Header
  105. --------------------------*/
  106. /* Footer
  107. --------------------------*/
  108. /* Main
  109. --------------------------*/
  110. /* Timeline
  111. --------------------------*/
  112. /* Backtop
  113. --------------------------*/
  114. /* Link
  115. --------------------------*/
  116. /* Calendar
  117. --------------------------*/
  118. /* Form
  119. -------------------------- */
  120. /* Avatar
  121. --------------------------*/
  122. /* Break-point
  123. --------------------------*/
  124. /* Break-points
  125. -------------------------- */
  126. /* Scrollbar
  127. -------------------------- */
  128. /* Placeholder
  129. -------------------------- */
  130. /* BEM
  131. -------------------------- */
  132. /* Element Chalk Variables */
  133. /* Transition
  134. -------------------------- */
  135. /* Color
  136. -------------------------- */
  137. /* 53a8ff */
  138. /* 66b1ff */
  139. /* 79bbff */
  140. /* 8cc5ff */
  141. /* a0cfff */
  142. /* b3d8ff */
  143. /* c6e2ff */
  144. /* d9ecff */
  145. /* ecf5ff */
  146. /* Link
  147. -------------------------- */
  148. /* Border
  149. -------------------------- */
  150. /* Fill
  151. -------------------------- */
  152. /* Typography
  153. -------------------------- */
  154. /* Size
  155. -------------------------- */
  156. /* z-index
  157. -------------------------- */
  158. /* Disable base
  159. -------------------------- */
  160. /* Icon
  161. -------------------------- */
  162. /* Checkbox
  163. -------------------------- */
  164. /* Radio
  165. -------------------------- */
  166. /* Select
  167. -------------------------- */
  168. /* Alert
  169. -------------------------- */
  170. /* MessageBox
  171. -------------------------- */
  172. /* Message
  173. -------------------------- */
  174. /* Notification
  175. -------------------------- */
  176. /* Input
  177. -------------------------- */
  178. /* Cascader
  179. -------------------------- */
  180. /* Group
  181. -------------------------- */
  182. /* Tab
  183. -------------------------- */
  184. /* Button
  185. -------------------------- */
  186. /* cascader
  187. -------------------------- */
  188. /* Switch
  189. -------------------------- */
  190. /* Dialog
  191. -------------------------- */
  192. /* Table
  193. -------------------------- */
  194. /* Pagination
  195. -------------------------- */
  196. /* Popup
  197. -------------------------- */
  198. /* Popover
  199. -------------------------- */
  200. /* Tooltip
  201. -------------------------- */
  202. /* Tag
  203. -------------------------- */
  204. /* Tree
  205. -------------------------- */
  206. /* Dropdown
  207. -------------------------- */
  208. /* Badge
  209. -------------------------- */
  210. /* Card
  211. --------------------------*/
  212. /* Slider
  213. --------------------------*/
  214. /* Steps
  215. --------------------------*/
  216. /* Menu
  217. --------------------------*/
  218. /* Rate
  219. --------------------------*/
  220. /* DatePicker
  221. --------------------------*/
  222. /* Loading
  223. --------------------------*/
  224. /* Scrollbar
  225. --------------------------*/
  226. /* Carousel
  227. --------------------------*/
  228. /* Collapse
  229. --------------------------*/
  230. /* Transfer
  231. --------------------------*/
  232. /* Header
  233. --------------------------*/
  234. /* Footer
  235. --------------------------*/
  236. /* Main
  237. --------------------------*/
  238. /* Timeline
  239. --------------------------*/
  240. /* Backtop
  241. --------------------------*/
  242. /* Link
  243. --------------------------*/
  244. /* Calendar
  245. --------------------------*/
  246. /* Form
  247. -------------------------- */
  248. /* Avatar
  249. --------------------------*/
  250. /* Break-point
  251. --------------------------*/
  252. /* Element Chalk Variables */
  253. /* Transition
  254. -------------------------- */
  255. /* Color
  256. -------------------------- */
  257. /* 53a8ff */
  258. /* 66b1ff */
  259. /* 79bbff */
  260. /* 8cc5ff */
  261. /* a0cfff */
  262. /* b3d8ff */
  263. /* c6e2ff */
  264. /* d9ecff */
  265. /* ecf5ff */
  266. /* Link
  267. -------------------------- */
  268. /* Border
  269. -------------------------- */
  270. /* Fill
  271. -------------------------- */
  272. /* Typography
  273. -------------------------- */
  274. /* Size
  275. -------------------------- */
  276. /* z-index
  277. -------------------------- */
  278. /* Disable base
  279. -------------------------- */
  280. /* Icon
  281. -------------------------- */
  282. /* Checkbox
  283. -------------------------- */
  284. /* Radio
  285. -------------------------- */
  286. /* Select
  287. -------------------------- */
  288. /* Alert
  289. -------------------------- */
  290. /* MessageBox
  291. -------------------------- */
  292. /* Message
  293. -------------------------- */
  294. /* Notification
  295. -------------------------- */
  296. /* Input
  297. -------------------------- */
  298. /* Cascader
  299. -------------------------- */
  300. /* Group
  301. -------------------------- */
  302. /* Tab
  303. -------------------------- */
  304. /* Button
  305. -------------------------- */
  306. /* cascader
  307. -------------------------- */
  308. /* Switch
  309. -------------------------- */
  310. /* Dialog
  311. -------------------------- */
  312. /* Table
  313. -------------------------- */
  314. /* Pagination
  315. -------------------------- */
  316. /* Popup
  317. -------------------------- */
  318. /* Popover
  319. -------------------------- */
  320. /* Tooltip
  321. -------------------------- */
  322. /* Tag
  323. -------------------------- */
  324. /* Tree
  325. -------------------------- */
  326. /* Dropdown
  327. -------------------------- */
  328. /* Badge
  329. -------------------------- */
  330. /* Card
  331. --------------------------*/
  332. /* Slider
  333. --------------------------*/
  334. /* Steps
  335. --------------------------*/
  336. /* Menu
  337. --------------------------*/
  338. /* Rate
  339. --------------------------*/
  340. /* DatePicker
  341. --------------------------*/
  342. /* Loading
  343. --------------------------*/
  344. /* Scrollbar
  345. --------------------------*/
  346. /* Carousel
  347. --------------------------*/
  348. /* Collapse
  349. --------------------------*/
  350. /* Transfer
  351. --------------------------*/
  352. /* Header
  353. --------------------------*/
  354. /* Footer
  355. --------------------------*/
  356. /* Main
  357. --------------------------*/
  358. /* Timeline
  359. --------------------------*/
  360. /* Backtop
  361. --------------------------*/
  362. /* Link
  363. --------------------------*/
  364. /* Calendar
  365. --------------------------*/
  366. /* Form
  367. -------------------------- */
  368. /* Avatar
  369. --------------------------*/
  370. /* Break-point
  371. --------------------------*/ }
  372. [data-theme="blue"] .fade-in-linear-enter-active,
  373. [data-theme="blue"] .fade-in-linear-leave-active {
  374. -webkit-transition: opacity 200ms linear;
  375. transition: opacity 200ms linear; }
  376. [data-theme="blue"] .fade-in-linear-enter,
  377. [data-theme="blue"] .fade-in-linear-leave,
  378. [data-theme="blue"] .fade-in-linear-leave-active {
  379. opacity: 0; }
  380. [data-theme="blue"] .el-fade-in-linear-enter-active,
  381. [data-theme="blue"] .el-fade-in-linear-leave-active {
  382. -webkit-transition: opacity 200ms linear;
  383. transition: opacity 200ms linear; }
  384. [data-theme="blue"] .el-fade-in-linear-enter,
  385. [data-theme="blue"] .el-fade-in-linear-leave,
  386. [data-theme="blue"] .el-fade-in-linear-leave-active {
  387. opacity: 0; }
  388. [data-theme="blue"] .el-fade-in-enter-active,
  389. [data-theme="blue"] .el-fade-in-leave-active {
  390. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  391. transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  392. [data-theme="blue"] .el-fade-in-enter,
  393. [data-theme="blue"] .el-fade-in-leave-active {
  394. opacity: 0; }
  395. [data-theme="blue"] .el-zoom-in-center-enter-active,
  396. [data-theme="blue"] .el-zoom-in-center-leave-active {
  397. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  398. transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  399. [data-theme="blue"] .el-zoom-in-center-enter,
  400. [data-theme="blue"] .el-zoom-in-center-leave-active {
  401. opacity: 0;
  402. -webkit-transform: scaleX(0);
  403. transform: scaleX(0); }
  404. [data-theme="blue"] .el-zoom-in-top-enter-active,
  405. [data-theme="blue"] .el-zoom-in-top-leave-active {
  406. opacity: 1;
  407. -webkit-transform: scaleY(1);
  408. transform: scaleY(1);
  409. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  410. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  411. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  412. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  413. -webkit-transform-origin: center top;
  414. transform-origin: center top; }
  415. [data-theme="blue"] .el-zoom-in-top-enter,
  416. [data-theme="blue"] .el-zoom-in-top-leave-active {
  417. opacity: 0;
  418. -webkit-transform: scaleY(0);
  419. transform: scaleY(0); }
  420. [data-theme="blue"] .el-zoom-in-bottom-enter-active,
  421. [data-theme="blue"] .el-zoom-in-bottom-leave-active {
  422. opacity: 1;
  423. -webkit-transform: scaleY(1);
  424. transform: scaleY(1);
  425. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  426. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  427. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  428. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  429. -webkit-transform-origin: center bottom;
  430. transform-origin: center bottom; }
  431. [data-theme="blue"] .el-zoom-in-bottom-enter,
  432. [data-theme="blue"] .el-zoom-in-bottom-leave-active {
  433. opacity: 0;
  434. -webkit-transform: scaleY(0);
  435. transform: scaleY(0); }
  436. [data-theme="blue"] .el-zoom-in-left-enter-active,
  437. [data-theme="blue"] .el-zoom-in-left-leave-active {
  438. opacity: 1;
  439. -webkit-transform: scale(1, 1);
  440. transform: scale(1, 1);
  441. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  442. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  443. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  444. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  445. -webkit-transform-origin: top left;
  446. transform-origin: top left; }
  447. [data-theme="blue"] .el-zoom-in-left-enter,
  448. [data-theme="blue"] .el-zoom-in-left-leave-active {
  449. opacity: 0;
  450. -webkit-transform: scale(0.45, 0.45);
  451. transform: scale(0.45, 0.45); }
  452. [data-theme="blue"] .collapse-transition {
  453. -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
  454. transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; }
  455. [data-theme="blue"] .horizontal-collapse-transition {
  456. -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
  457. transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; }
  458. [data-theme="blue"] .el-list-enter-active,
  459. [data-theme="blue"] .el-list-leave-active {
  460. -webkit-transition: all 1s;
  461. transition: all 1s; }
  462. [data-theme="blue"] .el-list-enter, [data-theme="blue"] .el-list-leave-active {
  463. opacity: 0;
  464. -webkit-transform: translateY(-30px);
  465. transform: translateY(-30px); }
  466. [data-theme="blue"] .el-opacity-transition {
  467. -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  468. transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  469. [data-theme="blue"] .el-collapse {
  470. border-top: 1px solid #EBEEF5;
  471. border-bottom: 1px solid #EBEEF5; }
  472. [data-theme="blue"] .el-collapse-item.is-disabled .el-collapse-item__header {
  473. color: #bbb;
  474. cursor: not-allowed; }
  475. .el-collapse-item__header {
  476. display: -webkit-box;
  477. display: -ms-flexbox;
  478. display: flex;
  479. -webkit-box-align: center;
  480. -ms-flex-align: center;
  481. align-items: center;
  482. height: 48px;
  483. line-height: 48px;
  484. background-color: #000000;
  485. color: #aaaaaa;
  486. cursor: pointer;
  487. border-bottom: 1px solid #EBEEF5;
  488. font-size: 13px;
  489. font-weight: 500;
  490. -webkit-transition: border-bottom-color .3s;
  491. transition: border-bottom-color .3s;
  492. outline: none; }
  493. .el-collapse-item__arrow {
  494. margin: 0 8px 0 auto;
  495. -webkit-transition: -webkit-transform .3s;
  496. transition: -webkit-transform .3s;
  497. transition: transform .3s;
  498. transition: transform .3s, -webkit-transform .3s;
  499. font-weight: 300; }
  500. .el-collapse-item__arrow.is-active {
  501. -webkit-transform: rotate(90deg);
  502. transform: rotate(90deg); }
  503. .el-collapse-item__header.focusing:focus:not(:hover) {
  504. color: #92D9FF; }
  505. .el-collapse-item__header.is-active {
  506. border-bottom-color: transparent; }
  507. .el-collapse-item__wrap {
  508. will-change: height;
  509. background-color: #000000;
  510. overflow: hidden;
  511. -webkit-box-sizing: border-box;
  512. box-sizing: border-box;
  513. border-bottom: 1px solid #EBEEF5; }
  514. .el-collapse-item__content {
  515. padding-bottom: 25px;
  516. font-size: 13px;
  517. color: #aaaaaa;
  518. line-height: 1.769230769230769; }
  519. [data-theme="blue"] .el-collapse-item:last-child {
  520. margin-bottom: -1px; }
  521. /* BEM support Func
  522. -------------------------- */
  523. /* Element Chalk Variables */
  524. /* Transition
  525. -------------------------- */
  526. /* Color
  527. -------------------------- */
  528. /* 53a8ff */
  529. /* 66b1ff */
  530. /* 79bbff */
  531. /* 8cc5ff */
  532. /* a0cfff */
  533. /* b3d8ff */
  534. /* c6e2ff */
  535. /* d9ecff */
  536. /* ecf5ff */
  537. /* Link
  538. -------------------------- */
  539. /* Border
  540. -------------------------- */
  541. /* Fill
  542. -------------------------- */
  543. /* Typography
  544. -------------------------- */
  545. /* Size
  546. -------------------------- */
  547. /* z-index
  548. -------------------------- */
  549. /* Disable base
  550. -------------------------- */
  551. /* Icon
  552. -------------------------- */
  553. /* Checkbox
  554. -------------------------- */
  555. /* Radio
  556. -------------------------- */
  557. /* Select
  558. -------------------------- */
  559. /* Alert
  560. -------------------------- */
  561. /* MessageBox
  562. -------------------------- */
  563. /* Message
  564. -------------------------- */
  565. /* Notification
  566. -------------------------- */
  567. /* Input
  568. -------------------------- */
  569. /* Cascader
  570. -------------------------- */
  571. /* Group
  572. -------------------------- */
  573. /* Tab
  574. -------------------------- */
  575. /* Button
  576. -------------------------- */
  577. /* cascader
  578. -------------------------- */
  579. /* Switch
  580. -------------------------- */
  581. /* Dialog
  582. -------------------------- */
  583. /* Table
  584. -------------------------- */
  585. /* Pagination
  586. -------------------------- */
  587. /* Popup
  588. -------------------------- */
  589. /* Popover
  590. -------------------------- */
  591. /* Tooltip
  592. -------------------------- */
  593. /* Tag
  594. -------------------------- */
  595. /* Tree
  596. -------------------------- */
  597. /* Dropdown
  598. -------------------------- */
  599. /* Badge
  600. -------------------------- */
  601. /* Card
  602. --------------------------*/
  603. /* Slider
  604. --------------------------*/
  605. /* Steps
  606. --------------------------*/
  607. /* Menu
  608. --------------------------*/
  609. /* Rate
  610. --------------------------*/
  611. /* DatePicker
  612. --------------------------*/
  613. /* Loading
  614. --------------------------*/
  615. /* Scrollbar
  616. --------------------------*/
  617. /* Carousel
  618. --------------------------*/
  619. /* Collapse
  620. --------------------------*/
  621. /* Transfer
  622. --------------------------*/
  623. /* Header
  624. --------------------------*/
  625. /* Footer
  626. --------------------------*/
  627. /* Main
  628. --------------------------*/
  629. /* Timeline
  630. --------------------------*/
  631. /* Backtop
  632. --------------------------*/
  633. /* Link
  634. --------------------------*/
  635. /* Calendar
  636. --------------------------*/
  637. /* Form
  638. -------------------------- */
  639. /* Avatar
  640. --------------------------*/
  641. /* Break-point
  642. --------------------------*/
  643. /* Break-points
  644. -------------------------- */
  645. /* Scrollbar
  646. -------------------------- */
  647. /* Placeholder
  648. -------------------------- */
  649. /* BEM
  650. -------------------------- */
  651. /* Element Chalk Variables */
  652. /* Transition
  653. -------------------------- */
  654. /* Color
  655. -------------------------- */
  656. /* 53a8ff */
  657. /* 66b1ff */
  658. /* 79bbff */
  659. /* 8cc5ff */
  660. /* a0cfff */
  661. /* b3d8ff */
  662. /* c6e2ff */
  663. /* d9ecff */
  664. /* ecf5ff */
  665. /* Link
  666. -------------------------- */
  667. /* Border
  668. -------------------------- */
  669. /* Fill
  670. -------------------------- */
  671. /* Typography
  672. -------------------------- */
  673. /* Size
  674. -------------------------- */
  675. /* z-index
  676. -------------------------- */
  677. /* Disable base
  678. -------------------------- */
  679. /* Icon
  680. -------------------------- */
  681. /* Checkbox
  682. -------------------------- */
  683. /* Radio
  684. -------------------------- */
  685. /* Select
  686. -------------------------- */
  687. /* Alert
  688. -------------------------- */
  689. /* MessageBox
  690. -------------------------- */
  691. /* Message
  692. -------------------------- */
  693. /* Notification
  694. -------------------------- */
  695. /* Input
  696. -------------------------- */
  697. /* Cascader
  698. -------------------------- */
  699. /* Group
  700. -------------------------- */
  701. /* Tab
  702. -------------------------- */
  703. /* Button
  704. -------------------------- */
  705. /* cascader
  706. -------------------------- */
  707. /* Switch
  708. -------------------------- */
  709. /* Dialog
  710. -------------------------- */
  711. /* Table
  712. -------------------------- */
  713. /* Pagination
  714. -------------------------- */
  715. /* Popup
  716. -------------------------- */
  717. /* Popover
  718. -------------------------- */
  719. /* Tooltip
  720. -------------------------- */
  721. /* Tag
  722. -------------------------- */
  723. /* Tree
  724. -------------------------- */
  725. /* Dropdown
  726. -------------------------- */
  727. /* Badge
  728. -------------------------- */
  729. /* Card
  730. --------------------------*/
  731. /* Slider
  732. --------------------------*/
  733. /* Steps
  734. --------------------------*/
  735. /* Menu
  736. --------------------------*/
  737. /* Rate
  738. --------------------------*/
  739. /* DatePicker
  740. --------------------------*/
  741. /* Loading
  742. --------------------------*/
  743. /* Scrollbar
  744. --------------------------*/
  745. /* Carousel
  746. --------------------------*/
  747. /* Collapse
  748. --------------------------*/
  749. /* Transfer
  750. --------------------------*/
  751. /* Header
  752. --------------------------*/
  753. /* Footer
  754. --------------------------*/
  755. /* Main
  756. --------------------------*/
  757. /* Timeline
  758. --------------------------*/
  759. /* Backtop
  760. --------------------------*/
  761. /* Link
  762. --------------------------*/
  763. /* Calendar
  764. --------------------------*/
  765. /* Form
  766. -------------------------- */
  767. /* Avatar
  768. --------------------------*/
  769. /* Break-point
  770. --------------------------*/
  771. /* Element Chalk Variables */
  772. /* Transition
  773. -------------------------- */
  774. /* Color
  775. -------------------------- */
  776. /* 53a8ff */
  777. /* 66b1ff */
  778. /* 79bbff */
  779. /* 8cc5ff */
  780. /* a0cfff */
  781. /* b3d8ff */
  782. /* c6e2ff */
  783. /* d9ecff */
  784. /* ecf5ff */
  785. /* Link
  786. -------------------------- */
  787. /* Border
  788. -------------------------- */
  789. /* Fill
  790. -------------------------- */
  791. /* Typography
  792. -------------------------- */
  793. /* Size
  794. -------------------------- */
  795. /* z-index
  796. -------------------------- */
  797. /* Disable base
  798. -------------------------- */
  799. /* Icon
  800. -------------------------- */
  801. /* Checkbox
  802. -------------------------- */
  803. /* Radio
  804. -------------------------- */
  805. /* Select
  806. -------------------------- */
  807. /* Alert
  808. -------------------------- */
  809. /* MessageBox
  810. -------------------------- */
  811. /* Message
  812. -------------------------- */
  813. /* Notification
  814. -------------------------- */
  815. /* Input
  816. -------------------------- */
  817. /* Cascader
  818. -------------------------- */
  819. /* Group
  820. -------------------------- */
  821. /* Tab
  822. -------------------------- */
  823. /* Button
  824. -------------------------- */
  825. /* cascader
  826. -------------------------- */
  827. /* Switch
  828. -------------------------- */
  829. /* Dialog
  830. -------------------------- */
  831. /* Table
  832. -------------------------- */
  833. /* Pagination
  834. -------------------------- */
  835. /* Popup
  836. -------------------------- */
  837. /* Popover
  838. -------------------------- */
  839. /* Tooltip
  840. -------------------------- */
  841. /* Tag
  842. -------------------------- */
  843. /* Tree
  844. -------------------------- */
  845. /* Dropdown
  846. -------------------------- */
  847. /* Badge
  848. -------------------------- */
  849. /* Card
  850. --------------------------*/
  851. /* Slider
  852. --------------------------*/
  853. /* Steps
  854. --------------------------*/
  855. /* Menu
  856. --------------------------*/
  857. /* Rate
  858. --------------------------*/
  859. /* DatePicker
  860. --------------------------*/
  861. /* Loading
  862. --------------------------*/
  863. /* Scrollbar
  864. --------------------------*/
  865. /* Carousel
  866. --------------------------*/
  867. /* Collapse
  868. --------------------------*/
  869. /* Transfer
  870. --------------------------*/
  871. /* Header
  872. --------------------------*/
  873. /* Footer
  874. --------------------------*/
  875. /* Main
  876. --------------------------*/
  877. /* Timeline
  878. --------------------------*/
  879. /* Backtop
  880. --------------------------*/
  881. /* Link
  882. --------------------------*/
  883. /* Calendar
  884. --------------------------*/
  885. /* Form
  886. -------------------------- */
  887. /* Avatar
  888. --------------------------*/
  889. /* Break-point
  890. --------------------------*/
  891. .fade-in-linear-enter-active,
  892. .fade-in-linear-leave-active {
  893. -webkit-transition: opacity 200ms linear;
  894. transition: opacity 200ms linear; }
  895. .fade-in-linear-enter,
  896. .fade-in-linear-leave,
  897. .fade-in-linear-leave-active {
  898. opacity: 0; }
  899. .el-fade-in-linear-enter-active,
  900. .el-fade-in-linear-leave-active {
  901. -webkit-transition: opacity 200ms linear;
  902. transition: opacity 200ms linear; }
  903. .el-fade-in-linear-enter,
  904. .el-fade-in-linear-leave,
  905. .el-fade-in-linear-leave-active {
  906. opacity: 0; }
  907. .el-fade-in-enter-active,
  908. .el-fade-in-leave-active {
  909. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  910. transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  911. .el-fade-in-enter,
  912. .el-fade-in-leave-active {
  913. opacity: 0; }
  914. .el-zoom-in-center-enter-active,
  915. .el-zoom-in-center-leave-active {
  916. -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  917. transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  918. .el-zoom-in-center-enter,
  919. .el-zoom-in-center-leave-active {
  920. opacity: 0;
  921. -webkit-transform: scaleX(0);
  922. transform: scaleX(0); }
  923. .el-zoom-in-top-enter-active,
  924. .el-zoom-in-top-leave-active {
  925. opacity: 1;
  926. -webkit-transform: scaleY(1);
  927. transform: scaleY(1);
  928. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  929. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  930. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  931. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  932. -webkit-transform-origin: center top;
  933. transform-origin: center top; }
  934. .el-zoom-in-top-enter,
  935. .el-zoom-in-top-leave-active {
  936. opacity: 0;
  937. -webkit-transform: scaleY(0);
  938. transform: scaleY(0); }
  939. .el-zoom-in-bottom-enter-active,
  940. .el-zoom-in-bottom-leave-active {
  941. opacity: 1;
  942. -webkit-transform: scaleY(1);
  943. transform: scaleY(1);
  944. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  945. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  946. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  947. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  948. -webkit-transform-origin: center bottom;
  949. transform-origin: center bottom; }
  950. .el-zoom-in-bottom-enter,
  951. .el-zoom-in-bottom-leave-active {
  952. opacity: 0;
  953. -webkit-transform: scaleY(0);
  954. transform: scaleY(0); }
  955. .el-zoom-in-left-enter-active,
  956. .el-zoom-in-left-leave-active {
  957. opacity: 1;
  958. -webkit-transform: scale(1, 1);
  959. transform: scale(1, 1);
  960. -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  961. transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  962. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  963. transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  964. -webkit-transform-origin: top left;
  965. transform-origin: top left; }
  966. .el-zoom-in-left-enter,
  967. .el-zoom-in-left-leave-active {
  968. opacity: 0;
  969. -webkit-transform: scale(0.45, 0.45);
  970. transform: scale(0.45, 0.45); }
  971. .collapse-transition {
  972. -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
  973. transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; }
  974. .horizontal-collapse-transition {
  975. -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
  976. transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; }
  977. .el-list-enter-active,
  978. .el-list-leave-active {
  979. -webkit-transition: all 1s;
  980. transition: all 1s; }
  981. .el-list-enter, .el-list-leave-active {
  982. opacity: 0;
  983. -webkit-transform: translateY(-30px);
  984. transform: translateY(-30px); }
  985. .el-opacity-transition {
  986. -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  987. transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
  988. .el-collapse {
  989. border-top: 1px solid #EBEEF5;
  990. border-bottom: 1px solid #EBEEF5; }
  991. .el-collapse-item.is-disabled .el-collapse-item__header {
  992. color: #bbb;
  993. cursor: not-allowed; }
  994. .el-collapse-item__header {
  995. display: -webkit-box;
  996. display: -ms-flexbox;
  997. display: flex;
  998. -webkit-box-align: center;
  999. -ms-flex-align: center;
  1000. align-items: center;
  1001. height: 48px;
  1002. line-height: 48px;
  1003. background-color: #000000;
  1004. color: #aaaaaa;
  1005. cursor: pointer;
  1006. border-bottom: 1px solid #EBEEF5;
  1007. font-size: 13px;
  1008. font-weight: 500;
  1009. -webkit-transition: border-bottom-color .3s;
  1010. transition: border-bottom-color .3s;
  1011. outline: none; }
  1012. .el-collapse-item__arrow {
  1013. margin: 0 8px 0 auto;
  1014. -webkit-transition: -webkit-transform .3s;
  1015. transition: -webkit-transform .3s;
  1016. transition: transform .3s;
  1017. transition: transform .3s, -webkit-transform .3s;
  1018. font-weight: 300; }
  1019. .el-collapse-item__arrow.is-active {
  1020. -webkit-transform: rotate(90deg);
  1021. transform: rotate(90deg); }
  1022. .el-collapse-item__header.focusing:focus:not(:hover) {
  1023. color: #92D9FF; }
  1024. .el-collapse-item__header.is-active {
  1025. border-bottom-color: transparent; }
  1026. .el-collapse-item__wrap {
  1027. will-change: height;
  1028. background-color: #000000;
  1029. overflow: hidden;
  1030. -webkit-box-sizing: border-box;
  1031. box-sizing: border-box;
  1032. border-bottom: 1px solid #EBEEF5; }
  1033. .el-collapse-item__content {
  1034. padding-bottom: 25px;
  1035. font-size: 13px;
  1036. color: #aaaaaa;
  1037. line-height: 1.769230769230769; }
  1038. .el-collapse-item:last-child {
  1039. margin-bottom: -1px; }