transfer.css 55 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153
  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. /* MenuSlide
  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. /* MenuSlide
  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. /* MenuSlide
  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. /* MenuSlide
  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-input {
  463. position: relative;
  464. font-size: 14px;
  465. display: inline-block;
  466. width: 100%; }
  467. .el-input::-webkit-scrollbar {
  468. z-index: 11;
  469. width: 6px; }
  470. .el-input::-webkit-scrollbar:horizontal {
  471. height: 6px; }
  472. .el-input::-webkit-scrollbar-thumb {
  473. border-radius: 5px;
  474. width: 6px;
  475. background: #b4bccc; }
  476. .el-input::-webkit-scrollbar-corner {
  477. background: #fff; }
  478. .el-input::-webkit-scrollbar-track {
  479. background: #fff; }
  480. .el-input::-webkit-scrollbar-track-piece {
  481. background: #fff;
  482. width: 6px; }
  483. .el-input__inner {
  484. -webkit-appearance: none;
  485. background-color: #fff;
  486. background-image: none;
  487. border-radius: 4px;
  488. border: 1px solid #d8dce5;
  489. -webkit-box-sizing: border-box;
  490. box-sizing: border-box;
  491. color: #5a5e66;
  492. display: inline-block;
  493. font-size: inherit;
  494. height: 40px;
  495. line-height: 1;
  496. outline: none;
  497. padding: 0 15px;
  498. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  499. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  500. width: 100%; }
  501. .el-input__inner::-webkit-input-placeholder {
  502. color: #b4bccc; }
  503. .el-input__inner:-ms-input-placeholder {
  504. color: #b4bccc; }
  505. .el-input__inner::-ms-input-placeholder {
  506. color: #b4bccc; }
  507. .el-input__inner::placeholder {
  508. color: #b4bccc; }
  509. .el-input__inner:hover {
  510. border-color: #b4bccc; }
  511. .el-input__inner:focus {
  512. outline: none;
  513. border-color: #1b1e24; }
  514. .el-input__suffix {
  515. position: absolute;
  516. height: 100%;
  517. right: 5px;
  518. top: 0;
  519. text-align: center;
  520. color: #b4bccc;
  521. -webkit-transition: all .3s;
  522. transition: all .3s;
  523. pointer-events: none; }
  524. .el-input__suffix-inner {
  525. pointer-events: all; }
  526. .el-input__prefix {
  527. position: absolute;
  528. height: 100%;
  529. left: 5px;
  530. top: 0;
  531. text-align: center;
  532. color: #b4bccc;
  533. -webkit-transition: all .3s;
  534. transition: all .3s; }
  535. .el-input__icon {
  536. height: 100%;
  537. width: 25px;
  538. text-align: center;
  539. -webkit-transition: all .3s;
  540. transition: all .3s;
  541. line-height: 40px; }
  542. .el-input__icon:after {
  543. content: '';
  544. height: 100%;
  545. width: 0;
  546. display: inline-block;
  547. vertical-align: middle; }
  548. .el-input__validateIcon {
  549. pointer-events: none; }
  550. .el-input.is-active .el-input__inner {
  551. outline: none;
  552. border-color: #1b1e24; }
  553. .el-input.is-disabled .el-input__inner {
  554. background-color: #011638;
  555. border-color: #dfe4ed;
  556. color: #b4bccc;
  557. cursor: not-allowed; }
  558. .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
  559. color: #b4bccc; }
  560. .el-input.is-disabled .el-input__inner:-ms-input-placeholder {
  561. color: #b4bccc; }
  562. .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
  563. color: #b4bccc; }
  564. .el-input.is-disabled .el-input__inner::placeholder {
  565. color: #b4bccc; }
  566. .el-input.is-disabled .el-input__icon {
  567. cursor: not-allowed; }
  568. .el-input--suffix .el-input__inner {
  569. padding-right: 30px; }
  570. .el-input--prefix .el-input__inner {
  571. padding-left: 30px; }
  572. .el-input--medium {
  573. font-size: 14px; }
  574. .el-input--medium .el-input__inner {
  575. height: 36px; }
  576. .el-input--medium .el-input__icon {
  577. line-height: 36px; }
  578. .el-input--small {
  579. font-size: 13px; }
  580. .el-input--small .el-input__inner {
  581. height: 32px; }
  582. .el-input--small .el-input__icon {
  583. line-height: 32px; }
  584. .el-input--mini {
  585. font-size: 12px; }
  586. .el-input--mini .el-input__inner {
  587. height: 28px; }
  588. .el-input--mini .el-input__icon {
  589. line-height: 28px; }
  590. .el-input-group {
  591. line-height: normal;
  592. display: inline-table;
  593. width: 100%;
  594. border-collapse: separate; }
  595. .el-input-group > .el-input__inner {
  596. vertical-align: middle;
  597. display: table-cell; }
  598. .el-input-group__append, .el-input-group__prepend {
  599. background-color: #011638;
  600. color: #777;
  601. vertical-align: middle;
  602. display: table-cell;
  603. position: relative;
  604. border: 1px solid #d8dce5;
  605. border-radius: 4px;
  606. padding: 0 20px;
  607. width: 1px;
  608. white-space: nowrap; }
  609. .el-input-group__append:focus, .el-input-group__prepend:focus {
  610. outline: none; }
  611. .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button {
  612. display: inline-block;
  613. margin: -20px; }
  614. .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
  615. border-color: transparent;
  616. background-color: transparent;
  617. color: inherit;
  618. border-top: 0;
  619. border-bottom: 0; }
  620. .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
  621. font-size: inherit; }
  622. .el-input-group__prepend {
  623. border-right: 0;
  624. border-top-right-radius: 0;
  625. border-bottom-right-radius: 0; }
  626. .el-input-group__append {
  627. border-left: 0;
  628. border-top-left-radius: 0;
  629. border-bottom-left-radius: 0; }
  630. .el-input-group--prepend .el-input__inner {
  631. border-top-left-radius: 0;
  632. border-bottom-left-radius: 0; }
  633. .el-input-group--append .el-input__inner {
  634. border-top-right-radius: 0;
  635. border-bottom-right-radius: 0; }
  636. .el-textarea {
  637. display: inline-block;
  638. width: 100%;
  639. vertical-align: bottom; }
  640. .el-textarea__inner {
  641. display: block;
  642. resize: vertical;
  643. padding: 5px 15px;
  644. line-height: 1.5;
  645. -webkit-box-sizing: border-box;
  646. box-sizing: border-box;
  647. width: 100%;
  648. font-size: 14px;
  649. color: #5a5e66;
  650. background-color: #fff;
  651. background-image: none;
  652. border: 1px solid #d8dce5;
  653. border-radius: 4px;
  654. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  655. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  656. .el-textarea__inner::-webkit-input-placeholder {
  657. color: #b4bccc; }
  658. .el-textarea__inner:-ms-input-placeholder {
  659. color: #b4bccc; }
  660. .el-textarea__inner::-ms-input-placeholder {
  661. color: #b4bccc; }
  662. .el-textarea__inner::placeholder {
  663. color: #b4bccc; }
  664. .el-textarea__inner:hover {
  665. border-color: #b4bccc; }
  666. .el-textarea__inner:focus {
  667. outline: none;
  668. border-color: #1b1e24; }
  669. .el-textarea.is-disabled .el-textarea__inner {
  670. background-color: #011638;
  671. border-color: #dfe4ed;
  672. color: #b4bccc;
  673. cursor: not-allowed; }
  674. .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
  675. color: #b4bccc; }
  676. .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
  677. color: #b4bccc; }
  678. .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
  679. color: #b4bccc; }
  680. .el-textarea.is-disabled .el-textarea__inner::placeholder {
  681. color: #b4bccc; }
  682. /* Element Chalk Variables */
  683. /* Transition
  684. -------------------------- */
  685. /* Colors
  686. -------------------------- */
  687. /* 53a8ff */
  688. /* 66b1ff */
  689. /* 79bbff */
  690. /* 8cc5ff */
  691. /* a0cfff */
  692. /* b3d8ff */
  693. /* c6e2ff */
  694. /* d9ecff */
  695. /* ecf5ff */
  696. /* Link
  697. -------------------------- */
  698. /* Background
  699. -------------------------- */
  700. /* Border
  701. -------------------------- */
  702. /* Box-shadow
  703. -------------------------- */
  704. /* Fill
  705. -------------------------- */
  706. /* Font
  707. -------------------------- */
  708. /* Size
  709. -------------------------- */
  710. /* z-index
  711. -------------------------- */
  712. /* Disable base
  713. -------------------------- */
  714. /* Icon
  715. -------------------------- */
  716. /* Checkbox
  717. -------------------------- */
  718. /* Radio
  719. -------------------------- */
  720. /* Select
  721. -------------------------- */
  722. /* Alert
  723. -------------------------- */
  724. /* Message Box
  725. -------------------------- */
  726. /* Message
  727. -------------------------- */
  728. /* Notification
  729. -------------------------- */
  730. /* Input
  731. -------------------------- */
  732. /* Cascader
  733. -------------------------- */
  734. /* Group
  735. -------------------------- */
  736. /* Tab
  737. -------------------------- */
  738. /* Button
  739. -------------------------- */
  740. /* cascader
  741. -------------------------- */
  742. /* Switch
  743. -------------------------- */
  744. /* Dialog
  745. -------------------------- */
  746. /* Table
  747. -------------------------- */
  748. /* Pagination
  749. -------------------------- */
  750. /* Popover
  751. -------------------------- */
  752. /* Tooltip
  753. -------------------------- */
  754. /* Tag
  755. -------------------------- */
  756. /* Tree
  757. -------------------------- */
  758. /* Dropdown
  759. -------------------------- */
  760. /* Badge
  761. -------------------------- */
  762. /* Card
  763. --------------------------*/
  764. /* Slider
  765. --------------------------*/
  766. /* Steps
  767. --------------------------*/
  768. /* MenuSlide
  769. --------------------------*/
  770. /* Rate
  771. --------------------------*/
  772. /* DatePicker
  773. --------------------------*/
  774. /* Loading
  775. --------------------------*/
  776. /* Scrollbar
  777. --------------------------*/
  778. /* Carousel
  779. --------------------------*/
  780. /* Collapse
  781. --------------------------*/
  782. /* Transfer
  783. --------------------------*/
  784. /* Header
  785. --------------------------*/
  786. /* Footer
  787. --------------------------*/
  788. /* Main
  789. --------------------------*/
  790. /* Break-point
  791. --------------------------*/
  792. /* Element Chalk Variables */
  793. /* Transition
  794. -------------------------- */
  795. /* Colors
  796. -------------------------- */
  797. /* 53a8ff */
  798. /* 66b1ff */
  799. /* 79bbff */
  800. /* 8cc5ff */
  801. /* a0cfff */
  802. /* b3d8ff */
  803. /* c6e2ff */
  804. /* d9ecff */
  805. /* ecf5ff */
  806. /* Link
  807. -------------------------- */
  808. /* Background
  809. -------------------------- */
  810. /* Border
  811. -------------------------- */
  812. /* Box-shadow
  813. -------------------------- */
  814. /* Fill
  815. -------------------------- */
  816. /* Font
  817. -------------------------- */
  818. /* Size
  819. -------------------------- */
  820. /* z-index
  821. -------------------------- */
  822. /* Disable base
  823. -------------------------- */
  824. /* Icon
  825. -------------------------- */
  826. /* Checkbox
  827. -------------------------- */
  828. /* Radio
  829. -------------------------- */
  830. /* Select
  831. -------------------------- */
  832. /* Alert
  833. -------------------------- */
  834. /* Message Box
  835. -------------------------- */
  836. /* Message
  837. -------------------------- */
  838. /* Notification
  839. -------------------------- */
  840. /* Input
  841. -------------------------- */
  842. /* Cascader
  843. -------------------------- */
  844. /* Group
  845. -------------------------- */
  846. /* Tab
  847. -------------------------- */
  848. /* Button
  849. -------------------------- */
  850. /* cascader
  851. -------------------------- */
  852. /* Switch
  853. -------------------------- */
  854. /* Dialog
  855. -------------------------- */
  856. /* Table
  857. -------------------------- */
  858. /* Pagination
  859. -------------------------- */
  860. /* Popover
  861. -------------------------- */
  862. /* Tooltip
  863. -------------------------- */
  864. /* Tag
  865. -------------------------- */
  866. /* Tree
  867. -------------------------- */
  868. /* Dropdown
  869. -------------------------- */
  870. /* Badge
  871. -------------------------- */
  872. /* Card
  873. --------------------------*/
  874. /* Slider
  875. --------------------------*/
  876. /* Steps
  877. --------------------------*/
  878. /* MenuSlide
  879. --------------------------*/
  880. /* Rate
  881. --------------------------*/
  882. /* DatePicker
  883. --------------------------*/
  884. /* Loading
  885. --------------------------*/
  886. /* Scrollbar
  887. --------------------------*/
  888. /* Carousel
  889. --------------------------*/
  890. /* Collapse
  891. --------------------------*/
  892. /* Transfer
  893. --------------------------*/
  894. /* Header
  895. --------------------------*/
  896. /* Footer
  897. --------------------------*/
  898. /* Main
  899. --------------------------*/
  900. /* Break-point
  901. --------------------------*/
  902. /* BEM support Func
  903. -------------------------- */
  904. /* Element Chalk Variables */
  905. /* Transition
  906. -------------------------- */
  907. /* Colors
  908. -------------------------- */
  909. /* 53a8ff */
  910. /* 66b1ff */
  911. /* 79bbff */
  912. /* 8cc5ff */
  913. /* a0cfff */
  914. /* b3d8ff */
  915. /* c6e2ff */
  916. /* d9ecff */
  917. /* ecf5ff */
  918. /* Link
  919. -------------------------- */
  920. /* Background
  921. -------------------------- */
  922. /* Border
  923. -------------------------- */
  924. /* Box-shadow
  925. -------------------------- */
  926. /* Fill
  927. -------------------------- */
  928. /* Font
  929. -------------------------- */
  930. /* Size
  931. -------------------------- */
  932. /* z-index
  933. -------------------------- */
  934. /* Disable base
  935. -------------------------- */
  936. /* Icon
  937. -------------------------- */
  938. /* Checkbox
  939. -------------------------- */
  940. /* Radio
  941. -------------------------- */
  942. /* Select
  943. -------------------------- */
  944. /* Alert
  945. -------------------------- */
  946. /* Message Box
  947. -------------------------- */
  948. /* Message
  949. -------------------------- */
  950. /* Notification
  951. -------------------------- */
  952. /* Input
  953. -------------------------- */
  954. /* Cascader
  955. -------------------------- */
  956. /* Group
  957. -------------------------- */
  958. /* Tab
  959. -------------------------- */
  960. /* Button
  961. -------------------------- */
  962. /* cascader
  963. -------------------------- */
  964. /* Switch
  965. -------------------------- */
  966. /* Dialog
  967. -------------------------- */
  968. /* Table
  969. -------------------------- */
  970. /* Pagination
  971. -------------------------- */
  972. /* Popover
  973. -------------------------- */
  974. /* Tooltip
  975. -------------------------- */
  976. /* Tag
  977. -------------------------- */
  978. /* Tree
  979. -------------------------- */
  980. /* Dropdown
  981. -------------------------- */
  982. /* Badge
  983. -------------------------- */
  984. /* Card
  985. --------------------------*/
  986. /* Slider
  987. --------------------------*/
  988. /* Steps
  989. --------------------------*/
  990. /* MenuSlide
  991. --------------------------*/
  992. /* Rate
  993. --------------------------*/
  994. /* DatePicker
  995. --------------------------*/
  996. /* Loading
  997. --------------------------*/
  998. /* Scrollbar
  999. --------------------------*/
  1000. /* Carousel
  1001. --------------------------*/
  1002. /* Collapse
  1003. --------------------------*/
  1004. /* Transfer
  1005. --------------------------*/
  1006. /* Header
  1007. --------------------------*/
  1008. /* Footer
  1009. --------------------------*/
  1010. /* Main
  1011. --------------------------*/
  1012. /* Break-point
  1013. --------------------------*/
  1014. /* Break-points
  1015. -------------------------- */
  1016. /* Scrollbar
  1017. -------------------------- */
  1018. /* Placeholder
  1019. -------------------------- */
  1020. /* BEM
  1021. -------------------------- */
  1022. .el-button {
  1023. display: inline-block;
  1024. line-height: 1;
  1025. white-space: nowrap;
  1026. cursor: pointer;
  1027. background: #fff;
  1028. border: 1px solid #d8dce5;
  1029. border-color: #d8dce5;
  1030. color: #5a5e66;
  1031. -webkit-appearance: none;
  1032. text-align: center;
  1033. -webkit-box-sizing: border-box;
  1034. box-sizing: border-box;
  1035. outline: none;
  1036. margin: 0;
  1037. -webkit-transition: .1s;
  1038. transition: .1s;
  1039. font-weight: 500;
  1040. -moz-user-select: none;
  1041. -webkit-user-select: none;
  1042. -ms-user-select: none;
  1043. padding: 12px 20px;
  1044. font-size: 14px;
  1045. border-radius: 4px; }
  1046. .el-button + .el-button {
  1047. margin-left: 10px; }
  1048. .el-button.is-round {
  1049. padding: 12px 20px; }
  1050. .el-button:hover, .el-button:focus {
  1051. color: #1b1e24;
  1052. border-color: #bbbcbd;
  1053. background-color: #e8e9e9; }
  1054. .el-button:active {
  1055. color: #181b20;
  1056. border-color: #181b20;
  1057. outline: none; }
  1058. .el-button::-moz-focus-inner {
  1059. border: 0; }
  1060. .el-button [class*="el-icon-"] + span {
  1061. margin-left: 5px; }
  1062. .el-button.is-plain:hover, .el-button.is-plain:focus {
  1063. background: #fff;
  1064. border-color: #1b1e24;
  1065. color: #1b1e24; }
  1066. .el-button.is-plain:active {
  1067. background: #fff;
  1068. border-color: #181b20;
  1069. color: #181b20;
  1070. outline: none; }
  1071. .el-button.is-active {
  1072. color: #181b20;
  1073. border-color: #181b20; }
  1074. .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  1075. color: #b4bccc;
  1076. cursor: not-allowed;
  1077. background-image: none;
  1078. background-color: #fff;
  1079. border-color: #e6ebf5; }
  1080. .el-button.is-disabled.el-button--text {
  1081. background-color: transparent; }
  1082. .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  1083. background-color: #fff;
  1084. border-color: #e6ebf5;
  1085. color: #b4bccc; }
  1086. .el-button.is-loading {
  1087. position: relative;
  1088. pointer-events: none; }
  1089. .el-button.is-loading:before {
  1090. pointer-events: none;
  1091. content: '';
  1092. position: absolute;
  1093. left: -1px;
  1094. top: -1px;
  1095. right: -1px;
  1096. bottom: -1px;
  1097. border-radius: inherit;
  1098. background-color: rgba(255, 255, 255, 0.35); }
  1099. .el-button.is-round {
  1100. border-radius: 20px;
  1101. padding: 12px 23px; }
  1102. .el-button--primary {
  1103. color: #fff;
  1104. background-color: #1b1e24;
  1105. border-color: #1b1e24; }
  1106. .el-button--primary:hover, .el-button--primary:focus {
  1107. background: #494b50;
  1108. border-color: #494b50;
  1109. color: #fff; }
  1110. .el-button--primary:active {
  1111. background: #181b20;
  1112. border-color: #181b20;
  1113. color: #fff;
  1114. outline: none; }
  1115. .el-button--primary.is-active {
  1116. background: #181b20;
  1117. border-color: #181b20;
  1118. color: #fff; }
  1119. .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  1120. color: #fff;
  1121. background-color: #8d8f92;
  1122. border-color: #8d8f92; }
  1123. .el-button--primary.is-plain {
  1124. color: #1b1e24;
  1125. background: #e8e9e9;
  1126. border-color: #a4a5a7; }
  1127. .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  1128. background: #1b1e24;
  1129. border-color: #1b1e24;
  1130. color: #fff; }
  1131. .el-button--primary.is-plain:active {
  1132. background: #181b20;
  1133. border-color: #181b20;
  1134. color: #fff;
  1135. outline: none; }
  1136. .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 {
  1137. color: #76787c;
  1138. background-color: #e8e9e9;
  1139. border-color: #d1d2d3; }
  1140. .el-button--success {
  1141. color: #fff;
  1142. background-color: #1caf9a;
  1143. border-color: #1caf9a; }
  1144. .el-button--success:hover, .el-button--success:focus {
  1145. background: #49bfae;
  1146. border-color: #49bfae;
  1147. color: #fff; }
  1148. .el-button--success:active {
  1149. background: #199e8b;
  1150. border-color: #199e8b;
  1151. color: #fff;
  1152. outline: none; }
  1153. .el-button--success.is-active {
  1154. background: #199e8b;
  1155. border-color: #199e8b;
  1156. color: #fff; }
  1157. .el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  1158. color: #fff;
  1159. background-color: #8ed7cd;
  1160. border-color: #8ed7cd; }
  1161. .el-button--success.is-plain {
  1162. color: #1caf9a;
  1163. background: #e8f7f5;
  1164. border-color: #a4dfd7; }
  1165. .el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  1166. background: #1caf9a;
  1167. border-color: #1caf9a;
  1168. color: #fff; }
  1169. .el-button--success.is-plain:active {
  1170. background: #199e8b;
  1171. border-color: #199e8b;
  1172. color: #fff;
  1173. outline: none; }
  1174. .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 {
  1175. color: #77cfc2;
  1176. background-color: #e8f7f5;
  1177. border-color: #d2efeb; }
  1178. .el-button--warning {
  1179. color: #fff;
  1180. background-color: #FA8273;
  1181. border-color: #FA8273; }
  1182. .el-button--warning:hover, .el-button--warning:focus {
  1183. background: #fb9b8f;
  1184. border-color: #fb9b8f;
  1185. color: #fff; }
  1186. .el-button--warning:active {
  1187. background: #e17568;
  1188. border-color: #e17568;
  1189. color: #fff;
  1190. outline: none; }
  1191. .el-button--warning.is-active {
  1192. background: #e17568;
  1193. border-color: #e17568;
  1194. color: #fff; }
  1195. .el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  1196. color: #fff;
  1197. background-color: #fdc1b9;
  1198. border-color: #fdc1b9; }
  1199. .el-button--warning.is-plain {
  1200. color: #FA8273;
  1201. background: #fff3f1;
  1202. border-color: #fdcdc7; }
  1203. .el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  1204. background: #FA8273;
  1205. border-color: #FA8273;
  1206. color: #fff; }
  1207. .el-button--warning.is-plain:active {
  1208. background: #e17568;
  1209. border-color: #e17568;
  1210. color: #fff;
  1211. outline: none; }
  1212. .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 {
  1213. color: #fcb4ab;
  1214. background-color: #fff3f1;
  1215. border-color: #fee6e3; }
  1216. .el-button--danger {
  1217. color: #fff;
  1218. background-color: #E04B4A;
  1219. border-color: #E04B4A; }
  1220. .el-button--danger:hover, .el-button--danger:focus {
  1221. background: #e66f6e;
  1222. border-color: #e66f6e;
  1223. color: #fff; }
  1224. .el-button--danger:active {
  1225. background: #ca4443;
  1226. border-color: #ca4443;
  1227. color: #fff;
  1228. outline: none; }
  1229. .el-button--danger.is-active {
  1230. background: #ca4443;
  1231. border-color: #ca4443;
  1232. color: #fff; }
  1233. .el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  1234. color: #fff;
  1235. background-color: #f0a5a5;
  1236. border-color: #f0a5a5; }
  1237. .el-button--danger.is-plain {
  1238. color: #E04B4A;
  1239. background: #fceded;
  1240. border-color: #f3b7b7; }
  1241. .el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  1242. background: #E04B4A;
  1243. border-color: #E04B4A;
  1244. color: #fff; }
  1245. .el-button--danger.is-plain:active {
  1246. background: #ca4443;
  1247. border-color: #ca4443;
  1248. color: #fff;
  1249. outline: none; }
  1250. .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 {
  1251. color: #ec9392;
  1252. background-color: #fceded;
  1253. border-color: #f9dbdb; }
  1254. .el-button--info {
  1255. color: #fff;
  1256. background-color: #777;
  1257. border-color: #777; }
  1258. .el-button--info:hover, .el-button--info:focus {
  1259. background: #929292;
  1260. border-color: #929292;
  1261. color: #fff; }
  1262. .el-button--info:active {
  1263. background: #6b6b6b;
  1264. border-color: #6b6b6b;
  1265. color: #fff;
  1266. outline: none; }
  1267. .el-button--info.is-active {
  1268. background: #6b6b6b;
  1269. border-color: #6b6b6b;
  1270. color: #fff; }
  1271. .el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  1272. color: #fff;
  1273. background-color: #bbbbbb;
  1274. border-color: #bbbbbb; }
  1275. .el-button--info.is-plain {
  1276. color: #777;
  1277. background: #f1f1f1;
  1278. border-color: #c9c9c9; }
  1279. .el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  1280. background: #777;
  1281. border-color: #777;
  1282. color: #fff; }
  1283. .el-button--info.is-plain:active {
  1284. background: #6b6b6b;
  1285. border-color: #6b6b6b;
  1286. color: #fff;
  1287. outline: none; }
  1288. .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 {
  1289. color: #adadad;
  1290. background-color: #f1f1f1;
  1291. border-color: #e4e4e4; }
  1292. .el-button--medium {
  1293. padding: 10px 20px;
  1294. font-size: 14px;
  1295. border-radius: 4px; }
  1296. .el-button--medium.is-round {
  1297. padding: 10px 20px; }
  1298. .el-button--small {
  1299. padding: 9px 15px;
  1300. font-size: 12px;
  1301. border-radius: 3px; }
  1302. .el-button--small.is-round {
  1303. padding: 9px 15px; }
  1304. .el-button--mini {
  1305. padding: 7px 15px;
  1306. font-size: 12px;
  1307. border-radius: 3px; }
  1308. .el-button--mini.is-round {
  1309. padding: 7px 15px; }
  1310. .el-button--text {
  1311. border: none;
  1312. color: #1b1e24;
  1313. background: transparent;
  1314. padding-left: 0;
  1315. padding-right: 0; }
  1316. .el-button--text:hover, .el-button--text:focus {
  1317. color: #494b50;
  1318. border-color: transparent;
  1319. background-color: transparent; }
  1320. .el-button--text:active {
  1321. color: #181b20;
  1322. border-color: transparent;
  1323. background-color: transparent; }
  1324. .el-button-group {
  1325. display: inline-block;
  1326. vertical-align: middle; }
  1327. .el-button-group::before, .el-button-group::after {
  1328. display: table;
  1329. content: ""; }
  1330. .el-button-group::after {
  1331. clear: both; }
  1332. .el-button-group .el-button {
  1333. float: left;
  1334. position: relative; }
  1335. .el-button-group .el-button + .el-button {
  1336. margin-left: 0; }
  1337. .el-button-group .el-button:first-child {
  1338. border-top-right-radius: 0;
  1339. border-bottom-right-radius: 0; }
  1340. .el-button-group .el-button:last-child {
  1341. border-top-left-radius: 0;
  1342. border-bottom-left-radius: 0; }
  1343. .el-button-group .el-button:not(:first-child):not(:last-child) {
  1344. border-radius: 0; }
  1345. .el-button-group .el-button:not(:last-child) {
  1346. margin-right: -1px; }
  1347. .el-button-group .el-button:hover, .el-button-group .el-button:focus, .el-button-group .el-button:active {
  1348. z-index: 1; }
  1349. .el-button-group .el-button.is-active {
  1350. z-index: 1; }
  1351. .el-button-group .el-button--primary:first-child {
  1352. border-right-color: rgba(255, 255, 255, 0.5); }
  1353. .el-button-group .el-button--primary:last-child {
  1354. border-left-color: rgba(255, 255, 255, 0.5); }
  1355. .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  1356. border-left-color: rgba(255, 255, 255, 0.5);
  1357. border-right-color: rgba(255, 255, 255, 0.5); }
  1358. .el-button-group .el-button--success:first-child {
  1359. border-right-color: rgba(255, 255, 255, 0.5); }
  1360. .el-button-group .el-button--success:last-child {
  1361. border-left-color: rgba(255, 255, 255, 0.5); }
  1362. .el-button-group .el-button--success:not(:first-child):not(:last-child) {
  1363. border-left-color: rgba(255, 255, 255, 0.5);
  1364. border-right-color: rgba(255, 255, 255, 0.5); }
  1365. .el-button-group .el-button--warning:first-child {
  1366. border-right-color: rgba(255, 255, 255, 0.5); }
  1367. .el-button-group .el-button--warning:last-child {
  1368. border-left-color: rgba(255, 255, 255, 0.5); }
  1369. .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  1370. border-left-color: rgba(255, 255, 255, 0.5);
  1371. border-right-color: rgba(255, 255, 255, 0.5); }
  1372. .el-button-group .el-button--danger:first-child {
  1373. border-right-color: rgba(255, 255, 255, 0.5); }
  1374. .el-button-group .el-button--danger:last-child {
  1375. border-left-color: rgba(255, 255, 255, 0.5); }
  1376. .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  1377. border-left-color: rgba(255, 255, 255, 0.5);
  1378. border-right-color: rgba(255, 255, 255, 0.5); }
  1379. .el-button-group .el-button--info:first-child {
  1380. border-right-color: rgba(255, 255, 255, 0.5); }
  1381. .el-button-group .el-button--info:last-child {
  1382. border-left-color: rgba(255, 255, 255, 0.5); }
  1383. .el-button-group .el-button--info:not(:first-child):not(:last-child) {
  1384. border-left-color: rgba(255, 255, 255, 0.5);
  1385. border-right-color: rgba(255, 255, 255, 0.5); }
  1386. /* Element Chalk Variables */
  1387. /* Transition
  1388. -------------------------- */
  1389. /* Colors
  1390. -------------------------- */
  1391. /* 53a8ff */
  1392. /* 66b1ff */
  1393. /* 79bbff */
  1394. /* 8cc5ff */
  1395. /* a0cfff */
  1396. /* b3d8ff */
  1397. /* c6e2ff */
  1398. /* d9ecff */
  1399. /* ecf5ff */
  1400. /* Link
  1401. -------------------------- */
  1402. /* Background
  1403. -------------------------- */
  1404. /* Border
  1405. -------------------------- */
  1406. /* Box-shadow
  1407. -------------------------- */
  1408. /* Fill
  1409. -------------------------- */
  1410. /* Font
  1411. -------------------------- */
  1412. /* Size
  1413. -------------------------- */
  1414. /* z-index
  1415. -------------------------- */
  1416. /* Disable base
  1417. -------------------------- */
  1418. /* Icon
  1419. -------------------------- */
  1420. /* Checkbox
  1421. -------------------------- */
  1422. /* Radio
  1423. -------------------------- */
  1424. /* Select
  1425. -------------------------- */
  1426. /* Alert
  1427. -------------------------- */
  1428. /* Message Box
  1429. -------------------------- */
  1430. /* Message
  1431. -------------------------- */
  1432. /* Notification
  1433. -------------------------- */
  1434. /* Input
  1435. -------------------------- */
  1436. /* Cascader
  1437. -------------------------- */
  1438. /* Group
  1439. -------------------------- */
  1440. /* Tab
  1441. -------------------------- */
  1442. /* Button
  1443. -------------------------- */
  1444. /* cascader
  1445. -------------------------- */
  1446. /* Switch
  1447. -------------------------- */
  1448. /* Dialog
  1449. -------------------------- */
  1450. /* Table
  1451. -------------------------- */
  1452. /* Pagination
  1453. -------------------------- */
  1454. /* Popover
  1455. -------------------------- */
  1456. /* Tooltip
  1457. -------------------------- */
  1458. /* Tag
  1459. -------------------------- */
  1460. /* Tree
  1461. -------------------------- */
  1462. /* Dropdown
  1463. -------------------------- */
  1464. /* Badge
  1465. -------------------------- */
  1466. /* Card
  1467. --------------------------*/
  1468. /* Slider
  1469. --------------------------*/
  1470. /* Steps
  1471. --------------------------*/
  1472. /* MenuSlide
  1473. --------------------------*/
  1474. /* Rate
  1475. --------------------------*/
  1476. /* DatePicker
  1477. --------------------------*/
  1478. /* Loading
  1479. --------------------------*/
  1480. /* Scrollbar
  1481. --------------------------*/
  1482. /* Carousel
  1483. --------------------------*/
  1484. /* Collapse
  1485. --------------------------*/
  1486. /* Transfer
  1487. --------------------------*/
  1488. /* Header
  1489. --------------------------*/
  1490. /* Footer
  1491. --------------------------*/
  1492. /* Main
  1493. --------------------------*/
  1494. /* Break-point
  1495. --------------------------*/
  1496. /* BEM support Func
  1497. -------------------------- */
  1498. /* Element Chalk Variables */
  1499. /* Transition
  1500. -------------------------- */
  1501. /* Colors
  1502. -------------------------- */
  1503. /* 53a8ff */
  1504. /* 66b1ff */
  1505. /* 79bbff */
  1506. /* 8cc5ff */
  1507. /* a0cfff */
  1508. /* b3d8ff */
  1509. /* c6e2ff */
  1510. /* d9ecff */
  1511. /* ecf5ff */
  1512. /* Link
  1513. -------------------------- */
  1514. /* Background
  1515. -------------------------- */
  1516. /* Border
  1517. -------------------------- */
  1518. /* Box-shadow
  1519. -------------------------- */
  1520. /* Fill
  1521. -------------------------- */
  1522. /* Font
  1523. -------------------------- */
  1524. /* Size
  1525. -------------------------- */
  1526. /* z-index
  1527. -------------------------- */
  1528. /* Disable base
  1529. -------------------------- */
  1530. /* Icon
  1531. -------------------------- */
  1532. /* Checkbox
  1533. -------------------------- */
  1534. /* Radio
  1535. -------------------------- */
  1536. /* Select
  1537. -------------------------- */
  1538. /* Alert
  1539. -------------------------- */
  1540. /* Message Box
  1541. -------------------------- */
  1542. /* Message
  1543. -------------------------- */
  1544. /* Notification
  1545. -------------------------- */
  1546. /* Input
  1547. -------------------------- */
  1548. /* Cascader
  1549. -------------------------- */
  1550. /* Group
  1551. -------------------------- */
  1552. /* Tab
  1553. -------------------------- */
  1554. /* Button
  1555. -------------------------- */
  1556. /* cascader
  1557. -------------------------- */
  1558. /* Switch
  1559. -------------------------- */
  1560. /* Dialog
  1561. -------------------------- */
  1562. /* Table
  1563. -------------------------- */
  1564. /* Pagination
  1565. -------------------------- */
  1566. /* Popover
  1567. -------------------------- */
  1568. /* Tooltip
  1569. -------------------------- */
  1570. /* Tag
  1571. -------------------------- */
  1572. /* Tree
  1573. -------------------------- */
  1574. /* Dropdown
  1575. -------------------------- */
  1576. /* Badge
  1577. -------------------------- */
  1578. /* Card
  1579. --------------------------*/
  1580. /* Slider
  1581. --------------------------*/
  1582. /* Steps
  1583. --------------------------*/
  1584. /* MenuSlide
  1585. --------------------------*/
  1586. /* Rate
  1587. --------------------------*/
  1588. /* DatePicker
  1589. --------------------------*/
  1590. /* Loading
  1591. --------------------------*/
  1592. /* Scrollbar
  1593. --------------------------*/
  1594. /* Carousel
  1595. --------------------------*/
  1596. /* Collapse
  1597. --------------------------*/
  1598. /* Transfer
  1599. --------------------------*/
  1600. /* Header
  1601. --------------------------*/
  1602. /* Footer
  1603. --------------------------*/
  1604. /* Main
  1605. --------------------------*/
  1606. /* Break-point
  1607. --------------------------*/
  1608. /* Break-points
  1609. -------------------------- */
  1610. /* Scrollbar
  1611. -------------------------- */
  1612. /* Placeholder
  1613. -------------------------- */
  1614. /* BEM
  1615. -------------------------- */
  1616. /* Element Chalk Variables */
  1617. /* Transition
  1618. -------------------------- */
  1619. /* Colors
  1620. -------------------------- */
  1621. /* 53a8ff */
  1622. /* 66b1ff */
  1623. /* 79bbff */
  1624. /* 8cc5ff */
  1625. /* a0cfff */
  1626. /* b3d8ff */
  1627. /* c6e2ff */
  1628. /* d9ecff */
  1629. /* ecf5ff */
  1630. /* Link
  1631. -------------------------- */
  1632. /* Background
  1633. -------------------------- */
  1634. /* Border
  1635. -------------------------- */
  1636. /* Box-shadow
  1637. -------------------------- */
  1638. /* Fill
  1639. -------------------------- */
  1640. /* Font
  1641. -------------------------- */
  1642. /* Size
  1643. -------------------------- */
  1644. /* z-index
  1645. -------------------------- */
  1646. /* Disable base
  1647. -------------------------- */
  1648. /* Icon
  1649. -------------------------- */
  1650. /* Checkbox
  1651. -------------------------- */
  1652. /* Radio
  1653. -------------------------- */
  1654. /* Select
  1655. -------------------------- */
  1656. /* Alert
  1657. -------------------------- */
  1658. /* Message Box
  1659. -------------------------- */
  1660. /* Message
  1661. -------------------------- */
  1662. /* Notification
  1663. -------------------------- */
  1664. /* Input
  1665. -------------------------- */
  1666. /* Cascader
  1667. -------------------------- */
  1668. /* Group
  1669. -------------------------- */
  1670. /* Tab
  1671. -------------------------- */
  1672. /* Button
  1673. -------------------------- */
  1674. /* cascader
  1675. -------------------------- */
  1676. /* Switch
  1677. -------------------------- */
  1678. /* Dialog
  1679. -------------------------- */
  1680. /* Table
  1681. -------------------------- */
  1682. /* Pagination
  1683. -------------------------- */
  1684. /* Popover
  1685. -------------------------- */
  1686. /* Tooltip
  1687. -------------------------- */
  1688. /* Tag
  1689. -------------------------- */
  1690. /* Tree
  1691. -------------------------- */
  1692. /* Dropdown
  1693. -------------------------- */
  1694. /* Badge
  1695. -------------------------- */
  1696. /* Card
  1697. --------------------------*/
  1698. /* Slider
  1699. --------------------------*/
  1700. /* Steps
  1701. --------------------------*/
  1702. /* MenuSlide
  1703. --------------------------*/
  1704. /* Rate
  1705. --------------------------*/
  1706. /* DatePicker
  1707. --------------------------*/
  1708. /* Loading
  1709. --------------------------*/
  1710. /* Scrollbar
  1711. --------------------------*/
  1712. /* Carousel
  1713. --------------------------*/
  1714. /* Collapse
  1715. --------------------------*/
  1716. /* Transfer
  1717. --------------------------*/
  1718. /* Header
  1719. --------------------------*/
  1720. /* Footer
  1721. --------------------------*/
  1722. /* Main
  1723. --------------------------*/
  1724. /* Break-point
  1725. --------------------------*/
  1726. .el-checkbox {
  1727. color: #5a5e66;
  1728. font-weight: 500;
  1729. font-size: 14px;
  1730. position: relative;
  1731. cursor: pointer;
  1732. display: inline-block;
  1733. white-space: nowrap;
  1734. -webkit-user-select: none;
  1735. -moz-user-select: none;
  1736. -ms-user-select: none;
  1737. user-select: none; }
  1738. .el-checkbox.is-bordered {
  1739. padding: 9px 20px 9px 10px;
  1740. border-radius: 4px;
  1741. border: 1px solid #d8dce5;
  1742. -webkit-box-sizing: border-box;
  1743. box-sizing: border-box;
  1744. line-height: normal;
  1745. height: 40px; }
  1746. .el-checkbox.is-bordered.is-checked {
  1747. border-color: #1b1e24; }
  1748. .el-checkbox.is-bordered.is-disabled {
  1749. border-color: #e6ebf5;
  1750. cursor: not-allowed; }
  1751. .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  1752. margin-left: 10px; }
  1753. .el-checkbox.is-bordered.el-checkbox--medium {
  1754. padding: 7px 20px 7px 10px;
  1755. border-radius: 4px;
  1756. height: 36px; }
  1757. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  1758. line-height: 17px;
  1759. font-size: 14px; }
  1760. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  1761. height: 14px;
  1762. width: 14px; }
  1763. .el-checkbox.is-bordered.el-checkbox--small {
  1764. padding: 5px 15px 5px 10px;
  1765. border-radius: 3px;
  1766. height: 32px; }
  1767. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  1768. line-height: 15px;
  1769. font-size: 12px; }
  1770. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  1771. height: 12px;
  1772. width: 12px; }
  1773. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  1774. height: 6px;
  1775. width: 2px; }
  1776. .el-checkbox.is-bordered.el-checkbox--mini {
  1777. padding: 3px 15px 3px 10px;
  1778. border-radius: 3px;
  1779. height: 28px; }
  1780. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  1781. line-height: 12px;
  1782. font-size: 12px; }
  1783. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  1784. height: 12px;
  1785. width: 12px; }
  1786. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  1787. height: 6px;
  1788. width: 2px; }
  1789. .el-checkbox__input {
  1790. white-space: nowrap;
  1791. cursor: pointer;
  1792. outline: none;
  1793. display: inline-block;
  1794. line-height: 1;
  1795. position: relative;
  1796. vertical-align: middle; }
  1797. .el-checkbox__input.is-disabled .el-checkbox__inner {
  1798. background-color: #edf2fc;
  1799. border-color: #d8dce5;
  1800. cursor: not-allowed; }
  1801. .el-checkbox__input.is-disabled .el-checkbox__inner::after {
  1802. cursor: not-allowed;
  1803. border-color: #b4bccc; }
  1804. .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  1805. cursor: not-allowed; }
  1806. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  1807. background-color: #edf2fc;
  1808. border-color: #d8dce5; }
  1809. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  1810. border-color: #b4bccc; }
  1811. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  1812. background-color: #edf2fc;
  1813. border-color: #d8dce5; }
  1814. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  1815. background-color: #b4bccc;
  1816. border-color: #b4bccc; }
  1817. .el-checkbox__input.is-disabled + span.el-checkbox__label {
  1818. color: #b4bccc;
  1819. cursor: not-allowed; }
  1820. .el-checkbox__input.is-checked .el-checkbox__inner {
  1821. background-color: #1b1e24;
  1822. border-color: #1b1e24; }
  1823. .el-checkbox__input.is-checked .el-checkbox__inner::after {
  1824. -webkit-transform: rotate(45deg) scaleY(1);
  1825. transform: rotate(45deg) scaleY(1); }
  1826. .el-checkbox__input.is-checked + .el-checkbox__label {
  1827. color: #1b1e24; }
  1828. .el-checkbox__input.is-focus {
  1829. /*focus时 视觉上区分*/ }
  1830. .el-checkbox__input.is-focus .el-checkbox__inner {
  1831. border-color: #1b1e24; }
  1832. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  1833. background-color: #1b1e24;
  1834. border-color: #1b1e24; }
  1835. .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  1836. content: '';
  1837. position: absolute;
  1838. display: block;
  1839. background-color: #fff;
  1840. height: 2px;
  1841. -webkit-transform: scale(0.5);
  1842. transform: scale(0.5);
  1843. left: 0;
  1844. right: 0;
  1845. top: 5px; }
  1846. .el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  1847. display: none; }
  1848. .el-checkbox__inner {
  1849. display: inline-block;
  1850. position: relative;
  1851. border: 1px solid #d8dce5;
  1852. border-radius: 2px;
  1853. -webkit-box-sizing: border-box;
  1854. box-sizing: border-box;
  1855. width: 14px;
  1856. height: 14px;
  1857. background-color: #fff;
  1858. z-index: 1;
  1859. -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);
  1860. 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); }
  1861. .el-checkbox__inner:hover {
  1862. border-color: #1b1e24; }
  1863. .el-checkbox__inner::after {
  1864. -webkit-box-sizing: content-box;
  1865. box-sizing: content-box;
  1866. content: "";
  1867. border: 1px solid #fff;
  1868. border-left: 0;
  1869. border-top: 0;
  1870. height: 7px;
  1871. left: 4px;
  1872. position: absolute;
  1873. top: 1px;
  1874. -webkit-transform: rotate(45deg) scaleY(0);
  1875. transform: rotate(45deg) scaleY(0);
  1876. width: 3px;
  1877. -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  1878. transition: -webkit-transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  1879. transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  1880. transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s, -webkit-transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
  1881. -webkit-transform-origin: center;
  1882. transform-origin: center; }
  1883. .el-checkbox__original {
  1884. opacity: 0;
  1885. outline: none;
  1886. position: absolute;
  1887. margin: 0;
  1888. width: 0;
  1889. height: 0;
  1890. left: -999px; }
  1891. .el-checkbox__label {
  1892. display: inline-block;
  1893. padding-left: 10px;
  1894. line-height: 19px;
  1895. font-size: 14px; }
  1896. .el-checkbox + .el-checkbox {
  1897. margin-left: 30px; }
  1898. .el-checkbox-button {
  1899. position: relative;
  1900. display: inline-block; }
  1901. .el-checkbox-button__inner {
  1902. display: inline-block;
  1903. line-height: 1;
  1904. font-weight: 500;
  1905. white-space: nowrap;
  1906. vertical-align: middle;
  1907. cursor: pointer;
  1908. background: #fff;
  1909. border: 1px solid #d8dce5;
  1910. border-left: 0;
  1911. color: #5a5e66;
  1912. -webkit-appearance: none;
  1913. text-align: center;
  1914. -webkit-box-sizing: border-box;
  1915. box-sizing: border-box;
  1916. outline: none;
  1917. margin: 0;
  1918. position: relative;
  1919. -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  1920. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  1921. -moz-user-select: none;
  1922. -webkit-user-select: none;
  1923. -ms-user-select: none;
  1924. padding: 12px 20px;
  1925. font-size: 14px;
  1926. border-radius: 0; }
  1927. .el-checkbox-button__inner.is-round {
  1928. padding: 12px 20px; }
  1929. .el-checkbox-button__inner:hover {
  1930. color: #1b1e24; }
  1931. .el-checkbox-button__inner [class*="el-icon-"] {
  1932. line-height: 0.9; }
  1933. .el-checkbox-button__inner [class*="el-icon-"] + span {
  1934. margin-left: 5px; }
  1935. .el-checkbox-button__original {
  1936. opacity: 0;
  1937. outline: none;
  1938. position: absolute;
  1939. margin: 0;
  1940. left: -999px; }
  1941. .el-checkbox-button.is-checked .el-checkbox-button__inner {
  1942. color: #fff;
  1943. background-color: #1b1e24;
  1944. border-color: #1b1e24;
  1945. -webkit-box-shadow: -1px 0 0 0 #76787c;
  1946. box-shadow: -1px 0 0 0 #76787c; }
  1947. .el-checkbox-button.is-disabled .el-checkbox-button__inner {
  1948. color: #b4bccc;
  1949. cursor: not-allowed;
  1950. background-image: none;
  1951. background-color: #fff;
  1952. border-color: #e6ebf5;
  1953. -webkit-box-shadow: none;
  1954. box-shadow: none; }
  1955. .el-checkbox-button:first-child .el-checkbox-button__inner {
  1956. border-left: 1px solid #d8dce5;
  1957. border-radius: 4px 0 0 4px;
  1958. -webkit-box-shadow: none !important;
  1959. box-shadow: none !important; }
  1960. .el-checkbox-button.is-focus .el-checkbox-button__inner {
  1961. border-color: #1b1e24; }
  1962. .el-checkbox-button:last-child .el-checkbox-button__inner {
  1963. border-radius: 0 4px 4px 0; }
  1964. .el-checkbox-button--medium .el-checkbox-button__inner {
  1965. padding: 10px 20px;
  1966. font-size: 14px;
  1967. border-radius: 0; }
  1968. .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  1969. padding: 10px 20px; }
  1970. .el-checkbox-button--small .el-checkbox-button__inner {
  1971. padding: 9px 15px;
  1972. font-size: 12px;
  1973. border-radius: 0; }
  1974. .el-checkbox-button--small .el-checkbox-button__inner.is-round {
  1975. padding: 9px 15px; }
  1976. .el-checkbox-button--mini .el-checkbox-button__inner {
  1977. padding: 7px 15px;
  1978. font-size: 12px;
  1979. border-radius: 0; }
  1980. .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  1981. padding: 7px 15px; }
  1982. .el-checkbox-group {
  1983. font-size: 0; }
  1984. .el-transfer {
  1985. font-size: 14px; }
  1986. .el-transfer__buttons {
  1987. display: inline-block;
  1988. vertical-align: middle;
  1989. padding: 0 30px; }
  1990. .el-transfer__button {
  1991. display: block;
  1992. margin: 0 auto;
  1993. padding: 10px;
  1994. border-radius: 50%;
  1995. color: #fff;
  1996. background-color: #1b1e24;
  1997. font-size: 0; }
  1998. .el-transfer__button.is-with-texts {
  1999. border-radius: 4px; }
  2000. .el-transfer__button.is-disabled {
  2001. border: 1px solid #d8dce5;
  2002. background-color: #011638;
  2003. color: #b4bccc; }
  2004. .el-transfer__button.is-disabled:hover {
  2005. border: 1px solid #d8dce5;
  2006. background-color: #011638;
  2007. color: #b4bccc; }
  2008. .el-transfer__button:first-child {
  2009. margin-bottom: 10px; }
  2010. .el-transfer__button:nth-child(2) {
  2011. margin: 0; }
  2012. .el-transfer__button i, .el-transfer__button span {
  2013. font-size: 14px; }
  2014. .el-transfer__button [class*="el-icon-"] + span {
  2015. margin-left: 0; }
  2016. .el-transfer-panel {
  2017. border: 1px solid #e6ebf5;
  2018. border-radius: 4px;
  2019. overflow: hidden;
  2020. background: #fff;
  2021. display: inline-block;
  2022. vertical-align: middle;
  2023. width: 200px;
  2024. -webkit-box-sizing: border-box;
  2025. box-sizing: border-box;
  2026. position: relative; }
  2027. .el-transfer-panel__body {
  2028. height: 246px; }
  2029. .el-transfer-panel__body.is-with-footer {
  2030. padding-bottom: 40px; }
  2031. .el-transfer-panel__list {
  2032. margin: 0;
  2033. padding: 6px 0;
  2034. list-style: none;
  2035. height: 246px;
  2036. overflow: auto;
  2037. -webkit-box-sizing: border-box;
  2038. box-sizing: border-box; }
  2039. .el-transfer-panel__list.is-filterable {
  2040. height: 194px;
  2041. padding-top: 0; }
  2042. .el-transfer-panel__item {
  2043. height: 30px;
  2044. line-height: 30px;
  2045. padding-left: 15px;
  2046. display: block; }
  2047. .el-transfer-panel__item + .el-transfer-panel__item {
  2048. margin-left: 0; }
  2049. .el-transfer-panel__item.el-checkbox {
  2050. color: #5a5e66; }
  2051. .el-transfer-panel__item:hover {
  2052. color: #1b1e24; }
  2053. .el-transfer-panel__item.el-checkbox .el-checkbox__label {
  2054. width: 100%;
  2055. overflow: hidden;
  2056. text-overflow: ellipsis;
  2057. white-space: nowrap;
  2058. display: block;
  2059. -webkit-box-sizing: border-box;
  2060. box-sizing: border-box;
  2061. padding-left: 24px;
  2062. line-height: 30px; }
  2063. .el-transfer-panel__item .el-checkbox__input {
  2064. position: absolute;
  2065. top: 8px; }
  2066. .el-transfer-panel__filter {
  2067. text-align: center;
  2068. margin: 15px;
  2069. -webkit-box-sizing: border-box;
  2070. box-sizing: border-box;
  2071. display: block;
  2072. width: auto; }
  2073. .el-transfer-panel__filter .el-input__inner {
  2074. height: 32px;
  2075. width: 100%;
  2076. font-size: 12px;
  2077. display: inline-block;
  2078. -webkit-box-sizing: border-box;
  2079. box-sizing: border-box;
  2080. border-radius: 16px;
  2081. padding-right: 10px;
  2082. padding-left: 30px; }
  2083. .el-transfer-panel__filter .el-input__icon {
  2084. margin-left: 5px; }
  2085. .el-transfer-panel__filter .el-icon-circle-close {
  2086. cursor: pointer; }
  2087. .el-transfer-panel .el-transfer-panel__header {
  2088. height: 40px;
  2089. line-height: 40px;
  2090. background: #011638;
  2091. margin: 0;
  2092. padding-left: 15px;
  2093. border-bottom: 1px solid #e6ebf5;
  2094. -webkit-box-sizing: border-box;
  2095. box-sizing: border-box;
  2096. color: #000; }
  2097. .el-transfer-panel .el-transfer-panel__header .el-checkbox {
  2098. display: block;
  2099. line-height: 40px; }
  2100. .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  2101. font-size: 16px;
  2102. color: #8b91a0;
  2103. font-weight: normal; }
  2104. .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
  2105. position: absolute;
  2106. right: 15px;
  2107. color: #878d99;
  2108. font-size: 12px;
  2109. font-weight: normal; }
  2110. .el-transfer-panel .el-transfer-panel__footer {
  2111. height: 40px;
  2112. background: #fff;
  2113. margin: 0;
  2114. padding: 0;
  2115. border-top: 1px solid #e6ebf5;
  2116. position: absolute;
  2117. bottom: 0;
  2118. left: 0;
  2119. width: 100%;
  2120. z-index: 1; }
  2121. .el-transfer-panel .el-transfer-panel__footer::after {
  2122. display: inline-block;
  2123. content: "";
  2124. height: 100%;
  2125. vertical-align: middle; }
  2126. .el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  2127. padding-left: 20px;
  2128. color: #5a5e66; }
  2129. .el-transfer-panel .el-transfer-panel__empty {
  2130. margin: 0;
  2131. height: 30px;
  2132. line-height: 30px;
  2133. padding: 6px 15px 0;
  2134. color: #878d99; }
  2135. .el-transfer-panel .el-checkbox__label {
  2136. padding-left: 8px; }
  2137. .el-transfer-panel .el-checkbox__inner {
  2138. height: 14px;
  2139. width: 14px;
  2140. border-radius: 3px; }
  2141. .el-transfer-panel .el-checkbox__inner::after {
  2142. height: 6px;
  2143. width: 3px;
  2144. left: 4px; }