transfer.css 60 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349
  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. /* Break-point
  123. --------------------------*/
  124. /* Break-points
  125. -------------------------- */
  126. /* Scrollbar
  127. -------------------------- */
  128. /* Placeholder
  129. -------------------------- */
  130. /* BEM
  131. -------------------------- */
  132. /* Element Chalk Variables */
  133. /* Transition
  134. -------------------------- */
  135. /* Color
  136. -------------------------- */
  137. /* 53a8ff */
  138. /* 66b1ff */
  139. /* 79bbff */
  140. /* 8cc5ff */
  141. /* a0cfff */
  142. /* b3d8ff */
  143. /* c6e2ff */
  144. /* d9ecff */
  145. /* ecf5ff */
  146. /* Link
  147. -------------------------- */
  148. /* Border
  149. -------------------------- */
  150. /* Fill
  151. -------------------------- */
  152. /* Typography
  153. -------------------------- */
  154. /* Size
  155. -------------------------- */
  156. /* z-index
  157. -------------------------- */
  158. /* Disable base
  159. -------------------------- */
  160. /* Icon
  161. -------------------------- */
  162. /* Checkbox
  163. -------------------------- */
  164. /* Radio
  165. -------------------------- */
  166. /* Select
  167. -------------------------- */
  168. /* Alert
  169. -------------------------- */
  170. /* MessageBox
  171. -------------------------- */
  172. /* Message
  173. -------------------------- */
  174. /* Notification
  175. -------------------------- */
  176. /* Input
  177. -------------------------- */
  178. /* Cascader
  179. -------------------------- */
  180. /* Group
  181. -------------------------- */
  182. /* Tab
  183. -------------------------- */
  184. /* Button
  185. -------------------------- */
  186. /* cascader
  187. -------------------------- */
  188. /* Switch
  189. -------------------------- */
  190. /* Dialog
  191. -------------------------- */
  192. /* Table
  193. -------------------------- */
  194. /* Pagination
  195. -------------------------- */
  196. /* Popup
  197. -------------------------- */
  198. /* Popover
  199. -------------------------- */
  200. /* Tooltip
  201. -------------------------- */
  202. /* Tag
  203. -------------------------- */
  204. /* Tree
  205. -------------------------- */
  206. /* Dropdown
  207. -------------------------- */
  208. /* Badge
  209. -------------------------- */
  210. /* Card
  211. --------------------------*/
  212. /* Slider
  213. --------------------------*/
  214. /* Steps
  215. --------------------------*/
  216. /* Menu
  217. --------------------------*/
  218. /* Rate
  219. --------------------------*/
  220. /* DatePicker
  221. --------------------------*/
  222. /* Loading
  223. --------------------------*/
  224. /* Scrollbar
  225. --------------------------*/
  226. /* Carousel
  227. --------------------------*/
  228. /* Collapse
  229. --------------------------*/
  230. /* Transfer
  231. --------------------------*/
  232. /* Header
  233. --------------------------*/
  234. /* Footer
  235. --------------------------*/
  236. /* Main
  237. --------------------------*/
  238. /* Timeline
  239. --------------------------*/
  240. /* Backtop
  241. --------------------------*/
  242. /* Link
  243. --------------------------*/
  244. /* Calendar
  245. --------------------------*/
  246. /* Form
  247. -------------------------- */
  248. /* Avatar
  249. --------------------------*/
  250. /* Break-point
  251. --------------------------*/
  252. /* BEM support Func
  253. -------------------------- */
  254. /* Element Chalk Variables */
  255. /* Transition
  256. -------------------------- */
  257. /* Color
  258. -------------------------- */
  259. /* 53a8ff */
  260. /* 66b1ff */
  261. /* 79bbff */
  262. /* 8cc5ff */
  263. /* a0cfff */
  264. /* b3d8ff */
  265. /* c6e2ff */
  266. /* d9ecff */
  267. /* ecf5ff */
  268. /* Link
  269. -------------------------- */
  270. /* Border
  271. -------------------------- */
  272. /* Fill
  273. -------------------------- */
  274. /* Typography
  275. -------------------------- */
  276. /* Size
  277. -------------------------- */
  278. /* z-index
  279. -------------------------- */
  280. /* Disable base
  281. -------------------------- */
  282. /* Icon
  283. -------------------------- */
  284. /* Checkbox
  285. -------------------------- */
  286. /* Radio
  287. -------------------------- */
  288. /* Select
  289. -------------------------- */
  290. /* Alert
  291. -------------------------- */
  292. /* MessageBox
  293. -------------------------- */
  294. /* Message
  295. -------------------------- */
  296. /* Notification
  297. -------------------------- */
  298. /* Input
  299. -------------------------- */
  300. /* Cascader
  301. -------------------------- */
  302. /* Group
  303. -------------------------- */
  304. /* Tab
  305. -------------------------- */
  306. /* Button
  307. -------------------------- */
  308. /* cascader
  309. -------------------------- */
  310. /* Switch
  311. -------------------------- */
  312. /* Dialog
  313. -------------------------- */
  314. /* Table
  315. -------------------------- */
  316. /* Pagination
  317. -------------------------- */
  318. /* Popup
  319. -------------------------- */
  320. /* Popover
  321. -------------------------- */
  322. /* Tooltip
  323. -------------------------- */
  324. /* Tag
  325. -------------------------- */
  326. /* Tree
  327. -------------------------- */
  328. /* Dropdown
  329. -------------------------- */
  330. /* Badge
  331. -------------------------- */
  332. /* Card
  333. --------------------------*/
  334. /* Slider
  335. --------------------------*/
  336. /* Steps
  337. --------------------------*/
  338. /* Menu
  339. --------------------------*/
  340. /* Rate
  341. --------------------------*/
  342. /* DatePicker
  343. --------------------------*/
  344. /* Loading
  345. --------------------------*/
  346. /* Scrollbar
  347. --------------------------*/
  348. /* Carousel
  349. --------------------------*/
  350. /* Collapse
  351. --------------------------*/
  352. /* Transfer
  353. --------------------------*/
  354. /* Header
  355. --------------------------*/
  356. /* Footer
  357. --------------------------*/
  358. /* Main
  359. --------------------------*/
  360. /* Timeline
  361. --------------------------*/
  362. /* Backtop
  363. --------------------------*/
  364. /* Link
  365. --------------------------*/
  366. /* Calendar
  367. --------------------------*/
  368. /* Form
  369. -------------------------- */
  370. /* Avatar
  371. --------------------------*/
  372. /* Break-point
  373. --------------------------*/
  374. /* Break-points
  375. -------------------------- */
  376. /* Scrollbar
  377. -------------------------- */
  378. /* Placeholder
  379. -------------------------- */
  380. /* BEM
  381. -------------------------- */
  382. /* Element Chalk Variables */
  383. /* Transition
  384. -------------------------- */
  385. /* Color
  386. -------------------------- */
  387. /* 53a8ff */
  388. /* 66b1ff */
  389. /* 79bbff */
  390. /* 8cc5ff */
  391. /* a0cfff */
  392. /* b3d8ff */
  393. /* c6e2ff */
  394. /* d9ecff */
  395. /* ecf5ff */
  396. /* Link
  397. -------------------------- */
  398. /* Border
  399. -------------------------- */
  400. /* Fill
  401. -------------------------- */
  402. /* Typography
  403. -------------------------- */
  404. /* Size
  405. -------------------------- */
  406. /* z-index
  407. -------------------------- */
  408. /* Disable base
  409. -------------------------- */
  410. /* Icon
  411. -------------------------- */
  412. /* Checkbox
  413. -------------------------- */
  414. /* Radio
  415. -------------------------- */
  416. /* Select
  417. -------------------------- */
  418. /* Alert
  419. -------------------------- */
  420. /* MessageBox
  421. -------------------------- */
  422. /* Message
  423. -------------------------- */
  424. /* Notification
  425. -------------------------- */
  426. /* Input
  427. -------------------------- */
  428. /* Cascader
  429. -------------------------- */
  430. /* Group
  431. -------------------------- */
  432. /* Tab
  433. -------------------------- */
  434. /* Button
  435. -------------------------- */
  436. /* cascader
  437. -------------------------- */
  438. /* Switch
  439. -------------------------- */
  440. /* Dialog
  441. -------------------------- */
  442. /* Table
  443. -------------------------- */
  444. /* Pagination
  445. -------------------------- */
  446. /* Popup
  447. -------------------------- */
  448. /* Popover
  449. -------------------------- */
  450. /* Tooltip
  451. -------------------------- */
  452. /* Tag
  453. -------------------------- */
  454. /* Tree
  455. -------------------------- */
  456. /* Dropdown
  457. -------------------------- */
  458. /* Badge
  459. -------------------------- */
  460. /* Card
  461. --------------------------*/
  462. /* Slider
  463. --------------------------*/
  464. /* Steps
  465. --------------------------*/
  466. /* Menu
  467. --------------------------*/
  468. /* Rate
  469. --------------------------*/
  470. /* DatePicker
  471. --------------------------*/
  472. /* Loading
  473. --------------------------*/
  474. /* Scrollbar
  475. --------------------------*/
  476. /* Carousel
  477. --------------------------*/
  478. /* Collapse
  479. --------------------------*/
  480. /* Transfer
  481. --------------------------*/
  482. /* Header
  483. --------------------------*/
  484. /* Footer
  485. --------------------------*/
  486. /* Main
  487. --------------------------*/
  488. /* Timeline
  489. --------------------------*/
  490. /* Backtop
  491. --------------------------*/
  492. /* Link
  493. --------------------------*/
  494. /* Calendar
  495. --------------------------*/
  496. /* Form
  497. -------------------------- */
  498. /* Avatar
  499. --------------------------*/
  500. /* Break-point
  501. --------------------------*/
  502. .el-textarea {
  503. position: relative;
  504. display: inline-block;
  505. width: 100%;
  506. vertical-align: bottom;
  507. font-size: 14px; }
  508. .el-textarea__inner {
  509. display: block;
  510. resize: vertical;
  511. padding: 5px 15px;
  512. line-height: 1.5;
  513. -webkit-box-sizing: border-box;
  514. box-sizing: border-box;
  515. width: 100%;
  516. font-size: inherit;
  517. color: #606266;
  518. background-color: #FFFFFF;
  519. background-image: none;
  520. border: 1px solid #DCDFE6;
  521. border-radius: 4px;
  522. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  523. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  524. .el-textarea__inner::-webkit-input-placeholder {
  525. color: #C0C4CC; }
  526. .el-textarea__inner::-moz-placeholder {
  527. color: #C0C4CC; }
  528. .el-textarea__inner::-ms-input-placeholder {
  529. color: #C0C4CC; }
  530. .el-textarea__inner::placeholder {
  531. color: #C0C4CC; }
  532. .el-textarea__inner:hover {
  533. border-color: #C0C4CC; }
  534. .el-textarea__inner:focus {
  535. outline: none;
  536. border-color: #2D74E7; }
  537. .el-textarea .el-input__count {
  538. color: #909399;
  539. background: #FFFFFF;
  540. position: absolute;
  541. font-size: 12px;
  542. bottom: 5px;
  543. right: 10px; }
  544. .el-textarea.is-disabled .el-textarea__inner {
  545. background-color: #F5F7FA;
  546. border-color: #E4E7ED;
  547. color: #C0C4CC;
  548. cursor: not-allowed; }
  549. .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
  550. color: #C0C4CC; }
  551. .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  552. color: #C0C4CC; }
  553. .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
  554. color: #C0C4CC; }
  555. .el-textarea.is-disabled .el-textarea__inner::placeholder {
  556. color: #C0C4CC; }
  557. .el-textarea.is-exceed .el-textarea__inner {
  558. border-color: #e7304e; }
  559. .el-textarea.is-exceed .el-input__count {
  560. color: #e7304e; }
  561. .el-input {
  562. position: relative;
  563. font-size: 14px;
  564. display: inline-block;
  565. width: 100%; }
  566. .el-input::-webkit-scrollbar {
  567. z-index: 11;
  568. width: 6px; }
  569. .el-input::-webkit-scrollbar:horizontal {
  570. height: 6px; }
  571. .el-input::-webkit-scrollbar-thumb {
  572. border-radius: 5px;
  573. width: 6px;
  574. background: #b4bccc; }
  575. .el-input::-webkit-scrollbar-corner {
  576. background: #fff; }
  577. .el-input::-webkit-scrollbar-track {
  578. background: #fff; }
  579. .el-input::-webkit-scrollbar-track-piece {
  580. background: #fff;
  581. width: 6px; }
  582. .el-input .el-input__clear {
  583. color: #C0C4CC;
  584. font-size: 14px;
  585. cursor: pointer;
  586. -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  587. transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  588. .el-input .el-input__clear:hover {
  589. color: #909399; }
  590. .el-input .el-input__count {
  591. height: 100%;
  592. display: -webkit-inline-box;
  593. display: -ms-inline-flexbox;
  594. display: inline-flex;
  595. -webkit-box-align: center;
  596. -ms-flex-align: center;
  597. align-items: center;
  598. color: #909399;
  599. font-size: 12px; }
  600. .el-input .el-input__count .el-input__count-inner {
  601. background: #FFFFFF;
  602. line-height: initial;
  603. display: inline-block;
  604. padding: 0 5px; }
  605. .el-input__inner {
  606. -webkit-appearance: none;
  607. background-color: #FFFFFF;
  608. background-image: none;
  609. border-radius: 4px;
  610. border: 1px solid #DCDFE6;
  611. -webkit-box-sizing: border-box;
  612. box-sizing: border-box;
  613. color: #606266;
  614. display: inline-block;
  615. font-size: inherit;
  616. height: 40px;
  617. line-height: 40px;
  618. outline: none;
  619. padding: 0 15px;
  620. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  621. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  622. width: 100%; }
  623. .el-input__inner::-webkit-input-placeholder {
  624. color: #C0C4CC; }
  625. .el-input__inner::-moz-placeholder {
  626. color: #C0C4CC; }
  627. .el-input__inner::-ms-input-placeholder {
  628. color: #C0C4CC; }
  629. .el-input__inner::placeholder {
  630. color: #C0C4CC; }
  631. .el-input__inner:hover {
  632. border-color: #C0C4CC; }
  633. .el-input__inner:focus {
  634. outline: none;
  635. border-color: #2D74E7; }
  636. .el-input__suffix {
  637. position: absolute;
  638. height: 100%;
  639. right: 5px;
  640. top: 0;
  641. text-align: center;
  642. color: #C0C4CC;
  643. -webkit-transition: all .3s;
  644. transition: all .3s;
  645. pointer-events: none; }
  646. .el-input__suffix-inner {
  647. pointer-events: all; }
  648. .el-input__prefix {
  649. position: absolute;
  650. height: 100%;
  651. left: 5px;
  652. top: 0;
  653. text-align: center;
  654. color: #C0C4CC;
  655. -webkit-transition: all .3s;
  656. transition: all .3s; }
  657. .el-input__icon {
  658. height: 100%;
  659. width: 25px;
  660. text-align: center;
  661. -webkit-transition: all .3s;
  662. transition: all .3s;
  663. line-height: 40px; }
  664. .el-input__icon:after {
  665. content: '';
  666. height: 100%;
  667. width: 0;
  668. display: inline-block;
  669. vertical-align: middle; }
  670. .el-input__validateIcon {
  671. pointer-events: none; }
  672. .el-input.is-active .el-input__inner {
  673. outline: none;
  674. border-color: #2D74E7; }
  675. .el-input.is-disabled .el-input__inner {
  676. background-color: #F5F7FA;
  677. border-color: #E4E7ED;
  678. color: #C0C4CC;
  679. cursor: not-allowed; }
  680. .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
  681. color: #C0C4CC; }
  682. .el-input.is-disabled .el-input__inner::-moz-placeholder {
  683. color: #C0C4CC; }
  684. .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
  685. color: #C0C4CC; }
  686. .el-input.is-disabled .el-input__inner::placeholder {
  687. color: #C0C4CC; }
  688. .el-input.is-disabled .el-input__icon {
  689. cursor: not-allowed; }
  690. .el-input.is-exceed .el-input__inner {
  691. border-color: #e7304e; }
  692. .el-input.is-exceed .el-input__suffix .el-input__count {
  693. color: #e7304e; }
  694. .el-input--suffix .el-input__inner {
  695. padding-right: 30px; }
  696. .el-input--prefix .el-input__inner {
  697. padding-left: 30px; }
  698. .el-input--medium {
  699. font-size: 14px; }
  700. .el-input--medium .el-input__inner {
  701. height: 36px;
  702. line-height: 36px; }
  703. .el-input--medium .el-input__icon {
  704. line-height: 36px; }
  705. .el-input--small {
  706. font-size: 13px; }
  707. .el-input--small .el-input__inner {
  708. height: 32px;
  709. line-height: 32px; }
  710. .el-input--small .el-input__icon {
  711. line-height: 32px; }
  712. .el-input--mini {
  713. font-size: 12px; }
  714. .el-input--mini .el-input__inner {
  715. height: 28px;
  716. line-height: 28px; }
  717. .el-input--mini .el-input__icon {
  718. line-height: 28px; }
  719. .el-input-group {
  720. line-height: normal;
  721. display: inline-table;
  722. width: 100%;
  723. border-collapse: separate;
  724. border-spacing: 0; }
  725. .el-input-group > .el-input__inner {
  726. vertical-align: middle;
  727. display: table-cell; }
  728. .el-input-group__append, .el-input-group__prepend {
  729. background-color: #F5F7FA;
  730. color: #909399;
  731. vertical-align: middle;
  732. display: table-cell;
  733. position: relative;
  734. border: 1px solid #DCDFE6;
  735. border-radius: 4px;
  736. padding: 0 20px;
  737. width: 1px;
  738. white-space: nowrap; }
  739. .el-input-group__append:focus, .el-input-group__prepend:focus {
  740. outline: none; }
  741. .el-input-group__append .el-select,
  742. .el-input-group__append .el-button, .el-input-group__prepend .el-select,
  743. .el-input-group__prepend .el-button {
  744. display: inline-block;
  745. margin: -10px -20px; }
  746. .el-input-group__append button.el-button,
  747. .el-input-group__append div.el-select .el-input__inner,
  748. .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
  749. .el-input-group__prepend div.el-select .el-input__inner,
  750. .el-input-group__prepend div.el-select:hover .el-input__inner {
  751. border-color: transparent;
  752. background-color: transparent;
  753. color: inherit;
  754. border-top: 0;
  755. border-bottom: 0; }
  756. .el-input-group__append .el-button,
  757. .el-input-group__append .el-input, .el-input-group__prepend .el-button,
  758. .el-input-group__prepend .el-input {
  759. font-size: inherit; }
  760. .el-input-group__prepend {
  761. border-right: 0;
  762. border-top-right-radius: 0;
  763. border-bottom-right-radius: 0; }
  764. .el-input-group__append {
  765. border-left: 0;
  766. border-top-left-radius: 0;
  767. border-bottom-left-radius: 0; }
  768. .el-input-group--prepend .el-input__inner {
  769. border-top-left-radius: 0;
  770. border-bottom-left-radius: 0; }
  771. .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  772. border-color: transparent; }
  773. .el-input-group--append .el-input__inner {
  774. border-top-right-radius: 0;
  775. border-bottom-right-radius: 0; }
  776. .el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  777. border-color: transparent; }
  778. /** disalbe default clear on IE */
  779. .el-input__inner::-ms-clear {
  780. display: none;
  781. width: 0;
  782. height: 0; }
  783. /* Element Chalk Variables */
  784. /* Transition
  785. -------------------------- */
  786. /* Color
  787. -------------------------- */
  788. /* 53a8ff */
  789. /* 66b1ff */
  790. /* 79bbff */
  791. /* 8cc5ff */
  792. /* a0cfff */
  793. /* b3d8ff */
  794. /* c6e2ff */
  795. /* d9ecff */
  796. /* ecf5ff */
  797. /* Link
  798. -------------------------- */
  799. /* Border
  800. -------------------------- */
  801. /* Fill
  802. -------------------------- */
  803. /* Typography
  804. -------------------------- */
  805. /* Size
  806. -------------------------- */
  807. /* z-index
  808. -------------------------- */
  809. /* Disable base
  810. -------------------------- */
  811. /* Icon
  812. -------------------------- */
  813. /* Checkbox
  814. -------------------------- */
  815. /* Radio
  816. -------------------------- */
  817. /* Select
  818. -------------------------- */
  819. /* Alert
  820. -------------------------- */
  821. /* MessageBox
  822. -------------------------- */
  823. /* Message
  824. -------------------------- */
  825. /* Notification
  826. -------------------------- */
  827. /* Input
  828. -------------------------- */
  829. /* Cascader
  830. -------------------------- */
  831. /* Group
  832. -------------------------- */
  833. /* Tab
  834. -------------------------- */
  835. /* Button
  836. -------------------------- */
  837. /* cascader
  838. -------------------------- */
  839. /* Switch
  840. -------------------------- */
  841. /* Dialog
  842. -------------------------- */
  843. /* Table
  844. -------------------------- */
  845. /* Pagination
  846. -------------------------- */
  847. /* Popup
  848. -------------------------- */
  849. /* Popover
  850. -------------------------- */
  851. /* Tooltip
  852. -------------------------- */
  853. /* Tag
  854. -------------------------- */
  855. /* Tree
  856. -------------------------- */
  857. /* Dropdown
  858. -------------------------- */
  859. /* Badge
  860. -------------------------- */
  861. /* Card
  862. --------------------------*/
  863. /* Slider
  864. --------------------------*/
  865. /* Steps
  866. --------------------------*/
  867. /* Menu
  868. --------------------------*/
  869. /* Rate
  870. --------------------------*/
  871. /* DatePicker
  872. --------------------------*/
  873. /* Loading
  874. --------------------------*/
  875. /* Scrollbar
  876. --------------------------*/
  877. /* Carousel
  878. --------------------------*/
  879. /* Collapse
  880. --------------------------*/
  881. /* Transfer
  882. --------------------------*/
  883. /* Header
  884. --------------------------*/
  885. /* Footer
  886. --------------------------*/
  887. /* Main
  888. --------------------------*/
  889. /* Timeline
  890. --------------------------*/
  891. /* Backtop
  892. --------------------------*/
  893. /* Link
  894. --------------------------*/
  895. /* Calendar
  896. --------------------------*/
  897. /* Form
  898. -------------------------- */
  899. /* Avatar
  900. --------------------------*/
  901. /* Break-point
  902. --------------------------*/
  903. /* Element Chalk Variables */
  904. /* Transition
  905. -------------------------- */
  906. /* Color
  907. -------------------------- */
  908. /* 53a8ff */
  909. /* 66b1ff */
  910. /* 79bbff */
  911. /* 8cc5ff */
  912. /* a0cfff */
  913. /* b3d8ff */
  914. /* c6e2ff */
  915. /* d9ecff */
  916. /* ecf5ff */
  917. /* Link
  918. -------------------------- */
  919. /* Border
  920. -------------------------- */
  921. /* Fill
  922. -------------------------- */
  923. /* Typography
  924. -------------------------- */
  925. /* Size
  926. -------------------------- */
  927. /* z-index
  928. -------------------------- */
  929. /* Disable base
  930. -------------------------- */
  931. /* Icon
  932. -------------------------- */
  933. /* Checkbox
  934. -------------------------- */
  935. /* Radio
  936. -------------------------- */
  937. /* Select
  938. -------------------------- */
  939. /* Alert
  940. -------------------------- */
  941. /* MessageBox
  942. -------------------------- */
  943. /* Message
  944. -------------------------- */
  945. /* Notification
  946. -------------------------- */
  947. /* Input
  948. -------------------------- */
  949. /* Cascader
  950. -------------------------- */
  951. /* Group
  952. -------------------------- */
  953. /* Tab
  954. -------------------------- */
  955. /* Button
  956. -------------------------- */
  957. /* cascader
  958. -------------------------- */
  959. /* Switch
  960. -------------------------- */
  961. /* Dialog
  962. -------------------------- */
  963. /* Table
  964. -------------------------- */
  965. /* Pagination
  966. -------------------------- */
  967. /* Popup
  968. -------------------------- */
  969. /* Popover
  970. -------------------------- */
  971. /* Tooltip
  972. -------------------------- */
  973. /* Tag
  974. -------------------------- */
  975. /* Tree
  976. -------------------------- */
  977. /* Dropdown
  978. -------------------------- */
  979. /* Badge
  980. -------------------------- */
  981. /* Card
  982. --------------------------*/
  983. /* Slider
  984. --------------------------*/
  985. /* Steps
  986. --------------------------*/
  987. /* Menu
  988. --------------------------*/
  989. /* Rate
  990. --------------------------*/
  991. /* DatePicker
  992. --------------------------*/
  993. /* Loading
  994. --------------------------*/
  995. /* Scrollbar
  996. --------------------------*/
  997. /* Carousel
  998. --------------------------*/
  999. /* Collapse
  1000. --------------------------*/
  1001. /* Transfer
  1002. --------------------------*/
  1003. /* Header
  1004. --------------------------*/
  1005. /* Footer
  1006. --------------------------*/
  1007. /* Main
  1008. --------------------------*/
  1009. /* Timeline
  1010. --------------------------*/
  1011. /* Backtop
  1012. --------------------------*/
  1013. /* Link
  1014. --------------------------*/
  1015. /* Calendar
  1016. --------------------------*/
  1017. /* Form
  1018. -------------------------- */
  1019. /* Avatar
  1020. --------------------------*/
  1021. /* Break-point
  1022. --------------------------*/
  1023. /* BEM support Func
  1024. -------------------------- */
  1025. /* Element Chalk Variables */
  1026. /* Transition
  1027. -------------------------- */
  1028. /* Color
  1029. -------------------------- */
  1030. /* 53a8ff */
  1031. /* 66b1ff */
  1032. /* 79bbff */
  1033. /* 8cc5ff */
  1034. /* a0cfff */
  1035. /* b3d8ff */
  1036. /* c6e2ff */
  1037. /* d9ecff */
  1038. /* ecf5ff */
  1039. /* Link
  1040. -------------------------- */
  1041. /* Border
  1042. -------------------------- */
  1043. /* Fill
  1044. -------------------------- */
  1045. /* Typography
  1046. -------------------------- */
  1047. /* Size
  1048. -------------------------- */
  1049. /* z-index
  1050. -------------------------- */
  1051. /* Disable base
  1052. -------------------------- */
  1053. /* Icon
  1054. -------------------------- */
  1055. /* Checkbox
  1056. -------------------------- */
  1057. /* Radio
  1058. -------------------------- */
  1059. /* Select
  1060. -------------------------- */
  1061. /* Alert
  1062. -------------------------- */
  1063. /* MessageBox
  1064. -------------------------- */
  1065. /* Message
  1066. -------------------------- */
  1067. /* Notification
  1068. -------------------------- */
  1069. /* Input
  1070. -------------------------- */
  1071. /* Cascader
  1072. -------------------------- */
  1073. /* Group
  1074. -------------------------- */
  1075. /* Tab
  1076. -------------------------- */
  1077. /* Button
  1078. -------------------------- */
  1079. /* cascader
  1080. -------------------------- */
  1081. /* Switch
  1082. -------------------------- */
  1083. /* Dialog
  1084. -------------------------- */
  1085. /* Table
  1086. -------------------------- */
  1087. /* Pagination
  1088. -------------------------- */
  1089. /* Popup
  1090. -------------------------- */
  1091. /* Popover
  1092. -------------------------- */
  1093. /* Tooltip
  1094. -------------------------- */
  1095. /* Tag
  1096. -------------------------- */
  1097. /* Tree
  1098. -------------------------- */
  1099. /* Dropdown
  1100. -------------------------- */
  1101. /* Badge
  1102. -------------------------- */
  1103. /* Card
  1104. --------------------------*/
  1105. /* Slider
  1106. --------------------------*/
  1107. /* Steps
  1108. --------------------------*/
  1109. /* Menu
  1110. --------------------------*/
  1111. /* Rate
  1112. --------------------------*/
  1113. /* DatePicker
  1114. --------------------------*/
  1115. /* Loading
  1116. --------------------------*/
  1117. /* Scrollbar
  1118. --------------------------*/
  1119. /* Carousel
  1120. --------------------------*/
  1121. /* Collapse
  1122. --------------------------*/
  1123. /* Transfer
  1124. --------------------------*/
  1125. /* Header
  1126. --------------------------*/
  1127. /* Footer
  1128. --------------------------*/
  1129. /* Main
  1130. --------------------------*/
  1131. /* Timeline
  1132. --------------------------*/
  1133. /* Backtop
  1134. --------------------------*/
  1135. /* Link
  1136. --------------------------*/
  1137. /* Calendar
  1138. --------------------------*/
  1139. /* Form
  1140. -------------------------- */
  1141. /* Avatar
  1142. --------------------------*/
  1143. /* Break-point
  1144. --------------------------*/
  1145. /* Break-points
  1146. -------------------------- */
  1147. /* Scrollbar
  1148. -------------------------- */
  1149. /* Placeholder
  1150. -------------------------- */
  1151. /* BEM
  1152. -------------------------- */
  1153. .el-button {
  1154. display: inline-block;
  1155. line-height: 1;
  1156. white-space: nowrap;
  1157. cursor: pointer;
  1158. background: #FFFFFF;
  1159. border: 1px solid #DCDFE6;
  1160. border-color: #DCDFE6;
  1161. color: #606266;
  1162. -webkit-appearance: none;
  1163. text-align: center;
  1164. -webkit-box-sizing: border-box;
  1165. box-sizing: border-box;
  1166. outline: none;
  1167. margin: 0;
  1168. -webkit-transition: .1s;
  1169. transition: .1s;
  1170. font-weight: 500;
  1171. -moz-user-select: none;
  1172. -webkit-user-select: none;
  1173. -ms-user-select: none;
  1174. padding: 12px 20px;
  1175. font-size: 14px;
  1176. border-radius: 4px; }
  1177. .el-button + .el-button {
  1178. margin-left: 10px; }
  1179. .el-button.is-round {
  1180. padding: 12px 20px; }
  1181. .el-button:hover, .el-button:focus {
  1182. color: #2D74E7;
  1183. border-color: #c0d5f8;
  1184. background-color: #eaf1fd; }
  1185. .el-button:active {
  1186. color: #2968d0;
  1187. border-color: #2968d0;
  1188. outline: none; }
  1189. .el-button::-moz-focus-inner {
  1190. border: 0; }
  1191. .el-button [class*="el-icon-"] + span {
  1192. margin-left: 5px; }
  1193. .el-button.is-plain:hover, .el-button.is-plain:focus {
  1194. background: #FFFFFF;
  1195. border-color: #2D74E7;
  1196. color: #2D74E7; }
  1197. .el-button.is-plain:active {
  1198. background: #FFFFFF;
  1199. border-color: #2968d0;
  1200. color: #2968d0;
  1201. outline: none; }
  1202. .el-button.is-active {
  1203. color: #2968d0;
  1204. border-color: #2968d0; }
  1205. .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  1206. color: #C0C4CC;
  1207. cursor: not-allowed;
  1208. background-image: none;
  1209. background-color: #FFFFFF;
  1210. border-color: #EBEEF5; }
  1211. .el-button.is-disabled.el-button--text {
  1212. background-color: transparent; }
  1213. .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  1214. background-color: #FFFFFF;
  1215. border-color: #EBEEF5;
  1216. color: #C0C4CC; }
  1217. .el-button.is-loading {
  1218. position: relative;
  1219. pointer-events: none; }
  1220. .el-button.is-loading:before {
  1221. pointer-events: none;
  1222. content: '';
  1223. position: absolute;
  1224. left: -1px;
  1225. top: -1px;
  1226. right: -1px;
  1227. bottom: -1px;
  1228. border-radius: inherit;
  1229. background-color: rgba(255, 255, 255, 0.35); }
  1230. .el-button.is-round {
  1231. border-radius: 20px;
  1232. padding: 12px 23px; }
  1233. .el-button.is-circle {
  1234. border-radius: 50%;
  1235. padding: 12px; }
  1236. .el-button--primary {
  1237. color: #FFFFFF;
  1238. background-color: #2D74E7;
  1239. border-color: #2D74E7; }
  1240. .el-button--primary:hover, .el-button--primary:focus {
  1241. background: #5790ec;
  1242. border-color: #5790ec;
  1243. color: #FFFFFF; }
  1244. .el-button--primary:active {
  1245. background: #2968d0;
  1246. border-color: #2968d0;
  1247. color: #FFFFFF;
  1248. outline: none; }
  1249. .el-button--primary.is-active {
  1250. background: #2968d0;
  1251. border-color: #2968d0;
  1252. color: #FFFFFF; }
  1253. .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  1254. color: #FFFFFF;
  1255. background-color: #96baf3;
  1256. border-color: #96baf3; }
  1257. .el-button--primary.is-plain {
  1258. color: #2D74E7;
  1259. background: #eaf1fd;
  1260. border-color: #abc7f5; }
  1261. .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  1262. background: #2D74E7;
  1263. border-color: #2D74E7;
  1264. color: #FFFFFF; }
  1265. .el-button--primary.is-plain:active {
  1266. background: #2968d0;
  1267. border-color: #2968d0;
  1268. color: #FFFFFF;
  1269. outline: none; }
  1270. .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  1271. color: #81acf1;
  1272. background-color: #eaf1fd;
  1273. border-color: #d5e3fa; }
  1274. .el-button--success {
  1275. color: #FFFFFF;
  1276. background-color: #67C23A;
  1277. border-color: #67C23A; }
  1278. .el-button--success:hover, .el-button--success:focus {
  1279. background: #85ce61;
  1280. border-color: #85ce61;
  1281. color: #FFFFFF; }
  1282. .el-button--success:active {
  1283. background: #5daf34;
  1284. border-color: #5daf34;
  1285. color: #FFFFFF;
  1286. outline: none; }
  1287. .el-button--success.is-active {
  1288. background: #5daf34;
  1289. border-color: #5daf34;
  1290. color: #FFFFFF; }
  1291. .el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  1292. color: #FFFFFF;
  1293. background-color: #b3e19d;
  1294. border-color: #b3e19d; }
  1295. .el-button--success.is-plain {
  1296. color: #67C23A;
  1297. background: #f0f9eb;
  1298. border-color: #c2e7b0; }
  1299. .el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  1300. background: #67C23A;
  1301. border-color: #67C23A;
  1302. color: #FFFFFF; }
  1303. .el-button--success.is-plain:active {
  1304. background: #5daf34;
  1305. border-color: #5daf34;
  1306. color: #FFFFFF;
  1307. outline: none; }
  1308. .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  1309. color: #a4da89;
  1310. background-color: #f0f9eb;
  1311. border-color: #e1f3d8; }
  1312. .el-button--warning {
  1313. color: #FFFFFF;
  1314. background-color: #E6A23C;
  1315. border-color: #E6A23C; }
  1316. .el-button--warning:hover, .el-button--warning:focus {
  1317. background: #ebb563;
  1318. border-color: #ebb563;
  1319. color: #FFFFFF; }
  1320. .el-button--warning:active {
  1321. background: #cf9236;
  1322. border-color: #cf9236;
  1323. color: #FFFFFF;
  1324. outline: none; }
  1325. .el-button--warning.is-active {
  1326. background: #cf9236;
  1327. border-color: #cf9236;
  1328. color: #FFFFFF; }
  1329. .el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  1330. color: #FFFFFF;
  1331. background-color: #f3d19e;
  1332. border-color: #f3d19e; }
  1333. .el-button--warning.is-plain {
  1334. color: #E6A23C;
  1335. background: #fdf6ec;
  1336. border-color: #f5dab1; }
  1337. .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  1338. background: #E6A23C;
  1339. border-color: #E6A23C;
  1340. color: #FFFFFF; }
  1341. .el-button--warning.is-plain:active {
  1342. background: #cf9236;
  1343. border-color: #cf9236;
  1344. color: #FFFFFF;
  1345. outline: none; }
  1346. .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  1347. color: #f0c78a;
  1348. background-color: #fdf6ec;
  1349. border-color: #faecd8; }
  1350. .el-button--danger {
  1351. color: #FFFFFF;
  1352. background-color: #e7304e;
  1353. border-color: #e7304e; }
  1354. .el-button--danger:hover, .el-button--danger:focus {
  1355. background: #ec5971;
  1356. border-color: #ec5971;
  1357. color: #FFFFFF; }
  1358. .el-button--danger:active {
  1359. background: #d02b46;
  1360. border-color: #d02b46;
  1361. color: #FFFFFF;
  1362. outline: none; }
  1363. .el-button--danger.is-active {
  1364. background: #d02b46;
  1365. border-color: #d02b46;
  1366. color: #FFFFFF; }
  1367. .el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  1368. color: #FFFFFF;
  1369. background-color: #f398a7;
  1370. border-color: #f398a7; }
  1371. .el-button--danger.is-plain {
  1372. color: #e7304e;
  1373. background: #fdeaed;
  1374. border-color: #f5acb8; }
  1375. .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  1376. background: #e7304e;
  1377. border-color: #e7304e;
  1378. color: #FFFFFF; }
  1379. .el-button--danger.is-plain:active {
  1380. background: #d02b46;
  1381. border-color: #d02b46;
  1382. color: #FFFFFF;
  1383. outline: none; }
  1384. .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  1385. color: #f18395;
  1386. background-color: #fdeaed;
  1387. border-color: #fad6dc; }
  1388. .el-button--info {
  1389. color: #FFFFFF;
  1390. background-color: #909399;
  1391. border-color: #909399; }
  1392. .el-button--info:hover, .el-button--info:focus {
  1393. background: #a6a9ad;
  1394. border-color: #a6a9ad;
  1395. color: #FFFFFF; }
  1396. .el-button--info:active {
  1397. background: #82848a;
  1398. border-color: #82848a;
  1399. color: #FFFFFF;
  1400. outline: none; }
  1401. .el-button--info.is-active {
  1402. background: #82848a;
  1403. border-color: #82848a;
  1404. color: #FFFFFF; }
  1405. .el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  1406. color: #FFFFFF;
  1407. background-color: #c8c9cc;
  1408. border-color: #c8c9cc; }
  1409. .el-button--info.is-plain {
  1410. color: #909399;
  1411. background: #f4f4f5;
  1412. border-color: #d3d4d6; }
  1413. .el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  1414. background: #909399;
  1415. border-color: #909399;
  1416. color: #FFFFFF; }
  1417. .el-button--info.is-plain:active {
  1418. background: #82848a;
  1419. border-color: #82848a;
  1420. color: #FFFFFF;
  1421. outline: none; }
  1422. .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  1423. color: #bcbec2;
  1424. background-color: #f4f4f5;
  1425. border-color: #e9e9eb; }
  1426. .el-button--medium {
  1427. padding: 10px 20px;
  1428. font-size: 14px;
  1429. border-radius: 4px; }
  1430. .el-button--medium.is-round {
  1431. padding: 10px 20px; }
  1432. .el-button--medium.is-circle {
  1433. padding: 10px; }
  1434. .el-button--small {
  1435. padding: 9px 15px;
  1436. font-size: 12px;
  1437. border-radius: 3px; }
  1438. .el-button--small.is-round {
  1439. padding: 9px 15px; }
  1440. .el-button--small.is-circle {
  1441. padding: 9px; }
  1442. .el-button--mini {
  1443. padding: 7px 15px;
  1444. font-size: 12px;
  1445. border-radius: 3px; }
  1446. .el-button--mini.is-round {
  1447. padding: 7px 15px; }
  1448. .el-button--mini.is-circle {
  1449. padding: 7px; }
  1450. .el-button--text {
  1451. border-color: transparent;
  1452. color: #2D74E7;
  1453. background: transparent;
  1454. padding-left: 0;
  1455. padding-right: 0; }
  1456. .el-button--text:hover, .el-button--text:focus {
  1457. color: #5790ec;
  1458. border-color: transparent;
  1459. background-color: transparent; }
  1460. .el-button--text:active {
  1461. color: #2968d0;
  1462. border-color: transparent;
  1463. background-color: transparent; }
  1464. .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  1465. border-color: transparent; }
  1466. .el-button-group {
  1467. display: inline-block;
  1468. vertical-align: middle; }
  1469. .el-button-group::before,
  1470. .el-button-group::after {
  1471. display: table;
  1472. content: ""; }
  1473. .el-button-group::after {
  1474. clear: both; }
  1475. .el-button-group > .el-button {
  1476. float: left;
  1477. position: relative; }
  1478. .el-button-group > .el-button + .el-button {
  1479. margin-left: 0; }
  1480. .el-button-group > .el-button.is-disabled {
  1481. z-index: 1; }
  1482. .el-button-group > .el-button:first-child {
  1483. border-top-right-radius: 0;
  1484. border-bottom-right-radius: 0; }
  1485. .el-button-group > .el-button:last-child {
  1486. border-top-left-radius: 0;
  1487. border-bottom-left-radius: 0; }
  1488. .el-button-group > .el-button:first-child:last-child {
  1489. border-top-right-radius: 4px;
  1490. border-bottom-right-radius: 4px;
  1491. border-top-left-radius: 4px;
  1492. border-bottom-left-radius: 4px; }
  1493. .el-button-group > .el-button:first-child:last-child.is-round {
  1494. border-radius: 20px; }
  1495. .el-button-group > .el-button:first-child:last-child.is-circle {
  1496. border-radius: 50%; }
  1497. .el-button-group > .el-button:not(:first-child):not(:last-child) {
  1498. border-radius: 0; }
  1499. .el-button-group > .el-button:not(:last-child) {
  1500. margin-right: -1px; }
  1501. .el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
  1502. z-index: 1; }
  1503. .el-button-group > .el-button.is-active {
  1504. z-index: 1; }
  1505. .el-button-group > .el-dropdown > .el-button {
  1506. border-top-left-radius: 0;
  1507. border-bottom-left-radius: 0;
  1508. border-left-color: rgba(255, 255, 255, 0.5); }
  1509. .el-button-group .el-button--primary:first-child {
  1510. border-right-color: rgba(255, 255, 255, 0.5); }
  1511. .el-button-group .el-button--primary:last-child {
  1512. border-left-color: rgba(255, 255, 255, 0.5); }
  1513. .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  1514. border-left-color: rgba(255, 255, 255, 0.5);
  1515. border-right-color: rgba(255, 255, 255, 0.5); }
  1516. .el-button-group .el-button--success:first-child {
  1517. border-right-color: rgba(255, 255, 255, 0.5); }
  1518. .el-button-group .el-button--success:last-child {
  1519. border-left-color: rgba(255, 255, 255, 0.5); }
  1520. .el-button-group .el-button--success:not(:first-child):not(:last-child) {
  1521. border-left-color: rgba(255, 255, 255, 0.5);
  1522. border-right-color: rgba(255, 255, 255, 0.5); }
  1523. .el-button-group .el-button--warning:first-child {
  1524. border-right-color: rgba(255, 255, 255, 0.5); }
  1525. .el-button-group .el-button--warning:last-child {
  1526. border-left-color: rgba(255, 255, 255, 0.5); }
  1527. .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  1528. border-left-color: rgba(255, 255, 255, 0.5);
  1529. border-right-color: rgba(255, 255, 255, 0.5); }
  1530. .el-button-group .el-button--danger:first-child {
  1531. border-right-color: rgba(255, 255, 255, 0.5); }
  1532. .el-button-group .el-button--danger:last-child {
  1533. border-left-color: rgba(255, 255, 255, 0.5); }
  1534. .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  1535. border-left-color: rgba(255, 255, 255, 0.5);
  1536. border-right-color: rgba(255, 255, 255, 0.5); }
  1537. .el-button-group .el-button--info:first-child {
  1538. border-right-color: rgba(255, 255, 255, 0.5); }
  1539. .el-button-group .el-button--info:last-child {
  1540. border-left-color: rgba(255, 255, 255, 0.5); }
  1541. .el-button-group .el-button--info:not(:first-child):not(:last-child) {
  1542. border-left-color: rgba(255, 255, 255, 0.5);
  1543. border-right-color: rgba(255, 255, 255, 0.5); }
  1544. /* Element Chalk Variables */
  1545. /* Transition
  1546. -------------------------- */
  1547. /* Color
  1548. -------------------------- */
  1549. /* 53a8ff */
  1550. /* 66b1ff */
  1551. /* 79bbff */
  1552. /* 8cc5ff */
  1553. /* a0cfff */
  1554. /* b3d8ff */
  1555. /* c6e2ff */
  1556. /* d9ecff */
  1557. /* ecf5ff */
  1558. /* Link
  1559. -------------------------- */
  1560. /* Border
  1561. -------------------------- */
  1562. /* Fill
  1563. -------------------------- */
  1564. /* Typography
  1565. -------------------------- */
  1566. /* Size
  1567. -------------------------- */
  1568. /* z-index
  1569. -------------------------- */
  1570. /* Disable base
  1571. -------------------------- */
  1572. /* Icon
  1573. -------------------------- */
  1574. /* Checkbox
  1575. -------------------------- */
  1576. /* Radio
  1577. -------------------------- */
  1578. /* Select
  1579. -------------------------- */
  1580. /* Alert
  1581. -------------------------- */
  1582. /* MessageBox
  1583. -------------------------- */
  1584. /* Message
  1585. -------------------------- */
  1586. /* Notification
  1587. -------------------------- */
  1588. /* Input
  1589. -------------------------- */
  1590. /* Cascader
  1591. -------------------------- */
  1592. /* Group
  1593. -------------------------- */
  1594. /* Tab
  1595. -------------------------- */
  1596. /* Button
  1597. -------------------------- */
  1598. /* cascader
  1599. -------------------------- */
  1600. /* Switch
  1601. -------------------------- */
  1602. /* Dialog
  1603. -------------------------- */
  1604. /* Table
  1605. -------------------------- */
  1606. /* Pagination
  1607. -------------------------- */
  1608. /* Popup
  1609. -------------------------- */
  1610. /* Popover
  1611. -------------------------- */
  1612. /* Tooltip
  1613. -------------------------- */
  1614. /* Tag
  1615. -------------------------- */
  1616. /* Tree
  1617. -------------------------- */
  1618. /* Dropdown
  1619. -------------------------- */
  1620. /* Badge
  1621. -------------------------- */
  1622. /* Card
  1623. --------------------------*/
  1624. /* Slider
  1625. --------------------------*/
  1626. /* Steps
  1627. --------------------------*/
  1628. /* Menu
  1629. --------------------------*/
  1630. /* Rate
  1631. --------------------------*/
  1632. /* DatePicker
  1633. --------------------------*/
  1634. /* Loading
  1635. --------------------------*/
  1636. /* Scrollbar
  1637. --------------------------*/
  1638. /* Carousel
  1639. --------------------------*/
  1640. /* Collapse
  1641. --------------------------*/
  1642. /* Transfer
  1643. --------------------------*/
  1644. /* Header
  1645. --------------------------*/
  1646. /* Footer
  1647. --------------------------*/
  1648. /* Main
  1649. --------------------------*/
  1650. /* Timeline
  1651. --------------------------*/
  1652. /* Backtop
  1653. --------------------------*/
  1654. /* Link
  1655. --------------------------*/
  1656. /* Calendar
  1657. --------------------------*/
  1658. /* Form
  1659. -------------------------- */
  1660. /* Avatar
  1661. --------------------------*/
  1662. /* Break-point
  1663. --------------------------*/
  1664. /* BEM support Func
  1665. -------------------------- */
  1666. /* Element Chalk Variables */
  1667. /* Transition
  1668. -------------------------- */
  1669. /* Color
  1670. -------------------------- */
  1671. /* 53a8ff */
  1672. /* 66b1ff */
  1673. /* 79bbff */
  1674. /* 8cc5ff */
  1675. /* a0cfff */
  1676. /* b3d8ff */
  1677. /* c6e2ff */
  1678. /* d9ecff */
  1679. /* ecf5ff */
  1680. /* Link
  1681. -------------------------- */
  1682. /* Border
  1683. -------------------------- */
  1684. /* Fill
  1685. -------------------------- */
  1686. /* Typography
  1687. -------------------------- */
  1688. /* Size
  1689. -------------------------- */
  1690. /* z-index
  1691. -------------------------- */
  1692. /* Disable base
  1693. -------------------------- */
  1694. /* Icon
  1695. -------------------------- */
  1696. /* Checkbox
  1697. -------------------------- */
  1698. /* Radio
  1699. -------------------------- */
  1700. /* Select
  1701. -------------------------- */
  1702. /* Alert
  1703. -------------------------- */
  1704. /* MessageBox
  1705. -------------------------- */
  1706. /* Message
  1707. -------------------------- */
  1708. /* Notification
  1709. -------------------------- */
  1710. /* Input
  1711. -------------------------- */
  1712. /* Cascader
  1713. -------------------------- */
  1714. /* Group
  1715. -------------------------- */
  1716. /* Tab
  1717. -------------------------- */
  1718. /* Button
  1719. -------------------------- */
  1720. /* cascader
  1721. -------------------------- */
  1722. /* Switch
  1723. -------------------------- */
  1724. /* Dialog
  1725. -------------------------- */
  1726. /* Table
  1727. -------------------------- */
  1728. /* Pagination
  1729. -------------------------- */
  1730. /* Popup
  1731. -------------------------- */
  1732. /* Popover
  1733. -------------------------- */
  1734. /* Tooltip
  1735. -------------------------- */
  1736. /* Tag
  1737. -------------------------- */
  1738. /* Tree
  1739. -------------------------- */
  1740. /* Dropdown
  1741. -------------------------- */
  1742. /* Badge
  1743. -------------------------- */
  1744. /* Card
  1745. --------------------------*/
  1746. /* Slider
  1747. --------------------------*/
  1748. /* Steps
  1749. --------------------------*/
  1750. /* Menu
  1751. --------------------------*/
  1752. /* Rate
  1753. --------------------------*/
  1754. /* DatePicker
  1755. --------------------------*/
  1756. /* Loading
  1757. --------------------------*/
  1758. /* Scrollbar
  1759. --------------------------*/
  1760. /* Carousel
  1761. --------------------------*/
  1762. /* Collapse
  1763. --------------------------*/
  1764. /* Transfer
  1765. --------------------------*/
  1766. /* Header
  1767. --------------------------*/
  1768. /* Footer
  1769. --------------------------*/
  1770. /* Main
  1771. --------------------------*/
  1772. /* Timeline
  1773. --------------------------*/
  1774. /* Backtop
  1775. --------------------------*/
  1776. /* Link
  1777. --------------------------*/
  1778. /* Calendar
  1779. --------------------------*/
  1780. /* Form
  1781. -------------------------- */
  1782. /* Avatar
  1783. --------------------------*/
  1784. /* Break-point
  1785. --------------------------*/
  1786. /* Break-points
  1787. -------------------------- */
  1788. /* Scrollbar
  1789. -------------------------- */
  1790. /* Placeholder
  1791. -------------------------- */
  1792. /* BEM
  1793. -------------------------- */
  1794. /* Element Chalk Variables */
  1795. /* Transition
  1796. -------------------------- */
  1797. /* Color
  1798. -------------------------- */
  1799. /* 53a8ff */
  1800. /* 66b1ff */
  1801. /* 79bbff */
  1802. /* 8cc5ff */
  1803. /* a0cfff */
  1804. /* b3d8ff */
  1805. /* c6e2ff */
  1806. /* d9ecff */
  1807. /* ecf5ff */
  1808. /* Link
  1809. -------------------------- */
  1810. /* Border
  1811. -------------------------- */
  1812. /* Fill
  1813. -------------------------- */
  1814. /* Typography
  1815. -------------------------- */
  1816. /* Size
  1817. -------------------------- */
  1818. /* z-index
  1819. -------------------------- */
  1820. /* Disable base
  1821. -------------------------- */
  1822. /* Icon
  1823. -------------------------- */
  1824. /* Checkbox
  1825. -------------------------- */
  1826. /* Radio
  1827. -------------------------- */
  1828. /* Select
  1829. -------------------------- */
  1830. /* Alert
  1831. -------------------------- */
  1832. /* MessageBox
  1833. -------------------------- */
  1834. /* Message
  1835. -------------------------- */
  1836. /* Notification
  1837. -------------------------- */
  1838. /* Input
  1839. -------------------------- */
  1840. /* Cascader
  1841. -------------------------- */
  1842. /* Group
  1843. -------------------------- */
  1844. /* Tab
  1845. -------------------------- */
  1846. /* Button
  1847. -------------------------- */
  1848. /* cascader
  1849. -------------------------- */
  1850. /* Switch
  1851. -------------------------- */
  1852. /* Dialog
  1853. -------------------------- */
  1854. /* Table
  1855. -------------------------- */
  1856. /* Pagination
  1857. -------------------------- */
  1858. /* Popup
  1859. -------------------------- */
  1860. /* Popover
  1861. -------------------------- */
  1862. /* Tooltip
  1863. -------------------------- */
  1864. /* Tag
  1865. -------------------------- */
  1866. /* Tree
  1867. -------------------------- */
  1868. /* Dropdown
  1869. -------------------------- */
  1870. /* Badge
  1871. -------------------------- */
  1872. /* Card
  1873. --------------------------*/
  1874. /* Slider
  1875. --------------------------*/
  1876. /* Steps
  1877. --------------------------*/
  1878. /* Menu
  1879. --------------------------*/
  1880. /* Rate
  1881. --------------------------*/
  1882. /* DatePicker
  1883. --------------------------*/
  1884. /* Loading
  1885. --------------------------*/
  1886. /* Scrollbar
  1887. --------------------------*/
  1888. /* Carousel
  1889. --------------------------*/
  1890. /* Collapse
  1891. --------------------------*/
  1892. /* Transfer
  1893. --------------------------*/
  1894. /* Header
  1895. --------------------------*/
  1896. /* Footer
  1897. --------------------------*/
  1898. /* Main
  1899. --------------------------*/
  1900. /* Timeline
  1901. --------------------------*/
  1902. /* Backtop
  1903. --------------------------*/
  1904. /* Link
  1905. --------------------------*/
  1906. /* Calendar
  1907. --------------------------*/
  1908. /* Form
  1909. -------------------------- */
  1910. /* Avatar
  1911. --------------------------*/
  1912. /* Break-point
  1913. --------------------------*/
  1914. .el-checkbox {
  1915. color: #606266;
  1916. font-weight: 500;
  1917. font-size: 14px;
  1918. position: relative;
  1919. cursor: pointer;
  1920. display: inline-block;
  1921. white-space: nowrap;
  1922. -webkit-user-select: none;
  1923. -moz-user-select: none;
  1924. -ms-user-select: none;
  1925. user-select: none;
  1926. margin-right: 30px; }
  1927. .el-checkbox.is-bordered {
  1928. padding: 9px 20px 9px 10px;
  1929. border-radius: 4px;
  1930. border: 1px solid #DCDFE6;
  1931. -webkit-box-sizing: border-box;
  1932. box-sizing: border-box;
  1933. line-height: normal;
  1934. height: 40px; }
  1935. .el-checkbox.is-bordered.is-checked {
  1936. border-color: #2D74E7; }
  1937. .el-checkbox.is-bordered.is-disabled {
  1938. border-color: #EBEEF5;
  1939. cursor: not-allowed; }
  1940. .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  1941. margin-left: 10px; }
  1942. .el-checkbox.is-bordered.el-checkbox--medium {
  1943. padding: 7px 20px 7px 10px;
  1944. border-radius: 4px;
  1945. height: 36px; }
  1946. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  1947. line-height: 17px;
  1948. font-size: 14px; }
  1949. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  1950. height: 14px;
  1951. width: 14px; }
  1952. .el-checkbox.is-bordered.el-checkbox--small {
  1953. padding: 5px 15px 5px 10px;
  1954. border-radius: 3px;
  1955. height: 32px; }
  1956. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  1957. line-height: 15px;
  1958. font-size: 12px; }
  1959. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  1960. height: 12px;
  1961. width: 12px; }
  1962. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  1963. height: 6px;
  1964. width: 2px; }
  1965. .el-checkbox.is-bordered.el-checkbox--mini {
  1966. padding: 3px 15px 3px 10px;
  1967. border-radius: 3px;
  1968. height: 28px; }
  1969. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  1970. line-height: 12px;
  1971. font-size: 12px; }
  1972. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  1973. height: 12px;
  1974. width: 12px; }
  1975. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  1976. height: 6px;
  1977. width: 2px; }
  1978. .el-checkbox__input {
  1979. white-space: nowrap;
  1980. cursor: pointer;
  1981. outline: none;
  1982. display: inline-block;
  1983. line-height: 1;
  1984. position: relative;
  1985. vertical-align: middle; }
  1986. .el-checkbox__input.is-disabled .el-checkbox__inner {
  1987. background-color: #edf2fc;
  1988. border-color: #DCDFE6;
  1989. cursor: not-allowed; }
  1990. .el-checkbox__input.is-disabled .el-checkbox__inner::after {
  1991. cursor: not-allowed;
  1992. border-color: #C0C4CC; }
  1993. .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  1994. cursor: not-allowed; }
  1995. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  1996. background-color: #F2F6FC;
  1997. border-color: #DCDFE6; }
  1998. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  1999. border-color: #C0C4CC; }
  2000. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  2001. background-color: #F2F6FC;
  2002. border-color: #DCDFE6; }
  2003. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  2004. background-color: #C0C4CC;
  2005. border-color: #C0C4CC; }
  2006. .el-checkbox__input.is-disabled + span.el-checkbox__label {
  2007. color: #C0C4CC;
  2008. cursor: not-allowed; }
  2009. .el-checkbox__input.is-checked .el-checkbox__inner {
  2010. background-color: #2D74E7;
  2011. border-color: #2D74E7; }
  2012. .el-checkbox__input.is-checked .el-checkbox__inner::after {
  2013. -webkit-transform: rotate(45deg) scaleY(1);
  2014. transform: rotate(45deg) scaleY(1); }
  2015. .el-checkbox__input.is-checked + .el-checkbox__label {
  2016. color: #2D74E7; }
  2017. .el-checkbox__input.is-focus {
  2018. /*focus时 视觉上区分*/ }
  2019. .el-checkbox__input.is-focus .el-checkbox__inner {
  2020. border-color: #2D74E7; }
  2021. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  2022. background-color: #2D74E7;
  2023. border-color: #2D74E7; }
  2024. .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  2025. content: '';
  2026. position: absolute;
  2027. display: block;
  2028. background-color: #FFFFFF;
  2029. height: 2px;
  2030. -webkit-transform: scale(0.5);
  2031. transform: scale(0.5);
  2032. left: 0;
  2033. right: 0;
  2034. top: 5px; }
  2035. .el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  2036. display: none; }
  2037. .el-checkbox__inner {
  2038. display: inline-block;
  2039. position: relative;
  2040. border: 1px solid #DCDFE6;
  2041. border-radius: 2px;
  2042. -webkit-box-sizing: border-box;
  2043. box-sizing: border-box;
  2044. width: 14px;
  2045. height: 14px;
  2046. background-color: #FFFFFF;
  2047. z-index: 1;
  2048. -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);
  2049. 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); }
  2050. .el-checkbox__inner:hover {
  2051. border-color: #2D74E7; }
  2052. .el-checkbox__inner::after {
  2053. -webkit-box-sizing: content-box;
  2054. box-sizing: content-box;
  2055. content: "";
  2056. border: 1px solid #FFFFFF;
  2057. border-left: 0;
  2058. border-top: 0;
  2059. height: 7px;
  2060. left: 4px;
  2061. position: absolute;
  2062. top: 1px;
  2063. -webkit-transform: rotate(45deg) scaleY(0);
  2064. transform: rotate(45deg) scaleY(0);
  2065. width: 3px;
  2066. -webkit-transition: -webkit-transform .15s ease-in .05s;
  2067. transition: -webkit-transform .15s ease-in .05s;
  2068. transition: transform .15s ease-in .05s;
  2069. transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
  2070. -webkit-transform-origin: center;
  2071. transform-origin: center; }
  2072. .el-checkbox__original {
  2073. opacity: 0;
  2074. outline: none;
  2075. position: absolute;
  2076. margin: 0;
  2077. width: 0;
  2078. height: 0;
  2079. z-index: -1; }
  2080. .el-checkbox__label {
  2081. display: inline-block;
  2082. padding-left: 10px;
  2083. line-height: 19px;
  2084. font-size: 14px; }
  2085. .el-checkbox:last-of-type {
  2086. margin-right: 0; }
  2087. .el-checkbox-button {
  2088. position: relative;
  2089. display: inline-block; }
  2090. .el-checkbox-button__inner {
  2091. display: inline-block;
  2092. line-height: 1;
  2093. font-weight: 500;
  2094. white-space: nowrap;
  2095. vertical-align: middle;
  2096. cursor: pointer;
  2097. background: #FFFFFF;
  2098. border: 1px solid #DCDFE6;
  2099. border-left: 0;
  2100. color: #606266;
  2101. -webkit-appearance: none;
  2102. text-align: center;
  2103. -webkit-box-sizing: border-box;
  2104. box-sizing: border-box;
  2105. outline: none;
  2106. margin: 0;
  2107. position: relative;
  2108. -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  2109. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  2110. -moz-user-select: none;
  2111. -webkit-user-select: none;
  2112. -ms-user-select: none;
  2113. padding: 12px 20px;
  2114. font-size: 14px;
  2115. border-radius: 0; }
  2116. .el-checkbox-button__inner.is-round {
  2117. padding: 12px 20px; }
  2118. .el-checkbox-button__inner:hover {
  2119. color: #2D74E7; }
  2120. .el-checkbox-button__inner [class*="el-icon-"] {
  2121. line-height: 0.9; }
  2122. .el-checkbox-button__inner [class*="el-icon-"] + span {
  2123. margin-left: 5px; }
  2124. .el-checkbox-button__original {
  2125. opacity: 0;
  2126. outline: none;
  2127. position: absolute;
  2128. margin: 0;
  2129. z-index: -1; }
  2130. .el-checkbox-button.is-checked .el-checkbox-button__inner {
  2131. color: #FFFFFF;
  2132. background-color: #2D74E7;
  2133. border-color: #2D74E7;
  2134. -webkit-box-shadow: -1px 0 0 0 #81acf1;
  2135. box-shadow: -1px 0 0 0 #81acf1; }
  2136. .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  2137. border-left-color: #2D74E7; }
  2138. .el-checkbox-button.is-disabled .el-checkbox-button__inner {
  2139. color: #C0C4CC;
  2140. cursor: not-allowed;
  2141. background-image: none;
  2142. background-color: #FFFFFF;
  2143. border-color: #EBEEF5;
  2144. -webkit-box-shadow: none;
  2145. box-shadow: none; }
  2146. .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  2147. border-left-color: #EBEEF5; }
  2148. .el-checkbox-button:first-child .el-checkbox-button__inner {
  2149. border-left: 1px solid #DCDFE6;
  2150. border-radius: 4px 0 0 4px;
  2151. -webkit-box-shadow: none !important;
  2152. box-shadow: none !important; }
  2153. .el-checkbox-button.is-focus .el-checkbox-button__inner {
  2154. border-color: #2D74E7; }
  2155. .el-checkbox-button:last-child .el-checkbox-button__inner {
  2156. border-radius: 0 4px 4px 0; }
  2157. .el-checkbox-button--medium .el-checkbox-button__inner {
  2158. padding: 10px 20px;
  2159. font-size: 14px;
  2160. border-radius: 0; }
  2161. .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  2162. padding: 10px 20px; }
  2163. .el-checkbox-button--small .el-checkbox-button__inner {
  2164. padding: 9px 15px;
  2165. font-size: 12px;
  2166. border-radius: 0; }
  2167. .el-checkbox-button--small .el-checkbox-button__inner.is-round {
  2168. padding: 9px 15px; }
  2169. .el-checkbox-button--mini .el-checkbox-button__inner {
  2170. padding: 7px 15px;
  2171. font-size: 12px;
  2172. border-radius: 0; }
  2173. .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  2174. padding: 7px 15px; }
  2175. .el-checkbox-group {
  2176. font-size: 0; }
  2177. .el-transfer {
  2178. font-size: 14px; }
  2179. .el-transfer__buttons {
  2180. display: inline-block;
  2181. vertical-align: middle;
  2182. padding: 0 30px; }
  2183. .el-transfer__button {
  2184. display: block;
  2185. margin: 0 auto;
  2186. padding: 10px;
  2187. border-radius: 50%;
  2188. color: #FFFFFF;
  2189. background-color: #2D74E7;
  2190. font-size: 0; }
  2191. .el-transfer__button.is-with-texts {
  2192. border-radius: 4px; }
  2193. .el-transfer__button.is-disabled {
  2194. border: 1px solid #DCDFE6;
  2195. background-color: #F5F7FA;
  2196. color: #C0C4CC; }
  2197. .el-transfer__button.is-disabled:hover {
  2198. border: 1px solid #DCDFE6;
  2199. background-color: #F5F7FA;
  2200. color: #C0C4CC; }
  2201. .el-transfer__button:first-child {
  2202. margin-bottom: 10px; }
  2203. .el-transfer__button:nth-child(2) {
  2204. margin: 0; }
  2205. .el-transfer__button i, .el-transfer__button span {
  2206. font-size: 14px; }
  2207. .el-transfer__button [class*="el-icon-"] + span {
  2208. margin-left: 0; }
  2209. .el-transfer-panel {
  2210. border: 1px solid #EBEEF5;
  2211. border-radius: 4px;
  2212. overflow: hidden;
  2213. background: #FFFFFF;
  2214. display: inline-block;
  2215. vertical-align: middle;
  2216. width: 200px;
  2217. max-height: 100%;
  2218. -webkit-box-sizing: border-box;
  2219. box-sizing: border-box;
  2220. position: relative; }
  2221. .el-transfer-panel__body {
  2222. height: 246px; }
  2223. .el-transfer-panel__body.is-with-footer {
  2224. padding-bottom: 40px; }
  2225. .el-transfer-panel__list {
  2226. margin: 0;
  2227. padding: 6px 0;
  2228. list-style: none;
  2229. height: 246px;
  2230. overflow: auto;
  2231. -webkit-box-sizing: border-box;
  2232. box-sizing: border-box; }
  2233. .el-transfer-panel__list.is-filterable {
  2234. height: 194px;
  2235. padding-top: 0; }
  2236. .el-transfer-panel__item {
  2237. height: 30px;
  2238. line-height: 30px;
  2239. padding-left: 15px;
  2240. display: block !important; }
  2241. .el-transfer-panel__item + .el-transfer-panel__item {
  2242. margin-left: 0; }
  2243. .el-transfer-panel__item.el-checkbox {
  2244. color: #606266; }
  2245. .el-transfer-panel__item:hover {
  2246. color: #2D74E7; }
  2247. .el-transfer-panel__item.el-checkbox .el-checkbox__label {
  2248. width: 100%;
  2249. overflow: hidden;
  2250. text-overflow: ellipsis;
  2251. white-space: nowrap;
  2252. display: block;
  2253. -webkit-box-sizing: border-box;
  2254. box-sizing: border-box;
  2255. padding-left: 24px;
  2256. line-height: 30px; }
  2257. .el-transfer-panel__item .el-checkbox__input {
  2258. position: absolute;
  2259. top: 8px; }
  2260. .el-transfer-panel__filter {
  2261. text-align: center;
  2262. margin: 15px;
  2263. -webkit-box-sizing: border-box;
  2264. box-sizing: border-box;
  2265. display: block;
  2266. width: auto; }
  2267. .el-transfer-panel__filter .el-input__inner {
  2268. height: 32px;
  2269. width: 100%;
  2270. font-size: 12px;
  2271. display: inline-block;
  2272. -webkit-box-sizing: border-box;
  2273. box-sizing: border-box;
  2274. border-radius: 16px;
  2275. padding-right: 10px;
  2276. padding-left: 30px; }
  2277. .el-transfer-panel__filter .el-input__icon {
  2278. margin-left: 5px; }
  2279. .el-transfer-panel__filter .el-icon-circle-close {
  2280. cursor: pointer; }
  2281. .el-transfer-panel .el-transfer-panel__header {
  2282. height: 40px;
  2283. line-height: 40px;
  2284. background: #F5F7FA;
  2285. margin: 0;
  2286. padding-left: 15px;
  2287. border-bottom: 1px solid #EBEEF5;
  2288. -webkit-box-sizing: border-box;
  2289. box-sizing: border-box;
  2290. color: #000000; }
  2291. .el-transfer-panel .el-transfer-panel__header .el-checkbox {
  2292. display: block;
  2293. line-height: 40px; }
  2294. .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  2295. font-size: 16px;
  2296. color: #303133;
  2297. font-weight: normal; }
  2298. .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
  2299. position: absolute;
  2300. right: 15px;
  2301. color: #909399;
  2302. font-size: 12px;
  2303. font-weight: normal; }
  2304. .el-transfer-panel .el-transfer-panel__footer {
  2305. height: 40px;
  2306. background: #FFFFFF;
  2307. margin: 0;
  2308. padding: 0;
  2309. border-top: 1px solid #EBEEF5;
  2310. position: absolute;
  2311. bottom: 0;
  2312. left: 0;
  2313. width: 100%;
  2314. z-index: 1; }
  2315. .el-transfer-panel .el-transfer-panel__footer::after {
  2316. display: inline-block;
  2317. content: "";
  2318. height: 100%;
  2319. vertical-align: middle; }
  2320. .el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  2321. padding-left: 20px;
  2322. color: #606266; }
  2323. .el-transfer-panel .el-transfer-panel__empty {
  2324. margin: 0;
  2325. height: 30px;
  2326. line-height: 30px;
  2327. padding: 6px 15px 0;
  2328. color: #909399;
  2329. text-align: center; }
  2330. .el-transfer-panel .el-checkbox__label {
  2331. padding-left: 8px; }
  2332. .el-transfer-panel .el-checkbox__inner {
  2333. height: 14px;
  2334. width: 14px;
  2335. border-radius: 3px; }
  2336. .el-transfer-panel .el-checkbox__inner::after {
  2337. height: 6px;
  2338. width: 3px;
  2339. left: 4px; }