Plat Admin

transfer.css 57KB

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