cascader-panel.css 43 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881
  1. @charset "UTF-8";
  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. /* Empty
  123. -------------------------- */
  124. /* Descriptions
  125. -------------------------- */
  126. /* Skeleton
  127. --------------------------*/
  128. /* Svg
  129. --------------- */
  130. /* Result
  131. -------------------------- */
  132. /* Break-point
  133. --------------------------*/
  134. /* Break-points
  135. -------------------------- */
  136. /* Scrollbar
  137. -------------------------- */
  138. /* Placeholder
  139. -------------------------- */
  140. /* BEM
  141. -------------------------- */
  142. /* Element Chalk Variables */
  143. /* Transition
  144. -------------------------- */
  145. /* Color
  146. -------------------------- */
  147. /* 53a8ff */
  148. /* 66b1ff */
  149. /* 79bbff */
  150. /* 8cc5ff */
  151. /* a0cfff */
  152. /* b3d8ff */
  153. /* c6e2ff */
  154. /* d9ecff */
  155. /* ecf5ff */
  156. /* Link
  157. -------------------------- */
  158. /* Border
  159. -------------------------- */
  160. /* Fill
  161. -------------------------- */
  162. /* Typography
  163. -------------------------- */
  164. /* Size
  165. -------------------------- */
  166. /* z-index
  167. -------------------------- */
  168. /* Disable base
  169. -------------------------- */
  170. /* Icon
  171. -------------------------- */
  172. /* Checkbox
  173. -------------------------- */
  174. /* Radio
  175. -------------------------- */
  176. /* Select
  177. -------------------------- */
  178. /* Alert
  179. -------------------------- */
  180. /* MessageBox
  181. -------------------------- */
  182. /* Message
  183. -------------------------- */
  184. /* Notification
  185. -------------------------- */
  186. /* Input
  187. -------------------------- */
  188. /* Cascader
  189. -------------------------- */
  190. /* Group
  191. -------------------------- */
  192. /* Tab
  193. -------------------------- */
  194. /* Button
  195. -------------------------- */
  196. /* cascader
  197. -------------------------- */
  198. /* Switch
  199. -------------------------- */
  200. /* Dialog
  201. -------------------------- */
  202. /* Table
  203. -------------------------- */
  204. /* Pagination
  205. -------------------------- */
  206. /* Popup
  207. -------------------------- */
  208. /* Popover
  209. -------------------------- */
  210. /* Tooltip
  211. -------------------------- */
  212. /* Tag
  213. -------------------------- */
  214. /* Tree
  215. -------------------------- */
  216. /* Dropdown
  217. -------------------------- */
  218. /* Badge
  219. -------------------------- */
  220. /* Card
  221. --------------------------*/
  222. /* Slider
  223. --------------------------*/
  224. /* Steps
  225. --------------------------*/
  226. /* Menu
  227. --------------------------*/
  228. /* Rate
  229. --------------------------*/
  230. /* DatePicker
  231. --------------------------*/
  232. /* Loading
  233. --------------------------*/
  234. /* Scrollbar
  235. --------------------------*/
  236. /* Carousel
  237. --------------------------*/
  238. /* Collapse
  239. --------------------------*/
  240. /* Transfer
  241. --------------------------*/
  242. /* Header
  243. --------------------------*/
  244. /* Footer
  245. --------------------------*/
  246. /* Main
  247. --------------------------*/
  248. /* Timeline
  249. --------------------------*/
  250. /* Backtop
  251. --------------------------*/
  252. /* Link
  253. --------------------------*/
  254. /* Calendar
  255. --------------------------*/
  256. /* Form
  257. -------------------------- */
  258. /* Avatar
  259. --------------------------*/
  260. /* Empty
  261. -------------------------- */
  262. /* Descriptions
  263. -------------------------- */
  264. /* Skeleton
  265. --------------------------*/
  266. /* Svg
  267. --------------- */
  268. /* Result
  269. -------------------------- */
  270. /* Break-point
  271. --------------------------*/
  272. /* Element Chalk Variables */
  273. /* Transition
  274. -------------------------- */
  275. /* Color
  276. -------------------------- */
  277. /* 53a8ff */
  278. /* 66b1ff */
  279. /* 79bbff */
  280. /* 8cc5ff */
  281. /* a0cfff */
  282. /* b3d8ff */
  283. /* c6e2ff */
  284. /* d9ecff */
  285. /* ecf5ff */
  286. /* Link
  287. -------------------------- */
  288. /* Border
  289. -------------------------- */
  290. /* Fill
  291. -------------------------- */
  292. /* Typography
  293. -------------------------- */
  294. /* Size
  295. -------------------------- */
  296. /* z-index
  297. -------------------------- */
  298. /* Disable base
  299. -------------------------- */
  300. /* Icon
  301. -------------------------- */
  302. /* Checkbox
  303. -------------------------- */
  304. /* Radio
  305. -------------------------- */
  306. /* Select
  307. -------------------------- */
  308. /* Alert
  309. -------------------------- */
  310. /* MessageBox
  311. -------------------------- */
  312. /* Message
  313. -------------------------- */
  314. /* Notification
  315. -------------------------- */
  316. /* Input
  317. -------------------------- */
  318. /* Cascader
  319. -------------------------- */
  320. /* Group
  321. -------------------------- */
  322. /* Tab
  323. -------------------------- */
  324. /* Button
  325. -------------------------- */
  326. /* cascader
  327. -------------------------- */
  328. /* Switch
  329. -------------------------- */
  330. /* Dialog
  331. -------------------------- */
  332. /* Table
  333. -------------------------- */
  334. /* Pagination
  335. -------------------------- */
  336. /* Popup
  337. -------------------------- */
  338. /* Popover
  339. -------------------------- */
  340. /* Tooltip
  341. -------------------------- */
  342. /* Tag
  343. -------------------------- */
  344. /* Tree
  345. -------------------------- */
  346. /* Dropdown
  347. -------------------------- */
  348. /* Badge
  349. -------------------------- */
  350. /* Card
  351. --------------------------*/
  352. /* Slider
  353. --------------------------*/
  354. /* Steps
  355. --------------------------*/
  356. /* Menu
  357. --------------------------*/
  358. /* Rate
  359. --------------------------*/
  360. /* DatePicker
  361. --------------------------*/
  362. /* Loading
  363. --------------------------*/
  364. /* Scrollbar
  365. --------------------------*/
  366. /* Carousel
  367. --------------------------*/
  368. /* Collapse
  369. --------------------------*/
  370. /* Transfer
  371. --------------------------*/
  372. /* Header
  373. --------------------------*/
  374. /* Footer
  375. --------------------------*/
  376. /* Main
  377. --------------------------*/
  378. /* Timeline
  379. --------------------------*/
  380. /* Backtop
  381. --------------------------*/
  382. /* Link
  383. --------------------------*/
  384. /* Calendar
  385. --------------------------*/
  386. /* Form
  387. -------------------------- */
  388. /* Avatar
  389. --------------------------*/
  390. /* Empty
  391. -------------------------- */
  392. /* Descriptions
  393. -------------------------- */
  394. /* Skeleton
  395. --------------------------*/
  396. /* Svg
  397. --------------- */
  398. /* Result
  399. -------------------------- */
  400. /* Break-point
  401. --------------------------*/
  402. /* BEM support Func
  403. -------------------------- */
  404. /* Element Chalk Variables */
  405. /* Transition
  406. -------------------------- */
  407. /* Color
  408. -------------------------- */
  409. /* 53a8ff */
  410. /* 66b1ff */
  411. /* 79bbff */
  412. /* 8cc5ff */
  413. /* a0cfff */
  414. /* b3d8ff */
  415. /* c6e2ff */
  416. /* d9ecff */
  417. /* ecf5ff */
  418. /* Link
  419. -------------------------- */
  420. /* Border
  421. -------------------------- */
  422. /* Fill
  423. -------------------------- */
  424. /* Typography
  425. -------------------------- */
  426. /* Size
  427. -------------------------- */
  428. /* z-index
  429. -------------------------- */
  430. /* Disable base
  431. -------------------------- */
  432. /* Icon
  433. -------------------------- */
  434. /* Checkbox
  435. -------------------------- */
  436. /* Radio
  437. -------------------------- */
  438. /* Select
  439. -------------------------- */
  440. /* Alert
  441. -------------------------- */
  442. /* MessageBox
  443. -------------------------- */
  444. /* Message
  445. -------------------------- */
  446. /* Notification
  447. -------------------------- */
  448. /* Input
  449. -------------------------- */
  450. /* Cascader
  451. -------------------------- */
  452. /* Group
  453. -------------------------- */
  454. /* Tab
  455. -------------------------- */
  456. /* Button
  457. -------------------------- */
  458. /* cascader
  459. -------------------------- */
  460. /* Switch
  461. -------------------------- */
  462. /* Dialog
  463. -------------------------- */
  464. /* Table
  465. -------------------------- */
  466. /* Pagination
  467. -------------------------- */
  468. /* Popup
  469. -------------------------- */
  470. /* Popover
  471. -------------------------- */
  472. /* Tooltip
  473. -------------------------- */
  474. /* Tag
  475. -------------------------- */
  476. /* Tree
  477. -------------------------- */
  478. /* Dropdown
  479. -------------------------- */
  480. /* Badge
  481. -------------------------- */
  482. /* Card
  483. --------------------------*/
  484. /* Slider
  485. --------------------------*/
  486. /* Steps
  487. --------------------------*/
  488. /* Menu
  489. --------------------------*/
  490. /* Rate
  491. --------------------------*/
  492. /* DatePicker
  493. --------------------------*/
  494. /* Loading
  495. --------------------------*/
  496. /* Scrollbar
  497. --------------------------*/
  498. /* Carousel
  499. --------------------------*/
  500. /* Collapse
  501. --------------------------*/
  502. /* Transfer
  503. --------------------------*/
  504. /* Header
  505. --------------------------*/
  506. /* Footer
  507. --------------------------*/
  508. /* Main
  509. --------------------------*/
  510. /* Timeline
  511. --------------------------*/
  512. /* Backtop
  513. --------------------------*/
  514. /* Link
  515. --------------------------*/
  516. /* Calendar
  517. --------------------------*/
  518. /* Form
  519. -------------------------- */
  520. /* Avatar
  521. --------------------------*/
  522. /* Empty
  523. -------------------------- */
  524. /* Descriptions
  525. -------------------------- */
  526. /* Skeleton
  527. --------------------------*/
  528. /* Svg
  529. --------------- */
  530. /* Result
  531. -------------------------- */
  532. /* Break-point
  533. --------------------------*/
  534. /* Break-points
  535. -------------------------- */
  536. /* Scrollbar
  537. -------------------------- */
  538. /* Placeholder
  539. -------------------------- */
  540. /* BEM
  541. -------------------------- */
  542. /* Element Chalk Variables */
  543. /* Transition
  544. -------------------------- */
  545. /* Color
  546. -------------------------- */
  547. /* 53a8ff */
  548. /* 66b1ff */
  549. /* 79bbff */
  550. /* 8cc5ff */
  551. /* a0cfff */
  552. /* b3d8ff */
  553. /* c6e2ff */
  554. /* d9ecff */
  555. /* ecf5ff */
  556. /* Link
  557. -------------------------- */
  558. /* Border
  559. -------------------------- */
  560. /* Fill
  561. -------------------------- */
  562. /* Typography
  563. -------------------------- */
  564. /* Size
  565. -------------------------- */
  566. /* z-index
  567. -------------------------- */
  568. /* Disable base
  569. -------------------------- */
  570. /* Icon
  571. -------------------------- */
  572. /* Checkbox
  573. -------------------------- */
  574. /* Radio
  575. -------------------------- */
  576. /* Select
  577. -------------------------- */
  578. /* Alert
  579. -------------------------- */
  580. /* MessageBox
  581. -------------------------- */
  582. /* Message
  583. -------------------------- */
  584. /* Notification
  585. -------------------------- */
  586. /* Input
  587. -------------------------- */
  588. /* Cascader
  589. -------------------------- */
  590. /* Group
  591. -------------------------- */
  592. /* Tab
  593. -------------------------- */
  594. /* Button
  595. -------------------------- */
  596. /* cascader
  597. -------------------------- */
  598. /* Switch
  599. -------------------------- */
  600. /* Dialog
  601. -------------------------- */
  602. /* Table
  603. -------------------------- */
  604. /* Pagination
  605. -------------------------- */
  606. /* Popup
  607. -------------------------- */
  608. /* Popover
  609. -------------------------- */
  610. /* Tooltip
  611. -------------------------- */
  612. /* Tag
  613. -------------------------- */
  614. /* Tree
  615. -------------------------- */
  616. /* Dropdown
  617. -------------------------- */
  618. /* Badge
  619. -------------------------- */
  620. /* Card
  621. --------------------------*/
  622. /* Slider
  623. --------------------------*/
  624. /* Steps
  625. --------------------------*/
  626. /* Menu
  627. --------------------------*/
  628. /* Rate
  629. --------------------------*/
  630. /* DatePicker
  631. --------------------------*/
  632. /* Loading
  633. --------------------------*/
  634. /* Scrollbar
  635. --------------------------*/
  636. /* Carousel
  637. --------------------------*/
  638. /* Collapse
  639. --------------------------*/
  640. /* Transfer
  641. --------------------------*/
  642. /* Header
  643. --------------------------*/
  644. /* Footer
  645. --------------------------*/
  646. /* Main
  647. --------------------------*/
  648. /* Timeline
  649. --------------------------*/
  650. /* Backtop
  651. --------------------------*/
  652. /* Link
  653. --------------------------*/
  654. /* Calendar
  655. --------------------------*/
  656. /* Form
  657. -------------------------- */
  658. /* Avatar
  659. --------------------------*/
  660. /* Empty
  661. -------------------------- */
  662. /* Descriptions
  663. -------------------------- */
  664. /* Skeleton
  665. --------------------------*/
  666. /* Svg
  667. --------------- */
  668. /* Result
  669. -------------------------- */
  670. /* Break-point
  671. --------------------------*/
  672. .el-checkbox {
  673. color: #606266;
  674. font-weight: 500;
  675. font-size: 14px;
  676. position: relative;
  677. cursor: pointer;
  678. display: inline-block;
  679. white-space: nowrap;
  680. -webkit-user-select: none;
  681. -moz-user-select: none;
  682. -ms-user-select: none;
  683. user-select: none;
  684. margin-right: 30px; }
  685. .el-checkbox.is-bordered {
  686. padding: 9px 20px 9px 10px;
  687. border-radius: 4px;
  688. border: 1px solid #DCDFE6;
  689. -webkit-box-sizing: border-box;
  690. box-sizing: border-box;
  691. line-height: normal;
  692. height: 40px; }
  693. .el-checkbox.is-bordered.is-checked {
  694. border-color: #5075FC; }
  695. .el-checkbox.is-bordered.is-disabled {
  696. border-color: #EBEEF5;
  697. cursor: not-allowed; }
  698. .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  699. margin-left: 10px; }
  700. .el-checkbox.is-bordered.el-checkbox--medium {
  701. padding: 7px 20px 7px 10px;
  702. border-radius: 4px;
  703. height: 36px; }
  704. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  705. line-height: 17px;
  706. font-size: 14px; }
  707. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  708. height: 14px;
  709. width: 14px; }
  710. .el-checkbox.is-bordered.el-checkbox--small {
  711. padding: 5px 15px 5px 10px;
  712. border-radius: 3px;
  713. height: 32px; }
  714. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  715. line-height: 15px;
  716. font-size: 12px; }
  717. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  718. height: 12px;
  719. width: 12px; }
  720. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  721. height: 6px;
  722. width: 2px; }
  723. .el-checkbox.is-bordered.el-checkbox--mini {
  724. padding: 3px 15px 3px 10px;
  725. border-radius: 3px;
  726. height: 28px; }
  727. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  728. line-height: 12px;
  729. font-size: 12px; }
  730. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  731. height: 12px;
  732. width: 12px; }
  733. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  734. height: 6px;
  735. width: 2px; }
  736. .el-checkbox__input {
  737. white-space: nowrap;
  738. cursor: pointer;
  739. outline: none;
  740. display: inline-block;
  741. line-height: 1;
  742. position: relative;
  743. vertical-align: middle; }
  744. .el-checkbox__input.is-disabled .el-checkbox__inner {
  745. background-color: #edf2fc;
  746. border-color: #DCDFE6;
  747. cursor: not-allowed; }
  748. .el-checkbox__input.is-disabled .el-checkbox__inner::after {
  749. cursor: not-allowed;
  750. border-color: #C0C4CC; }
  751. .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  752. cursor: not-allowed; }
  753. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  754. background-color: #F2F6FC;
  755. border-color: #DCDFE6; }
  756. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  757. border-color: #C0C4CC; }
  758. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  759. background-color: #F2F6FC;
  760. border-color: #DCDFE6; }
  761. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  762. background-color: #C0C4CC;
  763. border-color: #C0C4CC; }
  764. .el-checkbox__input.is-disabled + span.el-checkbox__label {
  765. color: #C0C4CC;
  766. cursor: not-allowed; }
  767. .el-checkbox__input.is-checked .el-checkbox__inner {
  768. background-color: #5075FC;
  769. border-color: #5075FC; }
  770. .el-checkbox__input.is-checked .el-checkbox__inner::after {
  771. -webkit-transform: rotate(45deg) scaleY(1);
  772. transform: rotate(45deg) scaleY(1); }
  773. .el-checkbox__input.is-checked + .el-checkbox__label {
  774. color: #5075FC; }
  775. .el-checkbox__input.is-focus {
  776. /*focus时 视觉上区分*/ }
  777. .el-checkbox__input.is-focus .el-checkbox__inner {
  778. border-color: #5075FC; }
  779. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  780. background-color: #5075FC;
  781. border-color: #5075FC; }
  782. .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  783. content: '';
  784. position: absolute;
  785. display: block;
  786. background-color: #FFFFFF;
  787. height: 2px;
  788. -webkit-transform: scale(0.5);
  789. transform: scale(0.5);
  790. left: 0;
  791. right: 0;
  792. top: 5px; }
  793. .el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  794. display: none; }
  795. .el-checkbox__inner {
  796. display: inline-block;
  797. position: relative;
  798. border: 1px solid #DCDFE6;
  799. border-radius: 2px;
  800. -webkit-box-sizing: border-box;
  801. box-sizing: border-box;
  802. width: 14px;
  803. height: 14px;
  804. background-color: #FFFFFF;
  805. z-index: 1;
  806. -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  807. transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
  808. .el-checkbox__inner:hover {
  809. border-color: #5075FC; }
  810. .el-checkbox__inner::after {
  811. -webkit-box-sizing: content-box;
  812. box-sizing: content-box;
  813. content: "";
  814. border: 1px solid #FFFFFF;
  815. border-left: 0;
  816. border-top: 0;
  817. height: 7px;
  818. left: 4px;
  819. position: absolute;
  820. top: 1px;
  821. -webkit-transform: rotate(45deg) scaleY(0);
  822. transform: rotate(45deg) scaleY(0);
  823. width: 3px;
  824. -webkit-transition: -webkit-transform .15s ease-in .05s;
  825. transition: -webkit-transform .15s ease-in .05s;
  826. transition: transform .15s ease-in .05s;
  827. transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
  828. -webkit-transform-origin: center;
  829. transform-origin: center; }
  830. .el-checkbox__original {
  831. opacity: 0;
  832. outline: none;
  833. position: absolute;
  834. margin: 0;
  835. width: 0;
  836. height: 0;
  837. z-index: -1; }
  838. .el-checkbox__label {
  839. display: inline-block;
  840. padding-left: 10px;
  841. line-height: 19px;
  842. font-size: 14px; }
  843. .el-checkbox:last-of-type {
  844. margin-right: 0; }
  845. .el-checkbox-button {
  846. position: relative;
  847. display: inline-block; }
  848. .el-checkbox-button__inner {
  849. display: inline-block;
  850. line-height: 1;
  851. font-weight: 500;
  852. white-space: nowrap;
  853. vertical-align: middle;
  854. cursor: pointer;
  855. background: #FFFFFF;
  856. border: 1px solid #DCDFE6;
  857. border-left: 0;
  858. color: #606266;
  859. -webkit-appearance: none;
  860. text-align: center;
  861. -webkit-box-sizing: border-box;
  862. box-sizing: border-box;
  863. outline: none;
  864. margin: 0;
  865. position: relative;
  866. -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  867. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  868. -moz-user-select: none;
  869. -webkit-user-select: none;
  870. -ms-user-select: none;
  871. padding: 12px 20px;
  872. font-size: 14px;
  873. border-radius: 0; }
  874. .el-checkbox-button__inner.is-round {
  875. padding: 12px 20px; }
  876. .el-checkbox-button__inner:hover {
  877. color: #5075FC; }
  878. .el-checkbox-button__inner [class*="el-icon-"] {
  879. line-height: 0.9; }
  880. .el-checkbox-button__inner [class*="el-icon-"] + span {
  881. margin-left: 5px; }
  882. .el-checkbox-button__original {
  883. opacity: 0;
  884. outline: none;
  885. position: absolute;
  886. margin: 0;
  887. z-index: -1; }
  888. .el-checkbox-button.is-checked .el-checkbox-button__inner {
  889. color: #FFFFFF;
  890. background-color: #5075FC;
  891. border-color: #5075FC;
  892. -webkit-box-shadow: -1px 0 0 0 #96acfd;
  893. box-shadow: -1px 0 0 0 #96acfd; }
  894. .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  895. border-left-color: #5075FC; }
  896. .el-checkbox-button.is-disabled .el-checkbox-button__inner {
  897. color: #C0C4CC;
  898. cursor: not-allowed;
  899. background-image: none;
  900. background-color: #FFFFFF;
  901. border-color: #EBEEF5;
  902. -webkit-box-shadow: none;
  903. box-shadow: none; }
  904. .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  905. border-left-color: #EBEEF5; }
  906. .el-checkbox-button:first-child .el-checkbox-button__inner {
  907. border-left: 1px solid #DCDFE6;
  908. border-radius: 4px 0 0 4px;
  909. -webkit-box-shadow: none !important;
  910. box-shadow: none !important; }
  911. .el-checkbox-button.is-focus .el-checkbox-button__inner {
  912. border-color: #5075FC; }
  913. .el-checkbox-button:last-child .el-checkbox-button__inner {
  914. border-radius: 0 4px 4px 0; }
  915. .el-checkbox-button--medium .el-checkbox-button__inner {
  916. padding: 10px 20px;
  917. font-size: 14px;
  918. border-radius: 0; }
  919. .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  920. padding: 10px 20px; }
  921. .el-checkbox-button--small .el-checkbox-button__inner {
  922. padding: 9px 15px;
  923. font-size: 12px;
  924. border-radius: 0; }
  925. .el-checkbox-button--small .el-checkbox-button__inner.is-round {
  926. padding: 9px 15px; }
  927. .el-checkbox-button--mini .el-checkbox-button__inner {
  928. padding: 7px 15px;
  929. font-size: 12px;
  930. border-radius: 0; }
  931. .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  932. padding: 7px 15px; }
  933. .el-checkbox-group {
  934. font-size: 0; }
  935. /* BEM support Func
  936. -------------------------- */
  937. /* Element Chalk Variables */
  938. /* Transition
  939. -------------------------- */
  940. /* Color
  941. -------------------------- */
  942. /* 53a8ff */
  943. /* 66b1ff */
  944. /* 79bbff */
  945. /* 8cc5ff */
  946. /* a0cfff */
  947. /* b3d8ff */
  948. /* c6e2ff */
  949. /* d9ecff */
  950. /* ecf5ff */
  951. /* Link
  952. -------------------------- */
  953. /* Border
  954. -------------------------- */
  955. /* Fill
  956. -------------------------- */
  957. /* Typography
  958. -------------------------- */
  959. /* Size
  960. -------------------------- */
  961. /* z-index
  962. -------------------------- */
  963. /* Disable base
  964. -------------------------- */
  965. /* Icon
  966. -------------------------- */
  967. /* Checkbox
  968. -------------------------- */
  969. /* Radio
  970. -------------------------- */
  971. /* Select
  972. -------------------------- */
  973. /* Alert
  974. -------------------------- */
  975. /* MessageBox
  976. -------------------------- */
  977. /* Message
  978. -------------------------- */
  979. /* Notification
  980. -------------------------- */
  981. /* Input
  982. -------------------------- */
  983. /* Cascader
  984. -------------------------- */
  985. /* Group
  986. -------------------------- */
  987. /* Tab
  988. -------------------------- */
  989. /* Button
  990. -------------------------- */
  991. /* cascader
  992. -------------------------- */
  993. /* Switch
  994. -------------------------- */
  995. /* Dialog
  996. -------------------------- */
  997. /* Table
  998. -------------------------- */
  999. /* Pagination
  1000. -------------------------- */
  1001. /* Popup
  1002. -------------------------- */
  1003. /* Popover
  1004. -------------------------- */
  1005. /* Tooltip
  1006. -------------------------- */
  1007. /* Tag
  1008. -------------------------- */
  1009. /* Tree
  1010. -------------------------- */
  1011. /* Dropdown
  1012. -------------------------- */
  1013. /* Badge
  1014. -------------------------- */
  1015. /* Card
  1016. --------------------------*/
  1017. /* Slider
  1018. --------------------------*/
  1019. /* Steps
  1020. --------------------------*/
  1021. /* Menu
  1022. --------------------------*/
  1023. /* Rate
  1024. --------------------------*/
  1025. /* DatePicker
  1026. --------------------------*/
  1027. /* Loading
  1028. --------------------------*/
  1029. /* Scrollbar
  1030. --------------------------*/
  1031. /* Carousel
  1032. --------------------------*/
  1033. /* Collapse
  1034. --------------------------*/
  1035. /* Transfer
  1036. --------------------------*/
  1037. /* Header
  1038. --------------------------*/
  1039. /* Footer
  1040. --------------------------*/
  1041. /* Main
  1042. --------------------------*/
  1043. /* Timeline
  1044. --------------------------*/
  1045. /* Backtop
  1046. --------------------------*/
  1047. /* Link
  1048. --------------------------*/
  1049. /* Calendar
  1050. --------------------------*/
  1051. /* Form
  1052. -------------------------- */
  1053. /* Avatar
  1054. --------------------------*/
  1055. /* Empty
  1056. -------------------------- */
  1057. /* Descriptions
  1058. -------------------------- */
  1059. /* Skeleton
  1060. --------------------------*/
  1061. /* Svg
  1062. --------------- */
  1063. /* Result
  1064. -------------------------- */
  1065. /* Break-point
  1066. --------------------------*/
  1067. /* Break-points
  1068. -------------------------- */
  1069. /* Scrollbar
  1070. -------------------------- */
  1071. /* Placeholder
  1072. -------------------------- */
  1073. /* BEM
  1074. -------------------------- */
  1075. /* Element Chalk Variables */
  1076. /* Transition
  1077. -------------------------- */
  1078. /* Color
  1079. -------------------------- */
  1080. /* 53a8ff */
  1081. /* 66b1ff */
  1082. /* 79bbff */
  1083. /* 8cc5ff */
  1084. /* a0cfff */
  1085. /* b3d8ff */
  1086. /* c6e2ff */
  1087. /* d9ecff */
  1088. /* ecf5ff */
  1089. /* Link
  1090. -------------------------- */
  1091. /* Border
  1092. -------------------------- */
  1093. /* Fill
  1094. -------------------------- */
  1095. /* Typography
  1096. -------------------------- */
  1097. /* Size
  1098. -------------------------- */
  1099. /* z-index
  1100. -------------------------- */
  1101. /* Disable base
  1102. -------------------------- */
  1103. /* Icon
  1104. -------------------------- */
  1105. /* Checkbox
  1106. -------------------------- */
  1107. /* Radio
  1108. -------------------------- */
  1109. /* Select
  1110. -------------------------- */
  1111. /* Alert
  1112. -------------------------- */
  1113. /* MessageBox
  1114. -------------------------- */
  1115. /* Message
  1116. -------------------------- */
  1117. /* Notification
  1118. -------------------------- */
  1119. /* Input
  1120. -------------------------- */
  1121. /* Cascader
  1122. -------------------------- */
  1123. /* Group
  1124. -------------------------- */
  1125. /* Tab
  1126. -------------------------- */
  1127. /* Button
  1128. -------------------------- */
  1129. /* cascader
  1130. -------------------------- */
  1131. /* Switch
  1132. -------------------------- */
  1133. /* Dialog
  1134. -------------------------- */
  1135. /* Table
  1136. -------------------------- */
  1137. /* Pagination
  1138. -------------------------- */
  1139. /* Popup
  1140. -------------------------- */
  1141. /* Popover
  1142. -------------------------- */
  1143. /* Tooltip
  1144. -------------------------- */
  1145. /* Tag
  1146. -------------------------- */
  1147. /* Tree
  1148. -------------------------- */
  1149. /* Dropdown
  1150. -------------------------- */
  1151. /* Badge
  1152. -------------------------- */
  1153. /* Card
  1154. --------------------------*/
  1155. /* Slider
  1156. --------------------------*/
  1157. /* Steps
  1158. --------------------------*/
  1159. /* Menu
  1160. --------------------------*/
  1161. /* Rate
  1162. --------------------------*/
  1163. /* DatePicker
  1164. --------------------------*/
  1165. /* Loading
  1166. --------------------------*/
  1167. /* Scrollbar
  1168. --------------------------*/
  1169. /* Carousel
  1170. --------------------------*/
  1171. /* Collapse
  1172. --------------------------*/
  1173. /* Transfer
  1174. --------------------------*/
  1175. /* Header
  1176. --------------------------*/
  1177. /* Footer
  1178. --------------------------*/
  1179. /* Main
  1180. --------------------------*/
  1181. /* Timeline
  1182. --------------------------*/
  1183. /* Backtop
  1184. --------------------------*/
  1185. /* Link
  1186. --------------------------*/
  1187. /* Calendar
  1188. --------------------------*/
  1189. /* Form
  1190. -------------------------- */
  1191. /* Avatar
  1192. --------------------------*/
  1193. /* Empty
  1194. -------------------------- */
  1195. /* Descriptions
  1196. -------------------------- */
  1197. /* Skeleton
  1198. --------------------------*/
  1199. /* Svg
  1200. --------------- */
  1201. /* Result
  1202. -------------------------- */
  1203. /* Break-point
  1204. --------------------------*/
  1205. /* Element Chalk Variables */
  1206. /* Transition
  1207. -------------------------- */
  1208. /* Color
  1209. -------------------------- */
  1210. /* 53a8ff */
  1211. /* 66b1ff */
  1212. /* 79bbff */
  1213. /* 8cc5ff */
  1214. /* a0cfff */
  1215. /* b3d8ff */
  1216. /* c6e2ff */
  1217. /* d9ecff */
  1218. /* ecf5ff */
  1219. /* Link
  1220. -------------------------- */
  1221. /* Border
  1222. -------------------------- */
  1223. /* Fill
  1224. -------------------------- */
  1225. /* Typography
  1226. -------------------------- */
  1227. /* Size
  1228. -------------------------- */
  1229. /* z-index
  1230. -------------------------- */
  1231. /* Disable base
  1232. -------------------------- */
  1233. /* Icon
  1234. -------------------------- */
  1235. /* Checkbox
  1236. -------------------------- */
  1237. /* Radio
  1238. -------------------------- */
  1239. /* Select
  1240. -------------------------- */
  1241. /* Alert
  1242. -------------------------- */
  1243. /* MessageBox
  1244. -------------------------- */
  1245. /* Message
  1246. -------------------------- */
  1247. /* Notification
  1248. -------------------------- */
  1249. /* Input
  1250. -------------------------- */
  1251. /* Cascader
  1252. -------------------------- */
  1253. /* Group
  1254. -------------------------- */
  1255. /* Tab
  1256. -------------------------- */
  1257. /* Button
  1258. -------------------------- */
  1259. /* cascader
  1260. -------------------------- */
  1261. /* Switch
  1262. -------------------------- */
  1263. /* Dialog
  1264. -------------------------- */
  1265. /* Table
  1266. -------------------------- */
  1267. /* Pagination
  1268. -------------------------- */
  1269. /* Popup
  1270. -------------------------- */
  1271. /* Popover
  1272. -------------------------- */
  1273. /* Tooltip
  1274. -------------------------- */
  1275. /* Tag
  1276. -------------------------- */
  1277. /* Tree
  1278. -------------------------- */
  1279. /* Dropdown
  1280. -------------------------- */
  1281. /* Badge
  1282. -------------------------- */
  1283. /* Card
  1284. --------------------------*/
  1285. /* Slider
  1286. --------------------------*/
  1287. /* Steps
  1288. --------------------------*/
  1289. /* Menu
  1290. --------------------------*/
  1291. /* Rate
  1292. --------------------------*/
  1293. /* DatePicker
  1294. --------------------------*/
  1295. /* Loading
  1296. --------------------------*/
  1297. /* Scrollbar
  1298. --------------------------*/
  1299. /* Carousel
  1300. --------------------------*/
  1301. /* Collapse
  1302. --------------------------*/
  1303. /* Transfer
  1304. --------------------------*/
  1305. /* Header
  1306. --------------------------*/
  1307. /* Footer
  1308. --------------------------*/
  1309. /* Main
  1310. --------------------------*/
  1311. /* Timeline
  1312. --------------------------*/
  1313. /* Backtop
  1314. --------------------------*/
  1315. /* Link
  1316. --------------------------*/
  1317. /* Calendar
  1318. --------------------------*/
  1319. /* Form
  1320. -------------------------- */
  1321. /* Avatar
  1322. --------------------------*/
  1323. /* Empty
  1324. -------------------------- */
  1325. /* Descriptions
  1326. -------------------------- */
  1327. /* Skeleton
  1328. --------------------------*/
  1329. /* Svg
  1330. --------------- */
  1331. /* Result
  1332. -------------------------- */
  1333. /* Break-point
  1334. --------------------------*/
  1335. .el-radio {
  1336. color: #606266;
  1337. font-weight: 500;
  1338. line-height: 1;
  1339. position: relative;
  1340. cursor: pointer;
  1341. display: inline-block;
  1342. white-space: nowrap;
  1343. outline: none;
  1344. font-size: 14px;
  1345. margin-right: 30px;
  1346. -moz-user-select: none;
  1347. -webkit-user-select: none;
  1348. -ms-user-select: none; }
  1349. .el-radio.is-bordered {
  1350. padding: 12px 20px 0 10px;
  1351. border-radius: 4px;
  1352. border: 1px solid #DCDFE6;
  1353. -webkit-box-sizing: border-box;
  1354. box-sizing: border-box;
  1355. height: 40px; }
  1356. .el-radio.is-bordered.is-checked {
  1357. border-color: #5075FC; }
  1358. .el-radio.is-bordered.is-disabled {
  1359. cursor: not-allowed;
  1360. border-color: #EBEEF5; }
  1361. .el-radio.is-bordered + .el-radio.is-bordered {
  1362. margin-left: 10px; }
  1363. .el-radio--medium.is-bordered {
  1364. padding: 10px 20px 0 10px;
  1365. border-radius: 4px;
  1366. height: 36px; }
  1367. .el-radio--medium.is-bordered .el-radio__label {
  1368. font-size: 14px; }
  1369. .el-radio--medium.is-bordered .el-radio__inner {
  1370. height: 14px;
  1371. width: 14px; }
  1372. .el-radio--small.is-bordered {
  1373. padding: 8px 15px 0 10px;
  1374. border-radius: 3px;
  1375. height: 32px; }
  1376. .el-radio--small.is-bordered .el-radio__label {
  1377. font-size: 12px; }
  1378. .el-radio--small.is-bordered .el-radio__inner {
  1379. height: 12px;
  1380. width: 12px; }
  1381. .el-radio--mini.is-bordered {
  1382. padding: 6px 15px 0 10px;
  1383. border-radius: 3px;
  1384. height: 28px; }
  1385. .el-radio--mini.is-bordered .el-radio__label {
  1386. font-size: 12px; }
  1387. .el-radio--mini.is-bordered .el-radio__inner {
  1388. height: 12px;
  1389. width: 12px; }
  1390. .el-radio:last-child {
  1391. margin-right: 0; }
  1392. .el-radio__input {
  1393. white-space: nowrap;
  1394. cursor: pointer;
  1395. outline: none;
  1396. display: inline-block;
  1397. line-height: 1;
  1398. position: relative;
  1399. vertical-align: middle; }
  1400. .el-radio__input.is-disabled .el-radio__inner {
  1401. background-color: #F5F7FA;
  1402. border-color: #E4E7ED;
  1403. cursor: not-allowed; }
  1404. .el-radio__input.is-disabled .el-radio__inner::after {
  1405. cursor: not-allowed;
  1406. background-color: #F5F7FA; }
  1407. .el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  1408. cursor: not-allowed; }
  1409. .el-radio__input.is-disabled.is-checked .el-radio__inner {
  1410. background-color: #F5F7FA;
  1411. border-color: #E4E7ED; }
  1412. .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  1413. background-color: #C0C4CC; }
  1414. .el-radio__input.is-disabled + span.el-radio__label {
  1415. color: #C0C4CC;
  1416. cursor: not-allowed; }
  1417. .el-radio__input.is-checked .el-radio__inner {
  1418. border-color: #5075FC;
  1419. background: #5075FC; }
  1420. .el-radio__input.is-checked .el-radio__inner::after {
  1421. -webkit-transform: translate(-50%, -50%) scale(1);
  1422. transform: translate(-50%, -50%) scale(1); }
  1423. .el-radio__input.is-checked + .el-radio__label {
  1424. color: #5075FC; }
  1425. .el-radio__input.is-focus .el-radio__inner {
  1426. border-color: #5075FC; }
  1427. .el-radio__inner {
  1428. border: 1px solid #DCDFE6;
  1429. border-radius: 100%;
  1430. width: 14px;
  1431. height: 14px;
  1432. background-color: #FFFFFF;
  1433. position: relative;
  1434. cursor: pointer;
  1435. display: inline-block;
  1436. -webkit-box-sizing: border-box;
  1437. box-sizing: border-box; }
  1438. .el-radio__inner:hover {
  1439. border-color: #5075FC; }
  1440. .el-radio__inner::after {
  1441. width: 4px;
  1442. height: 4px;
  1443. border-radius: 100%;
  1444. background-color: #FFFFFF;
  1445. content: "";
  1446. position: absolute;
  1447. left: 50%;
  1448. top: 50%;
  1449. -webkit-transform: translate(-50%, -50%) scale(0);
  1450. transform: translate(-50%, -50%) scale(0);
  1451. -webkit-transition: -webkit-transform .15s ease-in;
  1452. transition: -webkit-transform .15s ease-in;
  1453. transition: transform .15s ease-in;
  1454. transition: transform .15s ease-in, -webkit-transform .15s ease-in; }
  1455. .el-radio__original {
  1456. opacity: 0;
  1457. outline: none;
  1458. position: absolute;
  1459. z-index: -1;
  1460. top: 0;
  1461. left: 0;
  1462. right: 0;
  1463. bottom: 0;
  1464. margin: 0; }
  1465. .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
  1466. /*获得焦点时 样式提醒*/ }
  1467. .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  1468. -webkit-box-shadow: 0 0 2px 2px #5075FC;
  1469. box-shadow: 0 0 2px 2px #5075FC; }
  1470. .el-radio__label {
  1471. font-size: 14px;
  1472. padding-left: 10px; }
  1473. /* BEM support Func
  1474. -------------------------- */
  1475. /* Element Chalk Variables */
  1476. /* Transition
  1477. -------------------------- */
  1478. /* Color
  1479. -------------------------- */
  1480. /* 53a8ff */
  1481. /* 66b1ff */
  1482. /* 79bbff */
  1483. /* 8cc5ff */
  1484. /* a0cfff */
  1485. /* b3d8ff */
  1486. /* c6e2ff */
  1487. /* d9ecff */
  1488. /* ecf5ff */
  1489. /* Link
  1490. -------------------------- */
  1491. /* Border
  1492. -------------------------- */
  1493. /* Fill
  1494. -------------------------- */
  1495. /* Typography
  1496. -------------------------- */
  1497. /* Size
  1498. -------------------------- */
  1499. /* z-index
  1500. -------------------------- */
  1501. /* Disable base
  1502. -------------------------- */
  1503. /* Icon
  1504. -------------------------- */
  1505. /* Checkbox
  1506. -------------------------- */
  1507. /* Radio
  1508. -------------------------- */
  1509. /* Select
  1510. -------------------------- */
  1511. /* Alert
  1512. -------------------------- */
  1513. /* MessageBox
  1514. -------------------------- */
  1515. /* Message
  1516. -------------------------- */
  1517. /* Notification
  1518. -------------------------- */
  1519. /* Input
  1520. -------------------------- */
  1521. /* Cascader
  1522. -------------------------- */
  1523. /* Group
  1524. -------------------------- */
  1525. /* Tab
  1526. -------------------------- */
  1527. /* Button
  1528. -------------------------- */
  1529. /* cascader
  1530. -------------------------- */
  1531. /* Switch
  1532. -------------------------- */
  1533. /* Dialog
  1534. -------------------------- */
  1535. /* Table
  1536. -------------------------- */
  1537. /* Pagination
  1538. -------------------------- */
  1539. /* Popup
  1540. -------------------------- */
  1541. /* Popover
  1542. -------------------------- */
  1543. /* Tooltip
  1544. -------------------------- */
  1545. /* Tag
  1546. -------------------------- */
  1547. /* Tree
  1548. -------------------------- */
  1549. /* Dropdown
  1550. -------------------------- */
  1551. /* Badge
  1552. -------------------------- */
  1553. /* Card
  1554. --------------------------*/
  1555. /* Slider
  1556. --------------------------*/
  1557. /* Steps
  1558. --------------------------*/
  1559. /* Menu
  1560. --------------------------*/
  1561. /* Rate
  1562. --------------------------*/
  1563. /* DatePicker
  1564. --------------------------*/
  1565. /* Loading
  1566. --------------------------*/
  1567. /* Scrollbar
  1568. --------------------------*/
  1569. /* Carousel
  1570. --------------------------*/
  1571. /* Collapse
  1572. --------------------------*/
  1573. /* Transfer
  1574. --------------------------*/
  1575. /* Header
  1576. --------------------------*/
  1577. /* Footer
  1578. --------------------------*/
  1579. /* Main
  1580. --------------------------*/
  1581. /* Timeline
  1582. --------------------------*/
  1583. /* Backtop
  1584. --------------------------*/
  1585. /* Link
  1586. --------------------------*/
  1587. /* Calendar
  1588. --------------------------*/
  1589. /* Form
  1590. -------------------------- */
  1591. /* Avatar
  1592. --------------------------*/
  1593. /* Empty
  1594. -------------------------- */
  1595. /* Descriptions
  1596. -------------------------- */
  1597. /* Skeleton
  1598. --------------------------*/
  1599. /* Svg
  1600. --------------- */
  1601. /* Result
  1602. -------------------------- */
  1603. /* Break-point
  1604. --------------------------*/
  1605. /* Break-points
  1606. -------------------------- */
  1607. /* Scrollbar
  1608. -------------------------- */
  1609. /* Placeholder
  1610. -------------------------- */
  1611. /* BEM
  1612. -------------------------- */
  1613. /* Element Chalk Variables */
  1614. /* Transition
  1615. -------------------------- */
  1616. /* Color
  1617. -------------------------- */
  1618. /* 53a8ff */
  1619. /* 66b1ff */
  1620. /* 79bbff */
  1621. /* 8cc5ff */
  1622. /* a0cfff */
  1623. /* b3d8ff */
  1624. /* c6e2ff */
  1625. /* d9ecff */
  1626. /* ecf5ff */
  1627. /* Link
  1628. -------------------------- */
  1629. /* Border
  1630. -------------------------- */
  1631. /* Fill
  1632. -------------------------- */
  1633. /* Typography
  1634. -------------------------- */
  1635. /* Size
  1636. -------------------------- */
  1637. /* z-index
  1638. -------------------------- */
  1639. /* Disable base
  1640. -------------------------- */
  1641. /* Icon
  1642. -------------------------- */
  1643. /* Checkbox
  1644. -------------------------- */
  1645. /* Radio
  1646. -------------------------- */
  1647. /* Select
  1648. -------------------------- */
  1649. /* Alert
  1650. -------------------------- */
  1651. /* MessageBox
  1652. -------------------------- */
  1653. /* Message
  1654. -------------------------- */
  1655. /* Notification
  1656. -------------------------- */
  1657. /* Input
  1658. -------------------------- */
  1659. /* Cascader
  1660. -------------------------- */
  1661. /* Group
  1662. -------------------------- */
  1663. /* Tab
  1664. -------------------------- */
  1665. /* Button
  1666. -------------------------- */
  1667. /* cascader
  1668. -------------------------- */
  1669. /* Switch
  1670. -------------------------- */
  1671. /* Dialog
  1672. -------------------------- */
  1673. /* Table
  1674. -------------------------- */
  1675. /* Pagination
  1676. -------------------------- */
  1677. /* Popup
  1678. -------------------------- */
  1679. /* Popover
  1680. -------------------------- */
  1681. /* Tooltip
  1682. -------------------------- */
  1683. /* Tag
  1684. -------------------------- */
  1685. /* Tree
  1686. -------------------------- */
  1687. /* Dropdown
  1688. -------------------------- */
  1689. /* Badge
  1690. -------------------------- */
  1691. /* Card
  1692. --------------------------*/
  1693. /* Slider
  1694. --------------------------*/
  1695. /* Steps
  1696. --------------------------*/
  1697. /* Menu
  1698. --------------------------*/
  1699. /* Rate
  1700. --------------------------*/
  1701. /* DatePicker
  1702. --------------------------*/
  1703. /* Loading
  1704. --------------------------*/
  1705. /* Scrollbar
  1706. --------------------------*/
  1707. /* Carousel
  1708. --------------------------*/
  1709. /* Collapse
  1710. --------------------------*/
  1711. /* Transfer
  1712. --------------------------*/
  1713. /* Header
  1714. --------------------------*/
  1715. /* Footer
  1716. --------------------------*/
  1717. /* Main
  1718. --------------------------*/
  1719. /* Timeline
  1720. --------------------------*/
  1721. /* Backtop
  1722. --------------------------*/
  1723. /* Link
  1724. --------------------------*/
  1725. /* Calendar
  1726. --------------------------*/
  1727. /* Form
  1728. -------------------------- */
  1729. /* Avatar
  1730. --------------------------*/
  1731. /* Empty
  1732. -------------------------- */
  1733. /* Descriptions
  1734. -------------------------- */
  1735. /* Skeleton
  1736. --------------------------*/
  1737. /* Svg
  1738. --------------- */
  1739. /* Result
  1740. -------------------------- */
  1741. /* Break-point
  1742. --------------------------*/
  1743. .el-scrollbar {
  1744. overflow: hidden;
  1745. position: relative; }
  1746. .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  1747. opacity: 1;
  1748. -webkit-transition: opacity 340ms ease-out;
  1749. transition: opacity 340ms ease-out; }
  1750. .el-scrollbar__wrap {
  1751. overflow: scroll;
  1752. height: 100%; }
  1753. .el-scrollbar__wrap--hidden-default {
  1754. scrollbar-width: none; }
  1755. .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  1756. width: 0;
  1757. height: 0; }
  1758. .el-scrollbar__thumb {
  1759. position: relative;
  1760. display: block;
  1761. width: 0;
  1762. height: 0;
  1763. cursor: pointer;
  1764. border-radius: inherit;
  1765. background-color: rgba(144, 147, 153, 0.3);
  1766. -webkit-transition: .3s background-color;
  1767. transition: .3s background-color; }
  1768. .el-scrollbar__thumb:hover {
  1769. background-color: rgba(144, 147, 153, 0.5); }
  1770. .el-scrollbar__bar {
  1771. position: absolute;
  1772. right: 2px;
  1773. bottom: 2px;
  1774. z-index: 1;
  1775. border-radius: 4px;
  1776. opacity: 0;
  1777. -webkit-transition: opacity 120ms ease-out;
  1778. transition: opacity 120ms ease-out; }
  1779. .el-scrollbar__bar.is-vertical {
  1780. width: 6px;
  1781. top: 2px; }
  1782. .el-scrollbar__bar.is-vertical > div {
  1783. width: 100%; }
  1784. .el-scrollbar__bar.is-horizontal {
  1785. height: 6px;
  1786. left: 2px; }
  1787. .el-scrollbar__bar.is-horizontal > div {
  1788. height: 100%; }
  1789. .el-cascader-panel {
  1790. display: -webkit-box;
  1791. display: -ms-flexbox;
  1792. display: flex;
  1793. border-radius: 4px;
  1794. font-size: 14px; }
  1795. .el-cascader-panel.is-bordered {
  1796. border: solid 1px #E4E7ED;
  1797. border-radius: 4px; }
  1798. .el-cascader-menu {
  1799. min-width: 180px;
  1800. -webkit-box-sizing: border-box;
  1801. box-sizing: border-box;
  1802. color: #606266;
  1803. border-right: solid 1px #E4E7ED; }
  1804. .el-cascader-menu:last-child {
  1805. border-right: none; }
  1806. .el-cascader-menu:last-child .el-cascader-node {
  1807. padding-right: 20px; }
  1808. .el-cascader-menu__wrap {
  1809. height: 204px; }
  1810. .el-cascader-menu__list {
  1811. position: relative;
  1812. min-height: 100%;
  1813. margin: 0;
  1814. padding: 6px 0;
  1815. list-style: none;
  1816. -webkit-box-sizing: border-box;
  1817. box-sizing: border-box; }
  1818. .el-cascader-menu__hover-zone {
  1819. position: absolute;
  1820. top: 0;
  1821. left: 0;
  1822. width: 100%;
  1823. height: 100%;
  1824. pointer-events: none; }
  1825. .el-cascader-menu__empty-text {
  1826. position: absolute;
  1827. top: 50%;
  1828. left: 50%;
  1829. -webkit-transform: translate(-50%, -50%);
  1830. transform: translate(-50%, -50%);
  1831. text-align: center;
  1832. color: #C0C4CC; }
  1833. .el-cascader-node {
  1834. position: relative;
  1835. display: -webkit-box;
  1836. display: -ms-flexbox;
  1837. display: flex;
  1838. -webkit-box-align: center;
  1839. -ms-flex-align: center;
  1840. align-items: center;
  1841. padding: 0 30px 0 20px;
  1842. height: 34px;
  1843. line-height: 34px;
  1844. outline: none; }
  1845. .el-cascader-node.is-selectable.in-active-path {
  1846. color: #606266; }
  1847. .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
  1848. color: #5075FC;
  1849. font-weight: bold; }
  1850. .el-cascader-node:not(.is-disabled) {
  1851. cursor: pointer; }
  1852. .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
  1853. background: #F5F7FA; }
  1854. .el-cascader-node.is-disabled {
  1855. color: #C0C4CC;
  1856. cursor: not-allowed; }
  1857. .el-cascader-node__prefix {
  1858. position: absolute;
  1859. left: 10px; }
  1860. .el-cascader-node__postfix {
  1861. position: absolute;
  1862. right: 10px; }
  1863. .el-cascader-node__label {
  1864. -webkit-box-flex: 1;
  1865. -ms-flex: 1;
  1866. flex: 1;
  1867. padding: 0 10px;
  1868. white-space: nowrap;
  1869. overflow: hidden;
  1870. text-overflow: ellipsis; }
  1871. .el-cascader-node > .el-radio {
  1872. margin-right: 0; }
  1873. .el-cascader-node > .el-radio .el-radio__label {
  1874. padding-left: 0; }