slider.css 44 KB

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