Plat Admin

cascader.css 26KB

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