message-box.css 41 KB

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