cascader.css 85 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696
  1. @charset "UTF-8";
  2. /* BEM support Func
  3. -------------------------- */
  4. /* Element Chalk Variables */
  5. /* Transition
  6. -------------------------- */
  7. /* Color
  8. -------------------------- */
  9. /* 53a8ff */
  10. /* 66b1ff */
  11. /* 79bbff */
  12. /* 8cc5ff */
  13. /* a0cfff */
  14. /* b3d8ff */
  15. /* c6e2ff */
  16. /* d9ecff */
  17. /* ecf5ff */
  18. /* Link
  19. -------------------------- */
  20. /* Border
  21. -------------------------- */
  22. /* Fill
  23. -------------------------- */
  24. /* Typography
  25. -------------------------- */
  26. /* Size
  27. -------------------------- */
  28. /* z-index
  29. -------------------------- */
  30. /* Disable base
  31. -------------------------- */
  32. /* Icon
  33. -------------------------- */
  34. /* Checkbox
  35. -------------------------- */
  36. /* Radio
  37. -------------------------- */
  38. /* Select
  39. -------------------------- */
  40. /* Alert
  41. -------------------------- */
  42. /* MessageBox
  43. -------------------------- */
  44. /* Message
  45. -------------------------- */
  46. /* Notification
  47. -------------------------- */
  48. /* Input
  49. -------------------------- */
  50. /* Cascader
  51. -------------------------- */
  52. /* Group
  53. -------------------------- */
  54. /* Tab
  55. -------------------------- */
  56. /* Button
  57. -------------------------- */
  58. /* cascader
  59. -------------------------- */
  60. /* Switch
  61. -------------------------- */
  62. /* Dialog
  63. -------------------------- */
  64. /* Table
  65. -------------------------- */
  66. /* Pagination
  67. -------------------------- */
  68. /* Popup
  69. -------------------------- */
  70. /* Popover
  71. -------------------------- */
  72. /* Tooltip
  73. -------------------------- */
  74. /* Tag
  75. -------------------------- */
  76. /* Tree
  77. -------------------------- */
  78. /* Dropdown
  79. -------------------------- */
  80. /* Badge
  81. -------------------------- */
  82. /* Card
  83. --------------------------*/
  84. /* Slider
  85. --------------------------*/
  86. /* Steps
  87. --------------------------*/
  88. /* Menu
  89. --------------------------*/
  90. /* Rate
  91. --------------------------*/
  92. /* DatePicker
  93. --------------------------*/
  94. /* Loading
  95. --------------------------*/
  96. /* Scrollbar
  97. --------------------------*/
  98. /* Carousel
  99. --------------------------*/
  100. /* Collapse
  101. --------------------------*/
  102. /* Transfer
  103. --------------------------*/
  104. /* Header
  105. --------------------------*/
  106. /* Footer
  107. --------------------------*/
  108. /* Main
  109. --------------------------*/
  110. /* Timeline
  111. --------------------------*/
  112. /* Backtop
  113. --------------------------*/
  114. /* Link
  115. --------------------------*/
  116. /* Calendar
  117. --------------------------*/
  118. /* Form
  119. -------------------------- */
  120. /* Avatar
  121. --------------------------*/
  122. /* Empty
  123. -------------------------- */
  124. /* Descriptions
  125. -------------------------- */
  126. /* Skeleton
  127. --------------------------*/
  128. /* Svg
  129. --------------- */
  130. /* Result
  131. -------------------------- */
  132. /* Break-point
  133. --------------------------*/
  134. /* Break-points
  135. -------------------------- */
  136. /* Scrollbar
  137. -------------------------- */
  138. /* Placeholder
  139. -------------------------- */
  140. /* BEM
  141. -------------------------- */
  142. /* Element Chalk Variables */
  143. /* Transition
  144. -------------------------- */
  145. /* Color
  146. -------------------------- */
  147. /* 53a8ff */
  148. /* 66b1ff */
  149. /* 79bbff */
  150. /* 8cc5ff */
  151. /* a0cfff */
  152. /* b3d8ff */
  153. /* c6e2ff */
  154. /* d9ecff */
  155. /* ecf5ff */
  156. /* Link
  157. -------------------------- */
  158. /* Border
  159. -------------------------- */
  160. /* Fill
  161. -------------------------- */
  162. /* Typography
  163. -------------------------- */
  164. /* Size
  165. -------------------------- */
  166. /* z-index
  167. -------------------------- */
  168. /* Disable base
  169. -------------------------- */
  170. /* Icon
  171. -------------------------- */
  172. /* Checkbox
  173. -------------------------- */
  174. /* Radio
  175. -------------------------- */
  176. /* Select
  177. -------------------------- */
  178. /* Alert
  179. -------------------------- */
  180. /* MessageBox
  181. -------------------------- */
  182. /* Message
  183. -------------------------- */
  184. /* Notification
  185. -------------------------- */
  186. /* Input
  187. -------------------------- */
  188. /* Cascader
  189. -------------------------- */
  190. /* Group
  191. -------------------------- */
  192. /* Tab
  193. -------------------------- */
  194. /* Button
  195. -------------------------- */
  196. /* cascader
  197. -------------------------- */
  198. /* Switch
  199. -------------------------- */
  200. /* Dialog
  201. -------------------------- */
  202. /* Table
  203. -------------------------- */
  204. /* Pagination
  205. -------------------------- */
  206. /* Popup
  207. -------------------------- */
  208. /* Popover
  209. -------------------------- */
  210. /* Tooltip
  211. -------------------------- */
  212. /* Tag
  213. -------------------------- */
  214. /* Tree
  215. -------------------------- */
  216. /* Dropdown
  217. -------------------------- */
  218. /* Badge
  219. -------------------------- */
  220. /* Card
  221. --------------------------*/
  222. /* Slider
  223. --------------------------*/
  224. /* Steps
  225. --------------------------*/
  226. /* Menu
  227. --------------------------*/
  228. /* Rate
  229. --------------------------*/
  230. /* DatePicker
  231. --------------------------*/
  232. /* Loading
  233. --------------------------*/
  234. /* Scrollbar
  235. --------------------------*/
  236. /* Carousel
  237. --------------------------*/
  238. /* Collapse
  239. --------------------------*/
  240. /* Transfer
  241. --------------------------*/
  242. /* Header
  243. --------------------------*/
  244. /* Footer
  245. --------------------------*/
  246. /* Main
  247. --------------------------*/
  248. /* Timeline
  249. --------------------------*/
  250. /* Backtop
  251. --------------------------*/
  252. /* Link
  253. --------------------------*/
  254. /* Calendar
  255. --------------------------*/
  256. /* Form
  257. -------------------------- */
  258. /* Avatar
  259. --------------------------*/
  260. /* Empty
  261. -------------------------- */
  262. /* Descriptions
  263. -------------------------- */
  264. /* Skeleton
  265. --------------------------*/
  266. /* Svg
  267. --------------- */
  268. /* Result
  269. -------------------------- */
  270. /* Break-point
  271. --------------------------*/
  272. /* BEM support Func
  273. -------------------------- */
  274. /* Element Chalk Variables */
  275. /* Transition
  276. -------------------------- */
  277. /* Color
  278. -------------------------- */
  279. /* 53a8ff */
  280. /* 66b1ff */
  281. /* 79bbff */
  282. /* 8cc5ff */
  283. /* a0cfff */
  284. /* b3d8ff */
  285. /* c6e2ff */
  286. /* d9ecff */
  287. /* ecf5ff */
  288. /* Link
  289. -------------------------- */
  290. /* Border
  291. -------------------------- */
  292. /* Fill
  293. -------------------------- */
  294. /* Typography
  295. -------------------------- */
  296. /* Size
  297. -------------------------- */
  298. /* z-index
  299. -------------------------- */
  300. /* Disable base
  301. -------------------------- */
  302. /* Icon
  303. -------------------------- */
  304. /* Checkbox
  305. -------------------------- */
  306. /* Radio
  307. -------------------------- */
  308. /* Select
  309. -------------------------- */
  310. /* Alert
  311. -------------------------- */
  312. /* MessageBox
  313. -------------------------- */
  314. /* Message
  315. -------------------------- */
  316. /* Notification
  317. -------------------------- */
  318. /* Input
  319. -------------------------- */
  320. /* Cascader
  321. -------------------------- */
  322. /* Group
  323. -------------------------- */
  324. /* Tab
  325. -------------------------- */
  326. /* Button
  327. -------------------------- */
  328. /* cascader
  329. -------------------------- */
  330. /* Switch
  331. -------------------------- */
  332. /* Dialog
  333. -------------------------- */
  334. /* Table
  335. -------------------------- */
  336. /* Pagination
  337. -------------------------- */
  338. /* Popup
  339. -------------------------- */
  340. /* Popover
  341. -------------------------- */
  342. /* Tooltip
  343. -------------------------- */
  344. /* Tag
  345. -------------------------- */
  346. /* Tree
  347. -------------------------- */
  348. /* Dropdown
  349. -------------------------- */
  350. /* Badge
  351. -------------------------- */
  352. /* Card
  353. --------------------------*/
  354. /* Slider
  355. --------------------------*/
  356. /* Steps
  357. --------------------------*/
  358. /* Menu
  359. --------------------------*/
  360. /* Rate
  361. --------------------------*/
  362. /* DatePicker
  363. --------------------------*/
  364. /* Loading
  365. --------------------------*/
  366. /* Scrollbar
  367. --------------------------*/
  368. /* Carousel
  369. --------------------------*/
  370. /* Collapse
  371. --------------------------*/
  372. /* Transfer
  373. --------------------------*/
  374. /* Header
  375. --------------------------*/
  376. /* Footer
  377. --------------------------*/
  378. /* Main
  379. --------------------------*/
  380. /* Timeline
  381. --------------------------*/
  382. /* Backtop
  383. --------------------------*/
  384. /* Link
  385. --------------------------*/
  386. /* Calendar
  387. --------------------------*/
  388. /* Form
  389. -------------------------- */
  390. /* Avatar
  391. --------------------------*/
  392. /* Empty
  393. -------------------------- */
  394. /* Descriptions
  395. -------------------------- */
  396. /* Skeleton
  397. --------------------------*/
  398. /* Svg
  399. --------------- */
  400. /* Result
  401. -------------------------- */
  402. /* Break-point
  403. --------------------------*/
  404. /* Break-points
  405. -------------------------- */
  406. /* Scrollbar
  407. -------------------------- */
  408. /* Placeholder
  409. -------------------------- */
  410. /* BEM
  411. -------------------------- */
  412. /* Element Chalk Variables */
  413. /* Transition
  414. -------------------------- */
  415. /* Color
  416. -------------------------- */
  417. /* 53a8ff */
  418. /* 66b1ff */
  419. /* 79bbff */
  420. /* 8cc5ff */
  421. /* a0cfff */
  422. /* b3d8ff */
  423. /* c6e2ff */
  424. /* d9ecff */
  425. /* ecf5ff */
  426. /* Link
  427. -------------------------- */
  428. /* Border
  429. -------------------------- */
  430. /* Fill
  431. -------------------------- */
  432. /* Typography
  433. -------------------------- */
  434. /* Size
  435. -------------------------- */
  436. /* z-index
  437. -------------------------- */
  438. /* Disable base
  439. -------------------------- */
  440. /* Icon
  441. -------------------------- */
  442. /* Checkbox
  443. -------------------------- */
  444. /* Radio
  445. -------------------------- */
  446. /* Select
  447. -------------------------- */
  448. /* Alert
  449. -------------------------- */
  450. /* MessageBox
  451. -------------------------- */
  452. /* Message
  453. -------------------------- */
  454. /* Notification
  455. -------------------------- */
  456. /* Input
  457. -------------------------- */
  458. /* Cascader
  459. -------------------------- */
  460. /* Group
  461. -------------------------- */
  462. /* Tab
  463. -------------------------- */
  464. /* Button
  465. -------------------------- */
  466. /* cascader
  467. -------------------------- */
  468. /* Switch
  469. -------------------------- */
  470. /* Dialog
  471. -------------------------- */
  472. /* Table
  473. -------------------------- */
  474. /* Pagination
  475. -------------------------- */
  476. /* Popup
  477. -------------------------- */
  478. /* Popover
  479. -------------------------- */
  480. /* Tooltip
  481. -------------------------- */
  482. /* Tag
  483. -------------------------- */
  484. /* Tree
  485. -------------------------- */
  486. /* Dropdown
  487. -------------------------- */
  488. /* Badge
  489. -------------------------- */
  490. /* Card
  491. --------------------------*/
  492. /* Slider
  493. --------------------------*/
  494. /* Steps
  495. --------------------------*/
  496. /* Menu
  497. --------------------------*/
  498. /* Rate
  499. --------------------------*/
  500. /* DatePicker
  501. --------------------------*/
  502. /* Loading
  503. --------------------------*/
  504. /* Scrollbar
  505. --------------------------*/
  506. /* Carousel
  507. --------------------------*/
  508. /* Collapse
  509. --------------------------*/
  510. /* Transfer
  511. --------------------------*/
  512. /* Header
  513. --------------------------*/
  514. /* Footer
  515. --------------------------*/
  516. /* Main
  517. --------------------------*/
  518. /* Timeline
  519. --------------------------*/
  520. /* Backtop
  521. --------------------------*/
  522. /* Link
  523. --------------------------*/
  524. /* Calendar
  525. --------------------------*/
  526. /* Form
  527. -------------------------- */
  528. /* Avatar
  529. --------------------------*/
  530. /* Empty
  531. -------------------------- */
  532. /* Descriptions
  533. -------------------------- */
  534. /* Skeleton
  535. --------------------------*/
  536. /* Svg
  537. --------------- */
  538. /* Result
  539. -------------------------- */
  540. /* Break-point
  541. --------------------------*/
  542. .el-textarea {
  543. position: relative;
  544. display: inline-block;
  545. width: 100%;
  546. vertical-align: bottom;
  547. font-size: 14px; }
  548. .el-textarea__inner {
  549. display: block;
  550. resize: vertical;
  551. padding: 5px 15px;
  552. line-height: 1.5;
  553. -webkit-box-sizing: border-box;
  554. box-sizing: border-box;
  555. width: 100%;
  556. font-size: inherit;
  557. color: #606266;
  558. background-color: #FFFFFF;
  559. background-image: none;
  560. border: 1px solid #DCDFE6;
  561. border-radius: 4px;
  562. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  563. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  564. .el-textarea__inner::-webkit-input-placeholder {
  565. color: #C0C4CC; }
  566. .el-textarea__inner::-moz-placeholder {
  567. color: #C0C4CC; }
  568. .el-textarea__inner:-ms-input-placeholder {
  569. color: #C0C4CC; }
  570. .el-textarea__inner::-ms-input-placeholder {
  571. color: #C0C4CC; }
  572. .el-textarea__inner::placeholder {
  573. color: #C0C4CC; }
  574. .el-textarea__inner:hover {
  575. border-color: #C0C4CC; }
  576. .el-textarea__inner:focus {
  577. outline: none;
  578. border-color: #5075FC; }
  579. .el-textarea .el-input__count {
  580. color: #909399;
  581. background: #FFFFFF;
  582. position: absolute;
  583. font-size: 12px;
  584. bottom: 5px;
  585. right: 10px; }
  586. .el-textarea.is-disabled .el-textarea__inner {
  587. background-color: #F5F7FA;
  588. border-color: #E4E7ED;
  589. color: #C0C4CC;
  590. cursor: not-allowed; }
  591. .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
  592. color: #C0C4CC; }
  593. .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  594. color: #C0C4CC; }
  595. .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
  596. color: #C0C4CC; }
  597. .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
  598. color: #C0C4CC; }
  599. .el-textarea.is-disabled .el-textarea__inner::placeholder {
  600. color: #C0C4CC; }
  601. .el-textarea.is-exceed .el-textarea__inner {
  602. border-color: #F56C6C; }
  603. .el-textarea.is-exceed .el-input__count {
  604. color: #F56C6C; }
  605. .el-input {
  606. position: relative;
  607. font-size: 14px;
  608. display: inline-block;
  609. width: 100%; }
  610. .el-input::-webkit-scrollbar {
  611. z-index: 11;
  612. width: 6px; }
  613. .el-input::-webkit-scrollbar:horizontal {
  614. height: 6px; }
  615. .el-input::-webkit-scrollbar-thumb {
  616. border-radius: 5px;
  617. width: 6px;
  618. background: #b4bccc; }
  619. .el-input::-webkit-scrollbar-corner {
  620. background: #fff; }
  621. .el-input::-webkit-scrollbar-track {
  622. background: #fff; }
  623. .el-input::-webkit-scrollbar-track-piece {
  624. background: #fff;
  625. width: 6px; }
  626. .el-input .el-input__clear {
  627. color: #C0C4CC;
  628. font-size: 14px;
  629. cursor: pointer;
  630. -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  631. transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  632. .el-input .el-input__clear:hover {
  633. color: #909399; }
  634. .el-input .el-input__count {
  635. height: 100%;
  636. display: -webkit-inline-box;
  637. display: -ms-inline-flexbox;
  638. display: inline-flex;
  639. -webkit-box-align: center;
  640. -ms-flex-align: center;
  641. align-items: center;
  642. color: #909399;
  643. font-size: 12px; }
  644. .el-input .el-input__count .el-input__count-inner {
  645. background: #FFFFFF;
  646. line-height: initial;
  647. display: inline-block;
  648. padding: 0 5px; }
  649. .el-input__inner {
  650. -webkit-appearance: none;
  651. background-color: #FFFFFF;
  652. background-image: none;
  653. border-radius: 4px;
  654. border: 1px solid #DCDFE6;
  655. -webkit-box-sizing: border-box;
  656. box-sizing: border-box;
  657. color: #606266;
  658. display: inline-block;
  659. font-size: inherit;
  660. height: 40px;
  661. line-height: 40px;
  662. outline: none;
  663. padding: 0 15px;
  664. -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  665. transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  666. width: 100%; }
  667. .el-input__inner::-ms-reveal {
  668. display: none; }
  669. .el-input__inner::-webkit-input-placeholder {
  670. color: #C0C4CC; }
  671. .el-input__inner::-moz-placeholder {
  672. color: #C0C4CC; }
  673. .el-input__inner:-ms-input-placeholder {
  674. color: #C0C4CC; }
  675. .el-input__inner::-ms-input-placeholder {
  676. color: #C0C4CC; }
  677. .el-input__inner::placeholder {
  678. color: #C0C4CC; }
  679. .el-input__inner:hover {
  680. border-color: #C0C4CC; }
  681. .el-input__inner:focus {
  682. outline: none;
  683. border-color: #5075FC; }
  684. .el-input__suffix {
  685. position: absolute;
  686. height: 100%;
  687. right: 5px;
  688. top: 0;
  689. text-align: center;
  690. color: #C0C4CC;
  691. -webkit-transition: all .3s;
  692. transition: all .3s;
  693. pointer-events: none; }
  694. .el-input__suffix-inner {
  695. pointer-events: all; }
  696. .el-input__prefix {
  697. position: absolute;
  698. height: 100%;
  699. left: 5px;
  700. top: 0;
  701. text-align: center;
  702. color: #C0C4CC;
  703. -webkit-transition: all .3s;
  704. transition: all .3s; }
  705. .el-input__icon {
  706. height: 100%;
  707. width: 25px;
  708. text-align: center;
  709. -webkit-transition: all .3s;
  710. transition: all .3s;
  711. line-height: 40px; }
  712. .el-input__icon:after {
  713. content: '';
  714. height: 100%;
  715. width: 0;
  716. display: inline-block;
  717. vertical-align: middle; }
  718. .el-input__validateIcon {
  719. pointer-events: none; }
  720. .el-input.is-active .el-input__inner {
  721. outline: none;
  722. border-color: #5075FC; }
  723. .el-input.is-disabled .el-input__inner {
  724. background-color: #F5F7FA;
  725. border-color: #E4E7ED;
  726. color: #C0C4CC;
  727. cursor: not-allowed; }
  728. .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
  729. color: #C0C4CC; }
  730. .el-input.is-disabled .el-input__inner::-moz-placeholder {
  731. color: #C0C4CC; }
  732. .el-input.is-disabled .el-input__inner:-ms-input-placeholder {
  733. color: #C0C4CC; }
  734. .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
  735. color: #C0C4CC; }
  736. .el-input.is-disabled .el-input__inner::placeholder {
  737. color: #C0C4CC; }
  738. .el-input.is-disabled .el-input__icon {
  739. cursor: not-allowed; }
  740. .el-input.is-exceed .el-input__inner {
  741. border-color: #F56C6C; }
  742. .el-input.is-exceed .el-input__suffix .el-input__count {
  743. color: #F56C6C; }
  744. .el-input--suffix .el-input__inner {
  745. padding-right: 30px; }
  746. .el-input--prefix .el-input__inner {
  747. padding-left: 30px; }
  748. .el-input--medium {
  749. font-size: 14px; }
  750. .el-input--medium .el-input__inner {
  751. height: 36px;
  752. line-height: 36px; }
  753. .el-input--medium .el-input__icon {
  754. line-height: 36px; }
  755. .el-input--small {
  756. font-size: 13px; }
  757. .el-input--small .el-input__inner {
  758. height: 32px;
  759. line-height: 32px; }
  760. .el-input--small .el-input__icon {
  761. line-height: 32px; }
  762. .el-input--mini {
  763. font-size: 12px; }
  764. .el-input--mini .el-input__inner {
  765. height: 28px;
  766. line-height: 28px; }
  767. .el-input--mini .el-input__icon {
  768. line-height: 28px; }
  769. .el-input-group {
  770. line-height: normal;
  771. display: inline-table;
  772. width: 100%;
  773. border-collapse: separate;
  774. border-spacing: 0; }
  775. .el-input-group > .el-input__inner {
  776. vertical-align: middle;
  777. display: table-cell; }
  778. .el-input-group__append, .el-input-group__prepend {
  779. background-color: #F5F7FA;
  780. color: #909399;
  781. vertical-align: middle;
  782. display: table-cell;
  783. position: relative;
  784. border: 1px solid #DCDFE6;
  785. border-radius: 4px;
  786. padding: 0 20px;
  787. width: 1px;
  788. white-space: nowrap; }
  789. .el-input-group__append:focus, .el-input-group__prepend:focus {
  790. outline: none; }
  791. .el-input-group__append .el-select,
  792. .el-input-group__append .el-button, .el-input-group__prepend .el-select,
  793. .el-input-group__prepend .el-button {
  794. display: inline-block;
  795. margin: -10px -20px; }
  796. .el-input-group__append button.el-button,
  797. .el-input-group__append div.el-select .el-input__inner,
  798. .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button,
  799. .el-input-group__prepend div.el-select .el-input__inner,
  800. .el-input-group__prepend div.el-select:hover .el-input__inner {
  801. border-color: transparent;
  802. background-color: transparent;
  803. color: inherit;
  804. border-top: 0;
  805. border-bottom: 0; }
  806. .el-input-group__append .el-button,
  807. .el-input-group__append .el-input, .el-input-group__prepend .el-button,
  808. .el-input-group__prepend .el-input {
  809. font-size: inherit; }
  810. .el-input-group__prepend {
  811. border-right: 0;
  812. border-top-right-radius: 0;
  813. border-bottom-right-radius: 0; }
  814. .el-input-group__append {
  815. border-left: 0;
  816. border-top-left-radius: 0;
  817. border-bottom-left-radius: 0; }
  818. .el-input-group--prepend .el-input__inner {
  819. border-top-left-radius: 0;
  820. border-bottom-left-radius: 0; }
  821. .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  822. border-color: transparent; }
  823. .el-input-group--append .el-input__inner {
  824. border-top-right-radius: 0;
  825. border-bottom-right-radius: 0; }
  826. .el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  827. border-color: transparent; }
  828. /** disalbe default clear on IE */
  829. .el-input__inner::-ms-clear {
  830. display: none;
  831. width: 0;
  832. height: 0; }
  833. /* BEM support Func
  834. -------------------------- */
  835. /* Element Chalk Variables */
  836. /* Transition
  837. -------------------------- */
  838. /* Color
  839. -------------------------- */
  840. /* 53a8ff */
  841. /* 66b1ff */
  842. /* 79bbff */
  843. /* 8cc5ff */
  844. /* a0cfff */
  845. /* b3d8ff */
  846. /* c6e2ff */
  847. /* d9ecff */
  848. /* ecf5ff */
  849. /* Link
  850. -------------------------- */
  851. /* Border
  852. -------------------------- */
  853. /* Fill
  854. -------------------------- */
  855. /* Typography
  856. -------------------------- */
  857. /* Size
  858. -------------------------- */
  859. /* z-index
  860. -------------------------- */
  861. /* Disable base
  862. -------------------------- */
  863. /* Icon
  864. -------------------------- */
  865. /* Checkbox
  866. -------------------------- */
  867. /* Radio
  868. -------------------------- */
  869. /* Select
  870. -------------------------- */
  871. /* Alert
  872. -------------------------- */
  873. /* MessageBox
  874. -------------------------- */
  875. /* Message
  876. -------------------------- */
  877. /* Notification
  878. -------------------------- */
  879. /* Input
  880. -------------------------- */
  881. /* Cascader
  882. -------------------------- */
  883. /* Group
  884. -------------------------- */
  885. /* Tab
  886. -------------------------- */
  887. /* Button
  888. -------------------------- */
  889. /* cascader
  890. -------------------------- */
  891. /* Switch
  892. -------------------------- */
  893. /* Dialog
  894. -------------------------- */
  895. /* Table
  896. -------------------------- */
  897. /* Pagination
  898. -------------------------- */
  899. /* Popup
  900. -------------------------- */
  901. /* Popover
  902. -------------------------- */
  903. /* Tooltip
  904. -------------------------- */
  905. /* Tag
  906. -------------------------- */
  907. /* Tree
  908. -------------------------- */
  909. /* Dropdown
  910. -------------------------- */
  911. /* Badge
  912. -------------------------- */
  913. /* Card
  914. --------------------------*/
  915. /* Slider
  916. --------------------------*/
  917. /* Steps
  918. --------------------------*/
  919. /* Menu
  920. --------------------------*/
  921. /* Rate
  922. --------------------------*/
  923. /* DatePicker
  924. --------------------------*/
  925. /* Loading
  926. --------------------------*/
  927. /* Scrollbar
  928. --------------------------*/
  929. /* Carousel
  930. --------------------------*/
  931. /* Collapse
  932. --------------------------*/
  933. /* Transfer
  934. --------------------------*/
  935. /* Header
  936. --------------------------*/
  937. /* Footer
  938. --------------------------*/
  939. /* Main
  940. --------------------------*/
  941. /* Timeline
  942. --------------------------*/
  943. /* Backtop
  944. --------------------------*/
  945. /* Link
  946. --------------------------*/
  947. /* Calendar
  948. --------------------------*/
  949. /* Form
  950. -------------------------- */
  951. /* Avatar
  952. --------------------------*/
  953. /* Empty
  954. -------------------------- */
  955. /* Descriptions
  956. -------------------------- */
  957. /* Skeleton
  958. --------------------------*/
  959. /* Svg
  960. --------------- */
  961. /* Result
  962. -------------------------- */
  963. /* Break-point
  964. --------------------------*/
  965. /* Break-points
  966. -------------------------- */
  967. /* Scrollbar
  968. -------------------------- */
  969. /* Placeholder
  970. -------------------------- */
  971. /* BEM
  972. -------------------------- */
  973. /* Element Chalk Variables */
  974. /* Transition
  975. -------------------------- */
  976. /* Color
  977. -------------------------- */
  978. /* 53a8ff */
  979. /* 66b1ff */
  980. /* 79bbff */
  981. /* 8cc5ff */
  982. /* a0cfff */
  983. /* b3d8ff */
  984. /* c6e2ff */
  985. /* d9ecff */
  986. /* ecf5ff */
  987. /* Link
  988. -------------------------- */
  989. /* Border
  990. -------------------------- */
  991. /* Fill
  992. -------------------------- */
  993. /* Typography
  994. -------------------------- */
  995. /* Size
  996. -------------------------- */
  997. /* z-index
  998. -------------------------- */
  999. /* Disable base
  1000. -------------------------- */
  1001. /* Icon
  1002. -------------------------- */
  1003. /* Checkbox
  1004. -------------------------- */
  1005. /* Radio
  1006. -------------------------- */
  1007. /* Select
  1008. -------------------------- */
  1009. /* Alert
  1010. -------------------------- */
  1011. /* MessageBox
  1012. -------------------------- */
  1013. /* Message
  1014. -------------------------- */
  1015. /* Notification
  1016. -------------------------- */
  1017. /* Input
  1018. -------------------------- */
  1019. /* Cascader
  1020. -------------------------- */
  1021. /* Group
  1022. -------------------------- */
  1023. /* Tab
  1024. -------------------------- */
  1025. /* Button
  1026. -------------------------- */
  1027. /* cascader
  1028. -------------------------- */
  1029. /* Switch
  1030. -------------------------- */
  1031. /* Dialog
  1032. -------------------------- */
  1033. /* Table
  1034. -------------------------- */
  1035. /* Pagination
  1036. -------------------------- */
  1037. /* Popup
  1038. -------------------------- */
  1039. /* Popover
  1040. -------------------------- */
  1041. /* Tooltip
  1042. -------------------------- */
  1043. /* Tag
  1044. -------------------------- */
  1045. /* Tree
  1046. -------------------------- */
  1047. /* Dropdown
  1048. -------------------------- */
  1049. /* Badge
  1050. -------------------------- */
  1051. /* Card
  1052. --------------------------*/
  1053. /* Slider
  1054. --------------------------*/
  1055. /* Steps
  1056. --------------------------*/
  1057. /* Menu
  1058. --------------------------*/
  1059. /* Rate
  1060. --------------------------*/
  1061. /* DatePicker
  1062. --------------------------*/
  1063. /* Loading
  1064. --------------------------*/
  1065. /* Scrollbar
  1066. --------------------------*/
  1067. /* Carousel
  1068. --------------------------*/
  1069. /* Collapse
  1070. --------------------------*/
  1071. /* Transfer
  1072. --------------------------*/
  1073. /* Header
  1074. --------------------------*/
  1075. /* Footer
  1076. --------------------------*/
  1077. /* Main
  1078. --------------------------*/
  1079. /* Timeline
  1080. --------------------------*/
  1081. /* Backtop
  1082. --------------------------*/
  1083. /* Link
  1084. --------------------------*/
  1085. /* Calendar
  1086. --------------------------*/
  1087. /* Form
  1088. -------------------------- */
  1089. /* Avatar
  1090. --------------------------*/
  1091. /* Empty
  1092. -------------------------- */
  1093. /* Descriptions
  1094. -------------------------- */
  1095. /* Skeleton
  1096. --------------------------*/
  1097. /* Svg
  1098. --------------- */
  1099. /* Result
  1100. -------------------------- */
  1101. /* Break-point
  1102. --------------------------*/
  1103. .el-popper .popper__arrow,
  1104. .el-popper .popper__arrow::after {
  1105. position: absolute;
  1106. display: block;
  1107. width: 0;
  1108. height: 0;
  1109. border-color: transparent;
  1110. border-style: solid; }
  1111. .el-popper .popper__arrow {
  1112. border-width: 6px;
  1113. -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  1114. filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
  1115. .el-popper .popper__arrow::after {
  1116. content: " ";
  1117. border-width: 6px; }
  1118. .el-popper[x-placement^="top"] {
  1119. margin-bottom: 12px; }
  1120. .el-popper[x-placement^="top"] .popper__arrow {
  1121. bottom: -6px;
  1122. left: 50%;
  1123. margin-right: 3px;
  1124. border-top-color: #EBEEF5;
  1125. border-bottom-width: 0; }
  1126. .el-popper[x-placement^="top"] .popper__arrow::after {
  1127. bottom: 1px;
  1128. margin-left: -6px;
  1129. border-top-color: #FFFFFF;
  1130. border-bottom-width: 0; }
  1131. .el-popper[x-placement^="bottom"] {
  1132. margin-top: 12px; }
  1133. .el-popper[x-placement^="bottom"] .popper__arrow {
  1134. top: -6px;
  1135. left: 50%;
  1136. margin-right: 3px;
  1137. border-top-width: 0;
  1138. border-bottom-color: #EBEEF5; }
  1139. .el-popper[x-placement^="bottom"] .popper__arrow::after {
  1140. top: 1px;
  1141. margin-left: -6px;
  1142. border-top-width: 0;
  1143. border-bottom-color: #FFFFFF; }
  1144. .el-popper[x-placement^="right"] {
  1145. margin-left: 12px; }
  1146. .el-popper[x-placement^="right"] .popper__arrow {
  1147. top: 50%;
  1148. left: -6px;
  1149. margin-bottom: 3px;
  1150. border-right-color: #EBEEF5;
  1151. border-left-width: 0; }
  1152. .el-popper[x-placement^="right"] .popper__arrow::after {
  1153. bottom: -6px;
  1154. left: 1px;
  1155. border-right-color: #FFFFFF;
  1156. border-left-width: 0; }
  1157. .el-popper[x-placement^="left"] {
  1158. margin-right: 12px; }
  1159. .el-popper[x-placement^="left"] .popper__arrow {
  1160. top: 50%;
  1161. right: -6px;
  1162. margin-bottom: 3px;
  1163. border-right-width: 0;
  1164. border-left-color: #EBEEF5; }
  1165. .el-popper[x-placement^="left"] .popper__arrow::after {
  1166. right: 1px;
  1167. bottom: -6px;
  1168. margin-left: -6px;
  1169. border-right-width: 0;
  1170. border-left-color: #FFFFFF; }
  1171. /* BEM support Func
  1172. -------------------------- */
  1173. /* Element Chalk Variables */
  1174. /* Transition
  1175. -------------------------- */
  1176. /* Color
  1177. -------------------------- */
  1178. /* 53a8ff */
  1179. /* 66b1ff */
  1180. /* 79bbff */
  1181. /* 8cc5ff */
  1182. /* a0cfff */
  1183. /* b3d8ff */
  1184. /* c6e2ff */
  1185. /* d9ecff */
  1186. /* ecf5ff */
  1187. /* Link
  1188. -------------------------- */
  1189. /* Border
  1190. -------------------------- */
  1191. /* Fill
  1192. -------------------------- */
  1193. /* Typography
  1194. -------------------------- */
  1195. /* Size
  1196. -------------------------- */
  1197. /* z-index
  1198. -------------------------- */
  1199. /* Disable base
  1200. -------------------------- */
  1201. /* Icon
  1202. -------------------------- */
  1203. /* Checkbox
  1204. -------------------------- */
  1205. /* Radio
  1206. -------------------------- */
  1207. /* Select
  1208. -------------------------- */
  1209. /* Alert
  1210. -------------------------- */
  1211. /* MessageBox
  1212. -------------------------- */
  1213. /* Message
  1214. -------------------------- */
  1215. /* Notification
  1216. -------------------------- */
  1217. /* Input
  1218. -------------------------- */
  1219. /* Cascader
  1220. -------------------------- */
  1221. /* Group
  1222. -------------------------- */
  1223. /* Tab
  1224. -------------------------- */
  1225. /* Button
  1226. -------------------------- */
  1227. /* cascader
  1228. -------------------------- */
  1229. /* Switch
  1230. -------------------------- */
  1231. /* Dialog
  1232. -------------------------- */
  1233. /* Table
  1234. -------------------------- */
  1235. /* Pagination
  1236. -------------------------- */
  1237. /* Popup
  1238. -------------------------- */
  1239. /* Popover
  1240. -------------------------- */
  1241. /* Tooltip
  1242. -------------------------- */
  1243. /* Tag
  1244. -------------------------- */
  1245. /* Tree
  1246. -------------------------- */
  1247. /* Dropdown
  1248. -------------------------- */
  1249. /* Badge
  1250. -------------------------- */
  1251. /* Card
  1252. --------------------------*/
  1253. /* Slider
  1254. --------------------------*/
  1255. /* Steps
  1256. --------------------------*/
  1257. /* Menu
  1258. --------------------------*/
  1259. /* Rate
  1260. --------------------------*/
  1261. /* DatePicker
  1262. --------------------------*/
  1263. /* Loading
  1264. --------------------------*/
  1265. /* Scrollbar
  1266. --------------------------*/
  1267. /* Carousel
  1268. --------------------------*/
  1269. /* Collapse
  1270. --------------------------*/
  1271. /* Transfer
  1272. --------------------------*/
  1273. /* Header
  1274. --------------------------*/
  1275. /* Footer
  1276. --------------------------*/
  1277. /* Main
  1278. --------------------------*/
  1279. /* Timeline
  1280. --------------------------*/
  1281. /* Backtop
  1282. --------------------------*/
  1283. /* Link
  1284. --------------------------*/
  1285. /* Calendar
  1286. --------------------------*/
  1287. /* Form
  1288. -------------------------- */
  1289. /* Avatar
  1290. --------------------------*/
  1291. /* Empty
  1292. -------------------------- */
  1293. /* Descriptions
  1294. -------------------------- */
  1295. /* Skeleton
  1296. --------------------------*/
  1297. /* Svg
  1298. --------------- */
  1299. /* Result
  1300. -------------------------- */
  1301. /* Break-point
  1302. --------------------------*/
  1303. /* Break-points
  1304. -------------------------- */
  1305. /* Scrollbar
  1306. -------------------------- */
  1307. /* Placeholder
  1308. -------------------------- */
  1309. /* BEM
  1310. -------------------------- */
  1311. /* Element Chalk Variables */
  1312. /* Transition
  1313. -------------------------- */
  1314. /* Color
  1315. -------------------------- */
  1316. /* 53a8ff */
  1317. /* 66b1ff */
  1318. /* 79bbff */
  1319. /* 8cc5ff */
  1320. /* a0cfff */
  1321. /* b3d8ff */
  1322. /* c6e2ff */
  1323. /* d9ecff */
  1324. /* ecf5ff */
  1325. /* Link
  1326. -------------------------- */
  1327. /* Border
  1328. -------------------------- */
  1329. /* Fill
  1330. -------------------------- */
  1331. /* Typography
  1332. -------------------------- */
  1333. /* Size
  1334. -------------------------- */
  1335. /* z-index
  1336. -------------------------- */
  1337. /* Disable base
  1338. -------------------------- */
  1339. /* Icon
  1340. -------------------------- */
  1341. /* Checkbox
  1342. -------------------------- */
  1343. /* Radio
  1344. -------------------------- */
  1345. /* Select
  1346. -------------------------- */
  1347. /* Alert
  1348. -------------------------- */
  1349. /* MessageBox
  1350. -------------------------- */
  1351. /* Message
  1352. -------------------------- */
  1353. /* Notification
  1354. -------------------------- */
  1355. /* Input
  1356. -------------------------- */
  1357. /* Cascader
  1358. -------------------------- */
  1359. /* Group
  1360. -------------------------- */
  1361. /* Tab
  1362. -------------------------- */
  1363. /* Button
  1364. -------------------------- */
  1365. /* cascader
  1366. -------------------------- */
  1367. /* Switch
  1368. -------------------------- */
  1369. /* Dialog
  1370. -------------------------- */
  1371. /* Table
  1372. -------------------------- */
  1373. /* Pagination
  1374. -------------------------- */
  1375. /* Popup
  1376. -------------------------- */
  1377. /* Popover
  1378. -------------------------- */
  1379. /* Tooltip
  1380. -------------------------- */
  1381. /* Tag
  1382. -------------------------- */
  1383. /* Tree
  1384. -------------------------- */
  1385. /* Dropdown
  1386. -------------------------- */
  1387. /* Badge
  1388. -------------------------- */
  1389. /* Card
  1390. --------------------------*/
  1391. /* Slider
  1392. --------------------------*/
  1393. /* Steps
  1394. --------------------------*/
  1395. /* Menu
  1396. --------------------------*/
  1397. /* Rate
  1398. --------------------------*/
  1399. /* DatePicker
  1400. --------------------------*/
  1401. /* Loading
  1402. --------------------------*/
  1403. /* Scrollbar
  1404. --------------------------*/
  1405. /* Carousel
  1406. --------------------------*/
  1407. /* Collapse
  1408. --------------------------*/
  1409. /* Transfer
  1410. --------------------------*/
  1411. /* Header
  1412. --------------------------*/
  1413. /* Footer
  1414. --------------------------*/
  1415. /* Main
  1416. --------------------------*/
  1417. /* Timeline
  1418. --------------------------*/
  1419. /* Backtop
  1420. --------------------------*/
  1421. /* Link
  1422. --------------------------*/
  1423. /* Calendar
  1424. --------------------------*/
  1425. /* Form
  1426. -------------------------- */
  1427. /* Avatar
  1428. --------------------------*/
  1429. /* Empty
  1430. -------------------------- */
  1431. /* Descriptions
  1432. -------------------------- */
  1433. /* Skeleton
  1434. --------------------------*/
  1435. /* Svg
  1436. --------------- */
  1437. /* Result
  1438. -------------------------- */
  1439. /* Break-point
  1440. --------------------------*/
  1441. .el-tag {
  1442. background-color: #eef1ff;
  1443. border-color: #dce3fe;
  1444. color: #5075fc;
  1445. display: inline-block;
  1446. height: 32px;
  1447. padding: 0 10px;
  1448. line-height: 30px;
  1449. font-size: 12px;
  1450. color: #5075FC;
  1451. border-width: 1px;
  1452. border-style: solid;
  1453. border-radius: 4px;
  1454. -webkit-box-sizing: border-box;
  1455. box-sizing: border-box;
  1456. white-space: nowrap; }
  1457. .el-tag.is-hit {
  1458. border-color: #5075FC; }
  1459. .el-tag .el-tag__close {
  1460. color: #5075fc; }
  1461. .el-tag .el-tag__close:hover {
  1462. color: #FFFFFF;
  1463. background-color: #5075fc; }
  1464. .el-tag.el-tag--info {
  1465. background-color: #f4f4f5;
  1466. border-color: #e9e9eb;
  1467. color: #909399; }
  1468. .el-tag.el-tag--info.is-hit {
  1469. border-color: #909399; }
  1470. .el-tag.el-tag--info .el-tag__close {
  1471. color: #909399; }
  1472. .el-tag.el-tag--info .el-tag__close:hover {
  1473. color: #FFFFFF;
  1474. background-color: #909399; }
  1475. .el-tag.el-tag--success {
  1476. background-color: #f0f9eb;
  1477. border-color: #e1f3d8;
  1478. color: #67c23a; }
  1479. .el-tag.el-tag--success.is-hit {
  1480. border-color: #67C23A; }
  1481. .el-tag.el-tag--success .el-tag__close {
  1482. color: #67c23a; }
  1483. .el-tag.el-tag--success .el-tag__close:hover {
  1484. color: #FFFFFF;
  1485. background-color: #67c23a; }
  1486. .el-tag.el-tag--warning {
  1487. background-color: #fdf6ec;
  1488. border-color: #faecd8;
  1489. color: #e6a23c; }
  1490. .el-tag.el-tag--warning.is-hit {
  1491. border-color: #E6A23C; }
  1492. .el-tag.el-tag--warning .el-tag__close {
  1493. color: #e6a23c; }
  1494. .el-tag.el-tag--warning .el-tag__close:hover {
  1495. color: #FFFFFF;
  1496. background-color: #e6a23c; }
  1497. .el-tag.el-tag--danger {
  1498. background-color: #fef0f0;
  1499. border-color: #fde2e2;
  1500. color: #f56c6c; }
  1501. .el-tag.el-tag--danger.is-hit {
  1502. border-color: #F56C6C; }
  1503. .el-tag.el-tag--danger .el-tag__close {
  1504. color: #f56c6c; }
  1505. .el-tag.el-tag--danger .el-tag__close:hover {
  1506. color: #FFFFFF;
  1507. background-color: #f56c6c; }
  1508. .el-tag .el-icon-close {
  1509. border-radius: 50%;
  1510. text-align: center;
  1511. position: relative;
  1512. cursor: pointer;
  1513. font-size: 12px;
  1514. height: 16px;
  1515. width: 16px;
  1516. line-height: 16px;
  1517. vertical-align: middle;
  1518. top: -1px;
  1519. right: -5px; }
  1520. .el-tag .el-icon-close::before {
  1521. display: block; }
  1522. .el-tag--dark {
  1523. background-color: #5075fc;
  1524. border-color: #5075fc;
  1525. color: white; }
  1526. .el-tag--dark.is-hit {
  1527. border-color: #5075FC; }
  1528. .el-tag--dark .el-tag__close {
  1529. color: white; }
  1530. .el-tag--dark .el-tag__close:hover {
  1531. color: #FFFFFF;
  1532. background-color: #7391fd; }
  1533. .el-tag--dark.el-tag--info {
  1534. background-color: #909399;
  1535. border-color: #909399;
  1536. color: white; }
  1537. .el-tag--dark.el-tag--info.is-hit {
  1538. border-color: #909399; }
  1539. .el-tag--dark.el-tag--info .el-tag__close {
  1540. color: white; }
  1541. .el-tag--dark.el-tag--info .el-tag__close:hover {
  1542. color: #FFFFFF;
  1543. background-color: #a6a9ad; }
  1544. .el-tag--dark.el-tag--success {
  1545. background-color: #67c23a;
  1546. border-color: #67c23a;
  1547. color: white; }
  1548. .el-tag--dark.el-tag--success.is-hit {
  1549. border-color: #67C23A; }
  1550. .el-tag--dark.el-tag--success .el-tag__close {
  1551. color: white; }
  1552. .el-tag--dark.el-tag--success .el-tag__close:hover {
  1553. color: #FFFFFF;
  1554. background-color: #85ce61; }
  1555. .el-tag--dark.el-tag--warning {
  1556. background-color: #e6a23c;
  1557. border-color: #e6a23c;
  1558. color: white; }
  1559. .el-tag--dark.el-tag--warning.is-hit {
  1560. border-color: #E6A23C; }
  1561. .el-tag--dark.el-tag--warning .el-tag__close {
  1562. color: white; }
  1563. .el-tag--dark.el-tag--warning .el-tag__close:hover {
  1564. color: #FFFFFF;
  1565. background-color: #ebb563; }
  1566. .el-tag--dark.el-tag--danger {
  1567. background-color: #f56c6c;
  1568. border-color: #f56c6c;
  1569. color: white; }
  1570. .el-tag--dark.el-tag--danger.is-hit {
  1571. border-color: #F56C6C; }
  1572. .el-tag--dark.el-tag--danger .el-tag__close {
  1573. color: white; }
  1574. .el-tag--dark.el-tag--danger .el-tag__close:hover {
  1575. color: #FFFFFF;
  1576. background-color: #f78989; }
  1577. .el-tag--plain {
  1578. background-color: white;
  1579. border-color: #b9c8fe;
  1580. color: #5075fc; }
  1581. .el-tag--plain.is-hit {
  1582. border-color: #5075FC; }
  1583. .el-tag--plain .el-tag__close {
  1584. color: #5075fc; }
  1585. .el-tag--plain .el-tag__close:hover {
  1586. color: #FFFFFF;
  1587. background-color: #5075fc; }
  1588. .el-tag--plain.el-tag--info {
  1589. background-color: white;
  1590. border-color: #d3d4d6;
  1591. color: #909399; }
  1592. .el-tag--plain.el-tag--info.is-hit {
  1593. border-color: #909399; }
  1594. .el-tag--plain.el-tag--info .el-tag__close {
  1595. color: #909399; }
  1596. .el-tag--plain.el-tag--info .el-tag__close:hover {
  1597. color: #FFFFFF;
  1598. background-color: #909399; }
  1599. .el-tag--plain.el-tag--success {
  1600. background-color: white;
  1601. border-color: #c2e7b0;
  1602. color: #67c23a; }
  1603. .el-tag--plain.el-tag--success.is-hit {
  1604. border-color: #67C23A; }
  1605. .el-tag--plain.el-tag--success .el-tag__close {
  1606. color: #67c23a; }
  1607. .el-tag--plain.el-tag--success .el-tag__close:hover {
  1608. color: #FFFFFF;
  1609. background-color: #67c23a; }
  1610. .el-tag--plain.el-tag--warning {
  1611. background-color: white;
  1612. border-color: #f5dab1;
  1613. color: #e6a23c; }
  1614. .el-tag--plain.el-tag--warning.is-hit {
  1615. border-color: #E6A23C; }
  1616. .el-tag--plain.el-tag--warning .el-tag__close {
  1617. color: #e6a23c; }
  1618. .el-tag--plain.el-tag--warning .el-tag__close:hover {
  1619. color: #FFFFFF;
  1620. background-color: #e6a23c; }
  1621. .el-tag--plain.el-tag--danger {
  1622. background-color: white;
  1623. border-color: #fbc4c4;
  1624. color: #f56c6c; }
  1625. .el-tag--plain.el-tag--danger.is-hit {
  1626. border-color: #F56C6C; }
  1627. .el-tag--plain.el-tag--danger .el-tag__close {
  1628. color: #f56c6c; }
  1629. .el-tag--plain.el-tag--danger .el-tag__close:hover {
  1630. color: #FFFFFF;
  1631. background-color: #f56c6c; }
  1632. .el-tag--medium {
  1633. height: 28px;
  1634. line-height: 26px; }
  1635. .el-tag--medium .el-icon-close {
  1636. -webkit-transform: scale(0.8);
  1637. transform: scale(0.8); }
  1638. .el-tag--small {
  1639. height: 24px;
  1640. padding: 0 8px;
  1641. line-height: 22px; }
  1642. .el-tag--small .el-icon-close {
  1643. -webkit-transform: scale(0.8);
  1644. transform: scale(0.8); }
  1645. .el-tag--mini {
  1646. height: 20px;
  1647. padding: 0 5px;
  1648. line-height: 19px; }
  1649. .el-tag--mini .el-icon-close {
  1650. margin-left: -3px;
  1651. -webkit-transform: scale(0.7);
  1652. transform: scale(0.7); }
  1653. /* BEM support Func
  1654. -------------------------- */
  1655. /* Element Chalk Variables */
  1656. /* Transition
  1657. -------------------------- */
  1658. /* Color
  1659. -------------------------- */
  1660. /* 53a8ff */
  1661. /* 66b1ff */
  1662. /* 79bbff */
  1663. /* 8cc5ff */
  1664. /* a0cfff */
  1665. /* b3d8ff */
  1666. /* c6e2ff */
  1667. /* d9ecff */
  1668. /* ecf5ff */
  1669. /* Link
  1670. -------------------------- */
  1671. /* Border
  1672. -------------------------- */
  1673. /* Fill
  1674. -------------------------- */
  1675. /* Typography
  1676. -------------------------- */
  1677. /* Size
  1678. -------------------------- */
  1679. /* z-index
  1680. -------------------------- */
  1681. /* Disable base
  1682. -------------------------- */
  1683. /* Icon
  1684. -------------------------- */
  1685. /* Checkbox
  1686. -------------------------- */
  1687. /* Radio
  1688. -------------------------- */
  1689. /* Select
  1690. -------------------------- */
  1691. /* Alert
  1692. -------------------------- */
  1693. /* MessageBox
  1694. -------------------------- */
  1695. /* Message
  1696. -------------------------- */
  1697. /* Notification
  1698. -------------------------- */
  1699. /* Input
  1700. -------------------------- */
  1701. /* Cascader
  1702. -------------------------- */
  1703. /* Group
  1704. -------------------------- */
  1705. /* Tab
  1706. -------------------------- */
  1707. /* Button
  1708. -------------------------- */
  1709. /* cascader
  1710. -------------------------- */
  1711. /* Switch
  1712. -------------------------- */
  1713. /* Dialog
  1714. -------------------------- */
  1715. /* Table
  1716. -------------------------- */
  1717. /* Pagination
  1718. -------------------------- */
  1719. /* Popup
  1720. -------------------------- */
  1721. /* Popover
  1722. -------------------------- */
  1723. /* Tooltip
  1724. -------------------------- */
  1725. /* Tag
  1726. -------------------------- */
  1727. /* Tree
  1728. -------------------------- */
  1729. /* Dropdown
  1730. -------------------------- */
  1731. /* Badge
  1732. -------------------------- */
  1733. /* Card
  1734. --------------------------*/
  1735. /* Slider
  1736. --------------------------*/
  1737. /* Steps
  1738. --------------------------*/
  1739. /* Menu
  1740. --------------------------*/
  1741. /* Rate
  1742. --------------------------*/
  1743. /* DatePicker
  1744. --------------------------*/
  1745. /* Loading
  1746. --------------------------*/
  1747. /* Scrollbar
  1748. --------------------------*/
  1749. /* Carousel
  1750. --------------------------*/
  1751. /* Collapse
  1752. --------------------------*/
  1753. /* Transfer
  1754. --------------------------*/
  1755. /* Header
  1756. --------------------------*/
  1757. /* Footer
  1758. --------------------------*/
  1759. /* Main
  1760. --------------------------*/
  1761. /* Timeline
  1762. --------------------------*/
  1763. /* Backtop
  1764. --------------------------*/
  1765. /* Link
  1766. --------------------------*/
  1767. /* Calendar
  1768. --------------------------*/
  1769. /* Form
  1770. -------------------------- */
  1771. /* Avatar
  1772. --------------------------*/
  1773. /* Empty
  1774. -------------------------- */
  1775. /* Descriptions
  1776. -------------------------- */
  1777. /* Skeleton
  1778. --------------------------*/
  1779. /* Svg
  1780. --------------- */
  1781. /* Result
  1782. -------------------------- */
  1783. /* Break-point
  1784. --------------------------*/
  1785. /* Break-points
  1786. -------------------------- */
  1787. /* Scrollbar
  1788. -------------------------- */
  1789. /* Placeholder
  1790. -------------------------- */
  1791. /* BEM
  1792. -------------------------- */
  1793. /* Element Chalk Variables */
  1794. /* Transition
  1795. -------------------------- */
  1796. /* Color
  1797. -------------------------- */
  1798. /* 53a8ff */
  1799. /* 66b1ff */
  1800. /* 79bbff */
  1801. /* 8cc5ff */
  1802. /* a0cfff */
  1803. /* b3d8ff */
  1804. /* c6e2ff */
  1805. /* d9ecff */
  1806. /* ecf5ff */
  1807. /* Link
  1808. -------------------------- */
  1809. /* Border
  1810. -------------------------- */
  1811. /* Fill
  1812. -------------------------- */
  1813. /* Typography
  1814. -------------------------- */
  1815. /* Size
  1816. -------------------------- */
  1817. /* z-index
  1818. -------------------------- */
  1819. /* Disable base
  1820. -------------------------- */
  1821. /* Icon
  1822. -------------------------- */
  1823. /* Checkbox
  1824. -------------------------- */
  1825. /* Radio
  1826. -------------------------- */
  1827. /* Select
  1828. -------------------------- */
  1829. /* Alert
  1830. -------------------------- */
  1831. /* MessageBox
  1832. -------------------------- */
  1833. /* Message
  1834. -------------------------- */
  1835. /* Notification
  1836. -------------------------- */
  1837. /* Input
  1838. -------------------------- */
  1839. /* Cascader
  1840. -------------------------- */
  1841. /* Group
  1842. -------------------------- */
  1843. /* Tab
  1844. -------------------------- */
  1845. /* Button
  1846. -------------------------- */
  1847. /* cascader
  1848. -------------------------- */
  1849. /* Switch
  1850. -------------------------- */
  1851. /* Dialog
  1852. -------------------------- */
  1853. /* Table
  1854. -------------------------- */
  1855. /* Pagination
  1856. -------------------------- */
  1857. /* Popup
  1858. -------------------------- */
  1859. /* Popover
  1860. -------------------------- */
  1861. /* Tooltip
  1862. -------------------------- */
  1863. /* Tag
  1864. -------------------------- */
  1865. /* Tree
  1866. -------------------------- */
  1867. /* Dropdown
  1868. -------------------------- */
  1869. /* Badge
  1870. -------------------------- */
  1871. /* Card
  1872. --------------------------*/
  1873. /* Slider
  1874. --------------------------*/
  1875. /* Steps
  1876. --------------------------*/
  1877. /* Menu
  1878. --------------------------*/
  1879. /* Rate
  1880. --------------------------*/
  1881. /* DatePicker
  1882. --------------------------*/
  1883. /* Loading
  1884. --------------------------*/
  1885. /* Scrollbar
  1886. --------------------------*/
  1887. /* Carousel
  1888. --------------------------*/
  1889. /* Collapse
  1890. --------------------------*/
  1891. /* Transfer
  1892. --------------------------*/
  1893. /* Header
  1894. --------------------------*/
  1895. /* Footer
  1896. --------------------------*/
  1897. /* Main
  1898. --------------------------*/
  1899. /* Timeline
  1900. --------------------------*/
  1901. /* Backtop
  1902. --------------------------*/
  1903. /* Link
  1904. --------------------------*/
  1905. /* Calendar
  1906. --------------------------*/
  1907. /* Form
  1908. -------------------------- */
  1909. /* Avatar
  1910. --------------------------*/
  1911. /* Empty
  1912. -------------------------- */
  1913. /* Descriptions
  1914. -------------------------- */
  1915. /* Skeleton
  1916. --------------------------*/
  1917. /* Svg
  1918. --------------- */
  1919. /* Result
  1920. -------------------------- */
  1921. /* Break-point
  1922. --------------------------*/
  1923. /* Element Chalk Variables */
  1924. /* Transition
  1925. -------------------------- */
  1926. /* Color
  1927. -------------------------- */
  1928. /* 53a8ff */
  1929. /* 66b1ff */
  1930. /* 79bbff */
  1931. /* 8cc5ff */
  1932. /* a0cfff */
  1933. /* b3d8ff */
  1934. /* c6e2ff */
  1935. /* d9ecff */
  1936. /* ecf5ff */
  1937. /* Link
  1938. -------------------------- */
  1939. /* Border
  1940. -------------------------- */
  1941. /* Fill
  1942. -------------------------- */
  1943. /* Typography
  1944. -------------------------- */
  1945. /* Size
  1946. -------------------------- */
  1947. /* z-index
  1948. -------------------------- */
  1949. /* Disable base
  1950. -------------------------- */
  1951. /* Icon
  1952. -------------------------- */
  1953. /* Checkbox
  1954. -------------------------- */
  1955. /* Radio
  1956. -------------------------- */
  1957. /* Select
  1958. -------------------------- */
  1959. /* Alert
  1960. -------------------------- */
  1961. /* MessageBox
  1962. -------------------------- */
  1963. /* Message
  1964. -------------------------- */
  1965. /* Notification
  1966. -------------------------- */
  1967. /* Input
  1968. -------------------------- */
  1969. /* Cascader
  1970. -------------------------- */
  1971. /* Group
  1972. -------------------------- */
  1973. /* Tab
  1974. -------------------------- */
  1975. /* Button
  1976. -------------------------- */
  1977. /* cascader
  1978. -------------------------- */
  1979. /* Switch
  1980. -------------------------- */
  1981. /* Dialog
  1982. -------------------------- */
  1983. /* Table
  1984. -------------------------- */
  1985. /* Pagination
  1986. -------------------------- */
  1987. /* Popup
  1988. -------------------------- */
  1989. /* Popover
  1990. -------------------------- */
  1991. /* Tooltip
  1992. -------------------------- */
  1993. /* Tag
  1994. -------------------------- */
  1995. /* Tree
  1996. -------------------------- */
  1997. /* Dropdown
  1998. -------------------------- */
  1999. /* Badge
  2000. -------------------------- */
  2001. /* Card
  2002. --------------------------*/
  2003. /* Slider
  2004. --------------------------*/
  2005. /* Steps
  2006. --------------------------*/
  2007. /* Menu
  2008. --------------------------*/
  2009. /* Rate
  2010. --------------------------*/
  2011. /* DatePicker
  2012. --------------------------*/
  2013. /* Loading
  2014. --------------------------*/
  2015. /* Scrollbar
  2016. --------------------------*/
  2017. /* Carousel
  2018. --------------------------*/
  2019. /* Collapse
  2020. --------------------------*/
  2021. /* Transfer
  2022. --------------------------*/
  2023. /* Header
  2024. --------------------------*/
  2025. /* Footer
  2026. --------------------------*/
  2027. /* Main
  2028. --------------------------*/
  2029. /* Timeline
  2030. --------------------------*/
  2031. /* Backtop
  2032. --------------------------*/
  2033. /* Link
  2034. --------------------------*/
  2035. /* Calendar
  2036. --------------------------*/
  2037. /* Form
  2038. -------------------------- */
  2039. /* Avatar
  2040. --------------------------*/
  2041. /* Empty
  2042. -------------------------- */
  2043. /* Descriptions
  2044. -------------------------- */
  2045. /* Skeleton
  2046. --------------------------*/
  2047. /* Svg
  2048. --------------- */
  2049. /* Result
  2050. -------------------------- */
  2051. /* Break-point
  2052. --------------------------*/
  2053. /* BEM support Func
  2054. -------------------------- */
  2055. /* Element Chalk Variables */
  2056. /* Transition
  2057. -------------------------- */
  2058. /* Color
  2059. -------------------------- */
  2060. /* 53a8ff */
  2061. /* 66b1ff */
  2062. /* 79bbff */
  2063. /* 8cc5ff */
  2064. /* a0cfff */
  2065. /* b3d8ff */
  2066. /* c6e2ff */
  2067. /* d9ecff */
  2068. /* ecf5ff */
  2069. /* Link
  2070. -------------------------- */
  2071. /* Border
  2072. -------------------------- */
  2073. /* Fill
  2074. -------------------------- */
  2075. /* Typography
  2076. -------------------------- */
  2077. /* Size
  2078. -------------------------- */
  2079. /* z-index
  2080. -------------------------- */
  2081. /* Disable base
  2082. -------------------------- */
  2083. /* Icon
  2084. -------------------------- */
  2085. /* Checkbox
  2086. -------------------------- */
  2087. /* Radio
  2088. -------------------------- */
  2089. /* Select
  2090. -------------------------- */
  2091. /* Alert
  2092. -------------------------- */
  2093. /* MessageBox
  2094. -------------------------- */
  2095. /* Message
  2096. -------------------------- */
  2097. /* Notification
  2098. -------------------------- */
  2099. /* Input
  2100. -------------------------- */
  2101. /* Cascader
  2102. -------------------------- */
  2103. /* Group
  2104. -------------------------- */
  2105. /* Tab
  2106. -------------------------- */
  2107. /* Button
  2108. -------------------------- */
  2109. /* cascader
  2110. -------------------------- */
  2111. /* Switch
  2112. -------------------------- */
  2113. /* Dialog
  2114. -------------------------- */
  2115. /* Table
  2116. -------------------------- */
  2117. /* Pagination
  2118. -------------------------- */
  2119. /* Popup
  2120. -------------------------- */
  2121. /* Popover
  2122. -------------------------- */
  2123. /* Tooltip
  2124. -------------------------- */
  2125. /* Tag
  2126. -------------------------- */
  2127. /* Tree
  2128. -------------------------- */
  2129. /* Dropdown
  2130. -------------------------- */
  2131. /* Badge
  2132. -------------------------- */
  2133. /* Card
  2134. --------------------------*/
  2135. /* Slider
  2136. --------------------------*/
  2137. /* Steps
  2138. --------------------------*/
  2139. /* Menu
  2140. --------------------------*/
  2141. /* Rate
  2142. --------------------------*/
  2143. /* DatePicker
  2144. --------------------------*/
  2145. /* Loading
  2146. --------------------------*/
  2147. /* Scrollbar
  2148. --------------------------*/
  2149. /* Carousel
  2150. --------------------------*/
  2151. /* Collapse
  2152. --------------------------*/
  2153. /* Transfer
  2154. --------------------------*/
  2155. /* Header
  2156. --------------------------*/
  2157. /* Footer
  2158. --------------------------*/
  2159. /* Main
  2160. --------------------------*/
  2161. /* Timeline
  2162. --------------------------*/
  2163. /* Backtop
  2164. --------------------------*/
  2165. /* Link
  2166. --------------------------*/
  2167. /* Calendar
  2168. --------------------------*/
  2169. /* Form
  2170. -------------------------- */
  2171. /* Avatar
  2172. --------------------------*/
  2173. /* Empty
  2174. -------------------------- */
  2175. /* Descriptions
  2176. -------------------------- */
  2177. /* Skeleton
  2178. --------------------------*/
  2179. /* Svg
  2180. --------------- */
  2181. /* Result
  2182. -------------------------- */
  2183. /* Break-point
  2184. --------------------------*/
  2185. /* Break-points
  2186. -------------------------- */
  2187. /* Scrollbar
  2188. -------------------------- */
  2189. /* Placeholder
  2190. -------------------------- */
  2191. /* BEM
  2192. -------------------------- */
  2193. /* Element Chalk Variables */
  2194. /* Transition
  2195. -------------------------- */
  2196. /* Color
  2197. -------------------------- */
  2198. /* 53a8ff */
  2199. /* 66b1ff */
  2200. /* 79bbff */
  2201. /* 8cc5ff */
  2202. /* a0cfff */
  2203. /* b3d8ff */
  2204. /* c6e2ff */
  2205. /* d9ecff */
  2206. /* ecf5ff */
  2207. /* Link
  2208. -------------------------- */
  2209. /* Border
  2210. -------------------------- */
  2211. /* Fill
  2212. -------------------------- */
  2213. /* Typography
  2214. -------------------------- */
  2215. /* Size
  2216. -------------------------- */
  2217. /* z-index
  2218. -------------------------- */
  2219. /* Disable base
  2220. -------------------------- */
  2221. /* Icon
  2222. -------------------------- */
  2223. /* Checkbox
  2224. -------------------------- */
  2225. /* Radio
  2226. -------------------------- */
  2227. /* Select
  2228. -------------------------- */
  2229. /* Alert
  2230. -------------------------- */
  2231. /* MessageBox
  2232. -------------------------- */
  2233. /* Message
  2234. -------------------------- */
  2235. /* Notification
  2236. -------------------------- */
  2237. /* Input
  2238. -------------------------- */
  2239. /* Cascader
  2240. -------------------------- */
  2241. /* Group
  2242. -------------------------- */
  2243. /* Tab
  2244. -------------------------- */
  2245. /* Button
  2246. -------------------------- */
  2247. /* cascader
  2248. -------------------------- */
  2249. /* Switch
  2250. -------------------------- */
  2251. /* Dialog
  2252. -------------------------- */
  2253. /* Table
  2254. -------------------------- */
  2255. /* Pagination
  2256. -------------------------- */
  2257. /* Popup
  2258. -------------------------- */
  2259. /* Popover
  2260. -------------------------- */
  2261. /* Tooltip
  2262. -------------------------- */
  2263. /* Tag
  2264. -------------------------- */
  2265. /* Tree
  2266. -------------------------- */
  2267. /* Dropdown
  2268. -------------------------- */
  2269. /* Badge
  2270. -------------------------- */
  2271. /* Card
  2272. --------------------------*/
  2273. /* Slider
  2274. --------------------------*/
  2275. /* Steps
  2276. --------------------------*/
  2277. /* Menu
  2278. --------------------------*/
  2279. /* Rate
  2280. --------------------------*/
  2281. /* DatePicker
  2282. --------------------------*/
  2283. /* Loading
  2284. --------------------------*/
  2285. /* Scrollbar
  2286. --------------------------*/
  2287. /* Carousel
  2288. --------------------------*/
  2289. /* Collapse
  2290. --------------------------*/
  2291. /* Transfer
  2292. --------------------------*/
  2293. /* Header
  2294. --------------------------*/
  2295. /* Footer
  2296. --------------------------*/
  2297. /* Main
  2298. --------------------------*/
  2299. /* Timeline
  2300. --------------------------*/
  2301. /* Backtop
  2302. --------------------------*/
  2303. /* Link
  2304. --------------------------*/
  2305. /* Calendar
  2306. --------------------------*/
  2307. /* Form
  2308. -------------------------- */
  2309. /* Avatar
  2310. --------------------------*/
  2311. /* Empty
  2312. -------------------------- */
  2313. /* Descriptions
  2314. -------------------------- */
  2315. /* Skeleton
  2316. --------------------------*/
  2317. /* Svg
  2318. --------------- */
  2319. /* Result
  2320. -------------------------- */
  2321. /* Break-point
  2322. --------------------------*/
  2323. .el-checkbox {
  2324. color: #606266;
  2325. font-weight: 500;
  2326. font-size: 14px;
  2327. position: relative;
  2328. cursor: pointer;
  2329. display: inline-block;
  2330. white-space: nowrap;
  2331. -webkit-user-select: none;
  2332. -moz-user-select: none;
  2333. -ms-user-select: none;
  2334. user-select: none;
  2335. margin-right: 30px; }
  2336. .el-checkbox.is-bordered {
  2337. padding: 9px 20px 9px 10px;
  2338. border-radius: 4px;
  2339. border: 1px solid #DCDFE6;
  2340. -webkit-box-sizing: border-box;
  2341. box-sizing: border-box;
  2342. line-height: normal;
  2343. height: 40px; }
  2344. .el-checkbox.is-bordered.is-checked {
  2345. border-color: #5075FC; }
  2346. .el-checkbox.is-bordered.is-disabled {
  2347. border-color: #EBEEF5;
  2348. cursor: not-allowed; }
  2349. .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  2350. margin-left: 10px; }
  2351. .el-checkbox.is-bordered.el-checkbox--medium {
  2352. padding: 7px 20px 7px 10px;
  2353. border-radius: 4px;
  2354. height: 36px; }
  2355. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  2356. line-height: 17px;
  2357. font-size: 14px; }
  2358. .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  2359. height: 14px;
  2360. width: 14px; }
  2361. .el-checkbox.is-bordered.el-checkbox--small {
  2362. padding: 5px 15px 5px 10px;
  2363. border-radius: 3px;
  2364. height: 32px; }
  2365. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  2366. line-height: 15px;
  2367. font-size: 12px; }
  2368. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  2369. height: 12px;
  2370. width: 12px; }
  2371. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  2372. height: 6px;
  2373. width: 2px; }
  2374. .el-checkbox.is-bordered.el-checkbox--mini {
  2375. padding: 3px 15px 3px 10px;
  2376. border-radius: 3px;
  2377. height: 28px; }
  2378. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  2379. line-height: 12px;
  2380. font-size: 12px; }
  2381. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  2382. height: 12px;
  2383. width: 12px; }
  2384. .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  2385. height: 6px;
  2386. width: 2px; }
  2387. .el-checkbox__input {
  2388. white-space: nowrap;
  2389. cursor: pointer;
  2390. outline: none;
  2391. display: inline-block;
  2392. line-height: 1;
  2393. position: relative;
  2394. vertical-align: middle; }
  2395. .el-checkbox__input.is-disabled .el-checkbox__inner {
  2396. background-color: #edf2fc;
  2397. border-color: #DCDFE6;
  2398. cursor: not-allowed; }
  2399. .el-checkbox__input.is-disabled .el-checkbox__inner::after {
  2400. cursor: not-allowed;
  2401. border-color: #C0C4CC; }
  2402. .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  2403. cursor: not-allowed; }
  2404. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  2405. background-color: #F2F6FC;
  2406. border-color: #DCDFE6; }
  2407. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  2408. border-color: #C0C4CC; }
  2409. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  2410. background-color: #F2F6FC;
  2411. border-color: #DCDFE6; }
  2412. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  2413. background-color: #C0C4CC;
  2414. border-color: #C0C4CC; }
  2415. .el-checkbox__input.is-disabled + span.el-checkbox__label {
  2416. color: #C0C4CC;
  2417. cursor: not-allowed; }
  2418. .el-checkbox__input.is-checked .el-checkbox__inner {
  2419. background-color: #5075FC;
  2420. border-color: #5075FC; }
  2421. .el-checkbox__input.is-checked .el-checkbox__inner::after {
  2422. -webkit-transform: rotate(45deg) scaleY(1);
  2423. transform: rotate(45deg) scaleY(1); }
  2424. .el-checkbox__input.is-checked + .el-checkbox__label {
  2425. color: #5075FC; }
  2426. .el-checkbox__input.is-focus {
  2427. /*focus时 视觉上区分*/ }
  2428. .el-checkbox__input.is-focus .el-checkbox__inner {
  2429. border-color: #5075FC; }
  2430. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  2431. background-color: #5075FC;
  2432. border-color: #5075FC; }
  2433. .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  2434. content: '';
  2435. position: absolute;
  2436. display: block;
  2437. background-color: #FFFFFF;
  2438. height: 2px;
  2439. -webkit-transform: scale(0.5);
  2440. transform: scale(0.5);
  2441. left: 0;
  2442. right: 0;
  2443. top: 5px; }
  2444. .el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  2445. display: none; }
  2446. .el-checkbox__inner {
  2447. display: inline-block;
  2448. position: relative;
  2449. border: 1px solid #DCDFE6;
  2450. border-radius: 2px;
  2451. -webkit-box-sizing: border-box;
  2452. box-sizing: border-box;
  2453. width: 14px;
  2454. height: 14px;
  2455. background-color: #FFFFFF;
  2456. z-index: 1;
  2457. -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);
  2458. 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); }
  2459. .el-checkbox__inner:hover {
  2460. border-color: #5075FC; }
  2461. .el-checkbox__inner::after {
  2462. -webkit-box-sizing: content-box;
  2463. box-sizing: content-box;
  2464. content: "";
  2465. border: 1px solid #FFFFFF;
  2466. border-left: 0;
  2467. border-top: 0;
  2468. height: 7px;
  2469. left: 4px;
  2470. position: absolute;
  2471. top: 1px;
  2472. -webkit-transform: rotate(45deg) scaleY(0);
  2473. transform: rotate(45deg) scaleY(0);
  2474. width: 3px;
  2475. -webkit-transition: -webkit-transform .15s ease-in .05s;
  2476. transition: -webkit-transform .15s ease-in .05s;
  2477. transition: transform .15s ease-in .05s;
  2478. transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
  2479. -webkit-transform-origin: center;
  2480. transform-origin: center; }
  2481. .el-checkbox__original {
  2482. opacity: 0;
  2483. outline: none;
  2484. position: absolute;
  2485. margin: 0;
  2486. width: 0;
  2487. height: 0;
  2488. z-index: -1; }
  2489. .el-checkbox__label {
  2490. display: inline-block;
  2491. padding-left: 10px;
  2492. line-height: 19px;
  2493. font-size: 14px; }
  2494. .el-checkbox:last-of-type {
  2495. margin-right: 0; }
  2496. .el-checkbox-button {
  2497. position: relative;
  2498. display: inline-block; }
  2499. .el-checkbox-button__inner {
  2500. display: inline-block;
  2501. line-height: 1;
  2502. font-weight: 500;
  2503. white-space: nowrap;
  2504. vertical-align: middle;
  2505. cursor: pointer;
  2506. background: #FFFFFF;
  2507. border: 1px solid #DCDFE6;
  2508. border-left: 0;
  2509. color: #606266;
  2510. -webkit-appearance: none;
  2511. text-align: center;
  2512. -webkit-box-sizing: border-box;
  2513. box-sizing: border-box;
  2514. outline: none;
  2515. margin: 0;
  2516. position: relative;
  2517. -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  2518. transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  2519. -moz-user-select: none;
  2520. -webkit-user-select: none;
  2521. -ms-user-select: none;
  2522. padding: 12px 20px;
  2523. font-size: 14px;
  2524. border-radius: 0; }
  2525. .el-checkbox-button__inner.is-round {
  2526. padding: 12px 20px; }
  2527. .el-checkbox-button__inner:hover {
  2528. color: #5075FC; }
  2529. .el-checkbox-button__inner [class*="el-icon-"] {
  2530. line-height: 0.9; }
  2531. .el-checkbox-button__inner [class*="el-icon-"] + span {
  2532. margin-left: 5px; }
  2533. .el-checkbox-button__original {
  2534. opacity: 0;
  2535. outline: none;
  2536. position: absolute;
  2537. margin: 0;
  2538. z-index: -1; }
  2539. .el-checkbox-button.is-checked .el-checkbox-button__inner {
  2540. color: #FFFFFF;
  2541. background-color: #5075FC;
  2542. border-color: #5075FC;
  2543. -webkit-box-shadow: -1px 0 0 0 #96acfd;
  2544. box-shadow: -1px 0 0 0 #96acfd; }
  2545. .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  2546. border-left-color: #5075FC; }
  2547. .el-checkbox-button.is-disabled .el-checkbox-button__inner {
  2548. color: #C0C4CC;
  2549. cursor: not-allowed;
  2550. background-image: none;
  2551. background-color: #FFFFFF;
  2552. border-color: #EBEEF5;
  2553. -webkit-box-shadow: none;
  2554. box-shadow: none; }
  2555. .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  2556. border-left-color: #EBEEF5; }
  2557. .el-checkbox-button:first-child .el-checkbox-button__inner {
  2558. border-left: 1px solid #DCDFE6;
  2559. border-radius: 4px 0 0 4px;
  2560. -webkit-box-shadow: none !important;
  2561. box-shadow: none !important; }
  2562. .el-checkbox-button.is-focus .el-checkbox-button__inner {
  2563. border-color: #5075FC; }
  2564. .el-checkbox-button:last-child .el-checkbox-button__inner {
  2565. border-radius: 0 4px 4px 0; }
  2566. .el-checkbox-button--medium .el-checkbox-button__inner {
  2567. padding: 10px 20px;
  2568. font-size: 14px;
  2569. border-radius: 0; }
  2570. .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  2571. padding: 10px 20px; }
  2572. .el-checkbox-button--small .el-checkbox-button__inner {
  2573. padding: 9px 15px;
  2574. font-size: 12px;
  2575. border-radius: 0; }
  2576. .el-checkbox-button--small .el-checkbox-button__inner.is-round {
  2577. padding: 9px 15px; }
  2578. .el-checkbox-button--mini .el-checkbox-button__inner {
  2579. padding: 7px 15px;
  2580. font-size: 12px;
  2581. border-radius: 0; }
  2582. .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  2583. padding: 7px 15px; }
  2584. .el-checkbox-group {
  2585. font-size: 0; }
  2586. /* BEM support Func
  2587. -------------------------- */
  2588. /* Element Chalk Variables */
  2589. /* Transition
  2590. -------------------------- */
  2591. /* Color
  2592. -------------------------- */
  2593. /* 53a8ff */
  2594. /* 66b1ff */
  2595. /* 79bbff */
  2596. /* 8cc5ff */
  2597. /* a0cfff */
  2598. /* b3d8ff */
  2599. /* c6e2ff */
  2600. /* d9ecff */
  2601. /* ecf5ff */
  2602. /* Link
  2603. -------------------------- */
  2604. /* Border
  2605. -------------------------- */
  2606. /* Fill
  2607. -------------------------- */
  2608. /* Typography
  2609. -------------------------- */
  2610. /* Size
  2611. -------------------------- */
  2612. /* z-index
  2613. -------------------------- */
  2614. /* Disable base
  2615. -------------------------- */
  2616. /* Icon
  2617. -------------------------- */
  2618. /* Checkbox
  2619. -------------------------- */
  2620. /* Radio
  2621. -------------------------- */
  2622. /* Select
  2623. -------------------------- */
  2624. /* Alert
  2625. -------------------------- */
  2626. /* MessageBox
  2627. -------------------------- */
  2628. /* Message
  2629. -------------------------- */
  2630. /* Notification
  2631. -------------------------- */
  2632. /* Input
  2633. -------------------------- */
  2634. /* Cascader
  2635. -------------------------- */
  2636. /* Group
  2637. -------------------------- */
  2638. /* Tab
  2639. -------------------------- */
  2640. /* Button
  2641. -------------------------- */
  2642. /* cascader
  2643. -------------------------- */
  2644. /* Switch
  2645. -------------------------- */
  2646. /* Dialog
  2647. -------------------------- */
  2648. /* Table
  2649. -------------------------- */
  2650. /* Pagination
  2651. -------------------------- */
  2652. /* Popup
  2653. -------------------------- */
  2654. /* Popover
  2655. -------------------------- */
  2656. /* Tooltip
  2657. -------------------------- */
  2658. /* Tag
  2659. -------------------------- */
  2660. /* Tree
  2661. -------------------------- */
  2662. /* Dropdown
  2663. -------------------------- */
  2664. /* Badge
  2665. -------------------------- */
  2666. /* Card
  2667. --------------------------*/
  2668. /* Slider
  2669. --------------------------*/
  2670. /* Steps
  2671. --------------------------*/
  2672. /* Menu
  2673. --------------------------*/
  2674. /* Rate
  2675. --------------------------*/
  2676. /* DatePicker
  2677. --------------------------*/
  2678. /* Loading
  2679. --------------------------*/
  2680. /* Scrollbar
  2681. --------------------------*/
  2682. /* Carousel
  2683. --------------------------*/
  2684. /* Collapse
  2685. --------------------------*/
  2686. /* Transfer
  2687. --------------------------*/
  2688. /* Header
  2689. --------------------------*/
  2690. /* Footer
  2691. --------------------------*/
  2692. /* Main
  2693. --------------------------*/
  2694. /* Timeline
  2695. --------------------------*/
  2696. /* Backtop
  2697. --------------------------*/
  2698. /* Link
  2699. --------------------------*/
  2700. /* Calendar
  2701. --------------------------*/
  2702. /* Form
  2703. -------------------------- */
  2704. /* Avatar
  2705. --------------------------*/
  2706. /* Empty
  2707. -------------------------- */
  2708. /* Descriptions
  2709. -------------------------- */
  2710. /* Skeleton
  2711. --------------------------*/
  2712. /* Svg
  2713. --------------- */
  2714. /* Result
  2715. -------------------------- */
  2716. /* Break-point
  2717. --------------------------*/
  2718. /* Break-points
  2719. -------------------------- */
  2720. /* Scrollbar
  2721. -------------------------- */
  2722. /* Placeholder
  2723. -------------------------- */
  2724. /* BEM
  2725. -------------------------- */
  2726. /* Element Chalk Variables */
  2727. /* Transition
  2728. -------------------------- */
  2729. /* Color
  2730. -------------------------- */
  2731. /* 53a8ff */
  2732. /* 66b1ff */
  2733. /* 79bbff */
  2734. /* 8cc5ff */
  2735. /* a0cfff */
  2736. /* b3d8ff */
  2737. /* c6e2ff */
  2738. /* d9ecff */
  2739. /* ecf5ff */
  2740. /* Link
  2741. -------------------------- */
  2742. /* Border
  2743. -------------------------- */
  2744. /* Fill
  2745. -------------------------- */
  2746. /* Typography
  2747. -------------------------- */
  2748. /* Size
  2749. -------------------------- */
  2750. /* z-index
  2751. -------------------------- */
  2752. /* Disable base
  2753. -------------------------- */
  2754. /* Icon
  2755. -------------------------- */
  2756. /* Checkbox
  2757. -------------------------- */
  2758. /* Radio
  2759. -------------------------- */
  2760. /* Select
  2761. -------------------------- */
  2762. /* Alert
  2763. -------------------------- */
  2764. /* MessageBox
  2765. -------------------------- */
  2766. /* Message
  2767. -------------------------- */
  2768. /* Notification
  2769. -------------------------- */
  2770. /* Input
  2771. -------------------------- */
  2772. /* Cascader
  2773. -------------------------- */
  2774. /* Group
  2775. -------------------------- */
  2776. /* Tab
  2777. -------------------------- */
  2778. /* Button
  2779. -------------------------- */
  2780. /* cascader
  2781. -------------------------- */
  2782. /* Switch
  2783. -------------------------- */
  2784. /* Dialog
  2785. -------------------------- */
  2786. /* Table
  2787. -------------------------- */
  2788. /* Pagination
  2789. -------------------------- */
  2790. /* Popup
  2791. -------------------------- */
  2792. /* Popover
  2793. -------------------------- */
  2794. /* Tooltip
  2795. -------------------------- */
  2796. /* Tag
  2797. -------------------------- */
  2798. /* Tree
  2799. -------------------------- */
  2800. /* Dropdown
  2801. -------------------------- */
  2802. /* Badge
  2803. -------------------------- */
  2804. /* Card
  2805. --------------------------*/
  2806. /* Slider
  2807. --------------------------*/
  2808. /* Steps
  2809. --------------------------*/
  2810. /* Menu
  2811. --------------------------*/
  2812. /* Rate
  2813. --------------------------*/
  2814. /* DatePicker
  2815. --------------------------*/
  2816. /* Loading
  2817. --------------------------*/
  2818. /* Scrollbar
  2819. --------------------------*/
  2820. /* Carousel
  2821. --------------------------*/
  2822. /* Collapse
  2823. --------------------------*/
  2824. /* Transfer
  2825. --------------------------*/
  2826. /* Header
  2827. --------------------------*/
  2828. /* Footer
  2829. --------------------------*/
  2830. /* Main
  2831. --------------------------*/
  2832. /* Timeline
  2833. --------------------------*/
  2834. /* Backtop
  2835. --------------------------*/
  2836. /* Link
  2837. --------------------------*/
  2838. /* Calendar
  2839. --------------------------*/
  2840. /* Form
  2841. -------------------------- */
  2842. /* Avatar
  2843. --------------------------*/
  2844. /* Empty
  2845. -------------------------- */
  2846. /* Descriptions
  2847. -------------------------- */
  2848. /* Skeleton
  2849. --------------------------*/
  2850. /* Svg
  2851. --------------- */
  2852. /* Result
  2853. -------------------------- */
  2854. /* Break-point
  2855. --------------------------*/
  2856. /* Element Chalk Variables */
  2857. /* Transition
  2858. -------------------------- */
  2859. /* Color
  2860. -------------------------- */
  2861. /* 53a8ff */
  2862. /* 66b1ff */
  2863. /* 79bbff */
  2864. /* 8cc5ff */
  2865. /* a0cfff */
  2866. /* b3d8ff */
  2867. /* c6e2ff */
  2868. /* d9ecff */
  2869. /* ecf5ff */
  2870. /* Link
  2871. -------------------------- */
  2872. /* Border
  2873. -------------------------- */
  2874. /* Fill
  2875. -------------------------- */
  2876. /* Typography
  2877. -------------------------- */
  2878. /* Size
  2879. -------------------------- */
  2880. /* z-index
  2881. -------------------------- */
  2882. /* Disable base
  2883. -------------------------- */
  2884. /* Icon
  2885. -------------------------- */
  2886. /* Checkbox
  2887. -------------------------- */
  2888. /* Radio
  2889. -------------------------- */
  2890. /* Select
  2891. -------------------------- */
  2892. /* Alert
  2893. -------------------------- */
  2894. /* MessageBox
  2895. -------------------------- */
  2896. /* Message
  2897. -------------------------- */
  2898. /* Notification
  2899. -------------------------- */
  2900. /* Input
  2901. -------------------------- */
  2902. /* Cascader
  2903. -------------------------- */
  2904. /* Group
  2905. -------------------------- */
  2906. /* Tab
  2907. -------------------------- */
  2908. /* Button
  2909. -------------------------- */
  2910. /* cascader
  2911. -------------------------- */
  2912. /* Switch
  2913. -------------------------- */
  2914. /* Dialog
  2915. -------------------------- */
  2916. /* Table
  2917. -------------------------- */
  2918. /* Pagination
  2919. -------------------------- */
  2920. /* Popup
  2921. -------------------------- */
  2922. /* Popover
  2923. -------------------------- */
  2924. /* Tooltip
  2925. -------------------------- */
  2926. /* Tag
  2927. -------------------------- */
  2928. /* Tree
  2929. -------------------------- */
  2930. /* Dropdown
  2931. -------------------------- */
  2932. /* Badge
  2933. -------------------------- */
  2934. /* Card
  2935. --------------------------*/
  2936. /* Slider
  2937. --------------------------*/
  2938. /* Steps
  2939. --------------------------*/
  2940. /* Menu
  2941. --------------------------*/
  2942. /* Rate
  2943. --------------------------*/
  2944. /* DatePicker
  2945. --------------------------*/
  2946. /* Loading
  2947. --------------------------*/
  2948. /* Scrollbar
  2949. --------------------------*/
  2950. /* Carousel
  2951. --------------------------*/
  2952. /* Collapse
  2953. --------------------------*/
  2954. /* Transfer
  2955. --------------------------*/
  2956. /* Header
  2957. --------------------------*/
  2958. /* Footer
  2959. --------------------------*/
  2960. /* Main
  2961. --------------------------*/
  2962. /* Timeline
  2963. --------------------------*/
  2964. /* Backtop
  2965. --------------------------*/
  2966. /* Link
  2967. --------------------------*/
  2968. /* Calendar
  2969. --------------------------*/
  2970. /* Form
  2971. -------------------------- */
  2972. /* Avatar
  2973. --------------------------*/
  2974. /* Empty
  2975. -------------------------- */
  2976. /* Descriptions
  2977. -------------------------- */
  2978. /* Skeleton
  2979. --------------------------*/
  2980. /* Svg
  2981. --------------- */
  2982. /* Result
  2983. -------------------------- */
  2984. /* Break-point
  2985. --------------------------*/
  2986. .el-radio {
  2987. color: #606266;
  2988. font-weight: 500;
  2989. line-height: 1;
  2990. position: relative;
  2991. cursor: pointer;
  2992. display: inline-block;
  2993. white-space: nowrap;
  2994. outline: none;
  2995. font-size: 14px;
  2996. margin-right: 30px;
  2997. -moz-user-select: none;
  2998. -webkit-user-select: none;
  2999. -ms-user-select: none; }
  3000. .el-radio.is-bordered {
  3001. padding: 12px 20px 0 10px;
  3002. border-radius: 4px;
  3003. border: 1px solid #DCDFE6;
  3004. -webkit-box-sizing: border-box;
  3005. box-sizing: border-box;
  3006. height: 40px; }
  3007. .el-radio.is-bordered.is-checked {
  3008. border-color: #5075FC; }
  3009. .el-radio.is-bordered.is-disabled {
  3010. cursor: not-allowed;
  3011. border-color: #EBEEF5; }
  3012. .el-radio.is-bordered + .el-radio.is-bordered {
  3013. margin-left: 10px; }
  3014. .el-radio--medium.is-bordered {
  3015. padding: 10px 20px 0 10px;
  3016. border-radius: 4px;
  3017. height: 36px; }
  3018. .el-radio--medium.is-bordered .el-radio__label {
  3019. font-size: 14px; }
  3020. .el-radio--medium.is-bordered .el-radio__inner {
  3021. height: 14px;
  3022. width: 14px; }
  3023. .el-radio--small.is-bordered {
  3024. padding: 8px 15px 0 10px;
  3025. border-radius: 3px;
  3026. height: 32px; }
  3027. .el-radio--small.is-bordered .el-radio__label {
  3028. font-size: 12px; }
  3029. .el-radio--small.is-bordered .el-radio__inner {
  3030. height: 12px;
  3031. width: 12px; }
  3032. .el-radio--mini.is-bordered {
  3033. padding: 6px 15px 0 10px;
  3034. border-radius: 3px;
  3035. height: 28px; }
  3036. .el-radio--mini.is-bordered .el-radio__label {
  3037. font-size: 12px; }
  3038. .el-radio--mini.is-bordered .el-radio__inner {
  3039. height: 12px;
  3040. width: 12px; }
  3041. .el-radio:last-child {
  3042. margin-right: 0; }
  3043. .el-radio__input {
  3044. white-space: nowrap;
  3045. cursor: pointer;
  3046. outline: none;
  3047. display: inline-block;
  3048. line-height: 1;
  3049. position: relative;
  3050. vertical-align: middle; }
  3051. .el-radio__input.is-disabled .el-radio__inner {
  3052. background-color: #F5F7FA;
  3053. border-color: #E4E7ED;
  3054. cursor: not-allowed; }
  3055. .el-radio__input.is-disabled .el-radio__inner::after {
  3056. cursor: not-allowed;
  3057. background-color: #F5F7FA; }
  3058. .el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  3059. cursor: not-allowed; }
  3060. .el-radio__input.is-disabled.is-checked .el-radio__inner {
  3061. background-color: #F5F7FA;
  3062. border-color: #E4E7ED; }
  3063. .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  3064. background-color: #C0C4CC; }
  3065. .el-radio__input.is-disabled + span.el-radio__label {
  3066. color: #C0C4CC;
  3067. cursor: not-allowed; }
  3068. .el-radio__input.is-checked .el-radio__inner {
  3069. border-color: #5075FC;
  3070. background: #5075FC; }
  3071. .el-radio__input.is-checked .el-radio__inner::after {
  3072. -webkit-transform: translate(-50%, -50%) scale(1);
  3073. transform: translate(-50%, -50%) scale(1); }
  3074. .el-radio__input.is-checked + .el-radio__label {
  3075. color: #5075FC; }
  3076. .el-radio__input.is-focus .el-radio__inner {
  3077. border-color: #5075FC; }
  3078. .el-radio__inner {
  3079. border: 1px solid #DCDFE6;
  3080. border-radius: 100%;
  3081. width: 14px;
  3082. height: 14px;
  3083. background-color: #FFFFFF;
  3084. position: relative;
  3085. cursor: pointer;
  3086. display: inline-block;
  3087. -webkit-box-sizing: border-box;
  3088. box-sizing: border-box; }
  3089. .el-radio__inner:hover {
  3090. border-color: #5075FC; }
  3091. .el-radio__inner::after {
  3092. width: 4px;
  3093. height: 4px;
  3094. border-radius: 100%;
  3095. background-color: #FFFFFF;
  3096. content: "";
  3097. position: absolute;
  3098. left: 50%;
  3099. top: 50%;
  3100. -webkit-transform: translate(-50%, -50%) scale(0);
  3101. transform: translate(-50%, -50%) scale(0);
  3102. -webkit-transition: -webkit-transform .15s ease-in;
  3103. transition: -webkit-transform .15s ease-in;
  3104. transition: transform .15s ease-in;
  3105. transition: transform .15s ease-in, -webkit-transform .15s ease-in; }
  3106. .el-radio__original {
  3107. opacity: 0;
  3108. outline: none;
  3109. position: absolute;
  3110. z-index: -1;
  3111. top: 0;
  3112. left: 0;
  3113. right: 0;
  3114. bottom: 0;
  3115. margin: 0; }
  3116. .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
  3117. /*获得焦点时 样式提醒*/ }
  3118. .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  3119. -webkit-box-shadow: 0 0 2px 2px #5075FC;
  3120. box-shadow: 0 0 2px 2px #5075FC; }
  3121. .el-radio__label {
  3122. font-size: 14px;
  3123. padding-left: 10px; }
  3124. /* BEM support Func
  3125. -------------------------- */
  3126. /* Element Chalk Variables */
  3127. /* Transition
  3128. -------------------------- */
  3129. /* Color
  3130. -------------------------- */
  3131. /* 53a8ff */
  3132. /* 66b1ff */
  3133. /* 79bbff */
  3134. /* 8cc5ff */
  3135. /* a0cfff */
  3136. /* b3d8ff */
  3137. /* c6e2ff */
  3138. /* d9ecff */
  3139. /* ecf5ff */
  3140. /* Link
  3141. -------------------------- */
  3142. /* Border
  3143. -------------------------- */
  3144. /* Fill
  3145. -------------------------- */
  3146. /* Typography
  3147. -------------------------- */
  3148. /* Size
  3149. -------------------------- */
  3150. /* z-index
  3151. -------------------------- */
  3152. /* Disable base
  3153. -------------------------- */
  3154. /* Icon
  3155. -------------------------- */
  3156. /* Checkbox
  3157. -------------------------- */
  3158. /* Radio
  3159. -------------------------- */
  3160. /* Select
  3161. -------------------------- */
  3162. /* Alert
  3163. -------------------------- */
  3164. /* MessageBox
  3165. -------------------------- */
  3166. /* Message
  3167. -------------------------- */
  3168. /* Notification
  3169. -------------------------- */
  3170. /* Input
  3171. -------------------------- */
  3172. /* Cascader
  3173. -------------------------- */
  3174. /* Group
  3175. -------------------------- */
  3176. /* Tab
  3177. -------------------------- */
  3178. /* Button
  3179. -------------------------- */
  3180. /* cascader
  3181. -------------------------- */
  3182. /* Switch
  3183. -------------------------- */
  3184. /* Dialog
  3185. -------------------------- */
  3186. /* Table
  3187. -------------------------- */
  3188. /* Pagination
  3189. -------------------------- */
  3190. /* Popup
  3191. -------------------------- */
  3192. /* Popover
  3193. -------------------------- */
  3194. /* Tooltip
  3195. -------------------------- */
  3196. /* Tag
  3197. -------------------------- */
  3198. /* Tree
  3199. -------------------------- */
  3200. /* Dropdown
  3201. -------------------------- */
  3202. /* Badge
  3203. -------------------------- */
  3204. /* Card
  3205. --------------------------*/
  3206. /* Slider
  3207. --------------------------*/
  3208. /* Steps
  3209. --------------------------*/
  3210. /* Menu
  3211. --------------------------*/
  3212. /* Rate
  3213. --------------------------*/
  3214. /* DatePicker
  3215. --------------------------*/
  3216. /* Loading
  3217. --------------------------*/
  3218. /* Scrollbar
  3219. --------------------------*/
  3220. /* Carousel
  3221. --------------------------*/
  3222. /* Collapse
  3223. --------------------------*/
  3224. /* Transfer
  3225. --------------------------*/
  3226. /* Header
  3227. --------------------------*/
  3228. /* Footer
  3229. --------------------------*/
  3230. /* Main
  3231. --------------------------*/
  3232. /* Timeline
  3233. --------------------------*/
  3234. /* Backtop
  3235. --------------------------*/
  3236. /* Link
  3237. --------------------------*/
  3238. /* Calendar
  3239. --------------------------*/
  3240. /* Form
  3241. -------------------------- */
  3242. /* Avatar
  3243. --------------------------*/
  3244. /* Empty
  3245. -------------------------- */
  3246. /* Descriptions
  3247. -------------------------- */
  3248. /* Skeleton
  3249. --------------------------*/
  3250. /* Svg
  3251. --------------- */
  3252. /* Result
  3253. -------------------------- */
  3254. /* Break-point
  3255. --------------------------*/
  3256. /* Break-points
  3257. -------------------------- */
  3258. /* Scrollbar
  3259. -------------------------- */
  3260. /* Placeholder
  3261. -------------------------- */
  3262. /* BEM
  3263. -------------------------- */
  3264. /* Element Chalk Variables */
  3265. /* Transition
  3266. -------------------------- */
  3267. /* Color
  3268. -------------------------- */
  3269. /* 53a8ff */
  3270. /* 66b1ff */
  3271. /* 79bbff */
  3272. /* 8cc5ff */
  3273. /* a0cfff */
  3274. /* b3d8ff */
  3275. /* c6e2ff */
  3276. /* d9ecff */
  3277. /* ecf5ff */
  3278. /* Link
  3279. -------------------------- */
  3280. /* Border
  3281. -------------------------- */
  3282. /* Fill
  3283. -------------------------- */
  3284. /* Typography
  3285. -------------------------- */
  3286. /* Size
  3287. -------------------------- */
  3288. /* z-index
  3289. -------------------------- */
  3290. /* Disable base
  3291. -------------------------- */
  3292. /* Icon
  3293. -------------------------- */
  3294. /* Checkbox
  3295. -------------------------- */
  3296. /* Radio
  3297. -------------------------- */
  3298. /* Select
  3299. -------------------------- */
  3300. /* Alert
  3301. -------------------------- */
  3302. /* MessageBox
  3303. -------------------------- */
  3304. /* Message
  3305. -------------------------- */
  3306. /* Notification
  3307. -------------------------- */
  3308. /* Input
  3309. -------------------------- */
  3310. /* Cascader
  3311. -------------------------- */
  3312. /* Group
  3313. -------------------------- */
  3314. /* Tab
  3315. -------------------------- */
  3316. /* Button
  3317. -------------------------- */
  3318. /* cascader
  3319. -------------------------- */
  3320. /* Switch
  3321. -------------------------- */
  3322. /* Dialog
  3323. -------------------------- */
  3324. /* Table
  3325. -------------------------- */
  3326. /* Pagination
  3327. -------------------------- */
  3328. /* Popup
  3329. -------------------------- */
  3330. /* Popover
  3331. -------------------------- */
  3332. /* Tooltip
  3333. -------------------------- */
  3334. /* Tag
  3335. -------------------------- */
  3336. /* Tree
  3337. -------------------------- */
  3338. /* Dropdown
  3339. -------------------------- */
  3340. /* Badge
  3341. -------------------------- */
  3342. /* Card
  3343. --------------------------*/
  3344. /* Slider
  3345. --------------------------*/
  3346. /* Steps
  3347. --------------------------*/
  3348. /* Menu
  3349. --------------------------*/
  3350. /* Rate
  3351. --------------------------*/
  3352. /* DatePicker
  3353. --------------------------*/
  3354. /* Loading
  3355. --------------------------*/
  3356. /* Scrollbar
  3357. --------------------------*/
  3358. /* Carousel
  3359. --------------------------*/
  3360. /* Collapse
  3361. --------------------------*/
  3362. /* Transfer
  3363. --------------------------*/
  3364. /* Header
  3365. --------------------------*/
  3366. /* Footer
  3367. --------------------------*/
  3368. /* Main
  3369. --------------------------*/
  3370. /* Timeline
  3371. --------------------------*/
  3372. /* Backtop
  3373. --------------------------*/
  3374. /* Link
  3375. --------------------------*/
  3376. /* Calendar
  3377. --------------------------*/
  3378. /* Form
  3379. -------------------------- */
  3380. /* Avatar
  3381. --------------------------*/
  3382. /* Empty
  3383. -------------------------- */
  3384. /* Descriptions
  3385. -------------------------- */
  3386. /* Skeleton
  3387. --------------------------*/
  3388. /* Svg
  3389. --------------- */
  3390. /* Result
  3391. -------------------------- */
  3392. /* Break-point
  3393. --------------------------*/
  3394. .el-scrollbar {
  3395. overflow: hidden;
  3396. position: relative; }
  3397. .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  3398. opacity: 1;
  3399. -webkit-transition: opacity 340ms ease-out;
  3400. transition: opacity 340ms ease-out; }
  3401. .el-scrollbar__wrap {
  3402. overflow: scroll;
  3403. height: 100%; }
  3404. .el-scrollbar__wrap--hidden-default {
  3405. scrollbar-width: none; }
  3406. .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  3407. width: 0;
  3408. height: 0; }
  3409. .el-scrollbar__thumb {
  3410. position: relative;
  3411. display: block;
  3412. width: 0;
  3413. height: 0;
  3414. cursor: pointer;
  3415. border-radius: inherit;
  3416. background-color: rgba(144, 147, 153, 0.3);
  3417. -webkit-transition: .3s background-color;
  3418. transition: .3s background-color; }
  3419. .el-scrollbar__thumb:hover {
  3420. background-color: rgba(144, 147, 153, 0.5); }
  3421. .el-scrollbar__bar {
  3422. position: absolute;
  3423. right: 2px;
  3424. bottom: 2px;
  3425. z-index: 1;
  3426. border-radius: 4px;
  3427. opacity: 0;
  3428. -webkit-transition: opacity 120ms ease-out;
  3429. transition: opacity 120ms ease-out; }
  3430. .el-scrollbar__bar.is-vertical {
  3431. width: 6px;
  3432. top: 2px; }
  3433. .el-scrollbar__bar.is-vertical > div {
  3434. width: 100%; }
  3435. .el-scrollbar__bar.is-horizontal {
  3436. height: 6px;
  3437. left: 2px; }
  3438. .el-scrollbar__bar.is-horizontal > div {
  3439. height: 100%; }
  3440. .el-cascader-panel {
  3441. display: -webkit-box;
  3442. display: -ms-flexbox;
  3443. display: flex;
  3444. border-radius: 4px;
  3445. font-size: 14px; }
  3446. .el-cascader-panel.is-bordered {
  3447. border: solid 1px #E4E7ED;
  3448. border-radius: 4px; }
  3449. .el-cascader-menu {
  3450. min-width: 180px;
  3451. -webkit-box-sizing: border-box;
  3452. box-sizing: border-box;
  3453. color: #606266;
  3454. border-right: solid 1px #E4E7ED; }
  3455. .el-cascader-menu:last-child {
  3456. border-right: none; }
  3457. .el-cascader-menu:last-child .el-cascader-node {
  3458. padding-right: 20px; }
  3459. .el-cascader-menu__wrap {
  3460. height: 204px; }
  3461. .el-cascader-menu__list {
  3462. position: relative;
  3463. min-height: 100%;
  3464. margin: 0;
  3465. padding: 6px 0;
  3466. list-style: none;
  3467. -webkit-box-sizing: border-box;
  3468. box-sizing: border-box; }
  3469. .el-cascader-menu__hover-zone {
  3470. position: absolute;
  3471. top: 0;
  3472. left: 0;
  3473. width: 100%;
  3474. height: 100%;
  3475. pointer-events: none; }
  3476. .el-cascader-menu__empty-text {
  3477. position: absolute;
  3478. top: 50%;
  3479. left: 50%;
  3480. -webkit-transform: translate(-50%, -50%);
  3481. transform: translate(-50%, -50%);
  3482. text-align: center;
  3483. color: #C0C4CC; }
  3484. .el-cascader-node {
  3485. position: relative;
  3486. display: -webkit-box;
  3487. display: -ms-flexbox;
  3488. display: flex;
  3489. -webkit-box-align: center;
  3490. -ms-flex-align: center;
  3491. align-items: center;
  3492. padding: 0 30px 0 20px;
  3493. height: 34px;
  3494. line-height: 34px;
  3495. outline: none; }
  3496. .el-cascader-node.is-selectable.in-active-path {
  3497. color: #606266; }
  3498. .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
  3499. color: #5075FC;
  3500. font-weight: bold; }
  3501. .el-cascader-node:not(.is-disabled) {
  3502. cursor: pointer; }
  3503. .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
  3504. background: #F5F7FA; }
  3505. .el-cascader-node.is-disabled {
  3506. color: #C0C4CC;
  3507. cursor: not-allowed; }
  3508. .el-cascader-node__prefix {
  3509. position: absolute;
  3510. left: 10px; }
  3511. .el-cascader-node__postfix {
  3512. position: absolute;
  3513. right: 10px; }
  3514. .el-cascader-node__label {
  3515. -webkit-box-flex: 1;
  3516. -ms-flex: 1;
  3517. flex: 1;
  3518. padding: 0 10px;
  3519. white-space: nowrap;
  3520. overflow: hidden;
  3521. text-overflow: ellipsis; }
  3522. .el-cascader-node > .el-radio {
  3523. margin-right: 0; }
  3524. .el-cascader-node > .el-radio .el-radio__label {
  3525. padding-left: 0; }
  3526. .el-cascader {
  3527. display: inline-block;
  3528. position: relative;
  3529. font-size: 14px;
  3530. line-height: 40px; }
  3531. .el-cascader:not(.is-disabled):hover .el-input__inner {
  3532. cursor: pointer;
  3533. border-color: #C0C4CC; }
  3534. .el-cascader .el-input {
  3535. cursor: pointer; }
  3536. .el-cascader .el-input .el-input__inner {
  3537. text-overflow: ellipsis; }
  3538. .el-cascader .el-input .el-input__inner:focus {
  3539. border-color: #5075FC; }
  3540. .el-cascader .el-input .el-icon-arrow-down {
  3541. -webkit-transition: -webkit-transform .3s;
  3542. transition: -webkit-transform .3s;
  3543. transition: transform .3s;
  3544. transition: transform .3s, -webkit-transform .3s;
  3545. font-size: 14px; }
  3546. .el-cascader .el-input .el-icon-arrow-down.is-reverse {
  3547. -webkit-transform: rotateZ(180deg);
  3548. transform: rotateZ(180deg); }
  3549. .el-cascader .el-input .el-icon-circle-close:hover {
  3550. color: #909399; }
  3551. .el-cascader .el-input.is-focus .el-input__inner {
  3552. border-color: #5075FC; }
  3553. .el-cascader--medium {
  3554. font-size: 14px;
  3555. line-height: 36px; }
  3556. .el-cascader--small {
  3557. font-size: 13px;
  3558. line-height: 32px; }
  3559. .el-cascader--mini {
  3560. font-size: 12px;
  3561. line-height: 28px; }
  3562. .el-cascader.is-disabled .el-cascader__label {
  3563. z-index: 2;
  3564. color: #C0C4CC; }
  3565. .el-cascader__dropdown {
  3566. margin: 5px 0;
  3567. font-size: 14px;
  3568. background: #FFFFFF;
  3569. border: solid 1px #E4E7ED;
  3570. border-radius: 4px;
  3571. -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  3572. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
  3573. .el-cascader__tags {
  3574. position: absolute;
  3575. left: 0;
  3576. right: 30px;
  3577. top: 50%;
  3578. -webkit-transform: translateY(-50%);
  3579. transform: translateY(-50%);
  3580. display: -webkit-box;
  3581. display: -ms-flexbox;
  3582. display: flex;
  3583. -ms-flex-wrap: wrap;
  3584. flex-wrap: wrap;
  3585. line-height: normal;
  3586. text-align: left;
  3587. -webkit-box-sizing: border-box;
  3588. box-sizing: border-box; }
  3589. .el-cascader__tags .el-tag {
  3590. display: -webkit-inline-box;
  3591. display: -ms-inline-flexbox;
  3592. display: inline-flex;
  3593. -webkit-box-align: center;
  3594. -ms-flex-align: center;
  3595. align-items: center;
  3596. max-width: 100%;
  3597. margin: 2px 0 2px 6px;
  3598. text-overflow: ellipsis;
  3599. background: #f0f2f5; }
  3600. .el-cascader__tags .el-tag:not(.is-hit) {
  3601. border-color: transparent; }
  3602. .el-cascader__tags .el-tag > span {
  3603. -webkit-box-flex: 1;
  3604. -ms-flex: 1;
  3605. flex: 1;
  3606. overflow: hidden;
  3607. text-overflow: ellipsis; }
  3608. .el-cascader__tags .el-tag .el-icon-close {
  3609. -webkit-box-flex: 0;
  3610. -ms-flex: none;
  3611. flex: none;
  3612. background-color: #C0C4CC;
  3613. color: #FFFFFF; }
  3614. .el-cascader__tags .el-tag .el-icon-close:hover {
  3615. background-color: #909399; }
  3616. .el-cascader__suggestion-panel {
  3617. border-radius: 4px; }
  3618. .el-cascader__suggestion-list {
  3619. max-height: 204px;
  3620. margin: 0;
  3621. padding: 6px 0;
  3622. font-size: 14px;
  3623. color: #606266;
  3624. text-align: center; }
  3625. .el-cascader__suggestion-item {
  3626. display: -webkit-box;
  3627. display: -ms-flexbox;
  3628. display: flex;
  3629. -webkit-box-pack: justify;
  3630. -ms-flex-pack: justify;
  3631. justify-content: space-between;
  3632. -webkit-box-align: center;
  3633. -ms-flex-align: center;
  3634. align-items: center;
  3635. height: 34px;
  3636. padding: 0 15px;
  3637. text-align: left;
  3638. outline: none;
  3639. cursor: pointer; }
  3640. .el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus {
  3641. background: #F5F7FA; }
  3642. .el-cascader__suggestion-item.is-checked {
  3643. color: #5075FC;
  3644. font-weight: bold; }
  3645. .el-cascader__suggestion-item > span {
  3646. margin-right: 10px; }
  3647. .el-cascader__empty-text {
  3648. margin: 10px 0;
  3649. color: #C0C4CC; }
  3650. .el-cascader__search-input {
  3651. -webkit-box-flex: 1;
  3652. -ms-flex: 1;
  3653. flex: 1;
  3654. height: 24px;
  3655. min-width: 60px;
  3656. margin: 2px 0 2px 15px;
  3657. padding: 0;
  3658. color: #606266;
  3659. border: none;
  3660. outline: none;
  3661. -webkit-box-sizing: border-box;
  3662. box-sizing: border-box; }
  3663. .el-cascader__search-input::-webkit-input-placeholder {
  3664. color: #C0C4CC; }
  3665. .el-cascader__search-input::-moz-placeholder {
  3666. color: #C0C4CC; }
  3667. .el-cascader__search-input:-ms-input-placeholder {
  3668. color: #C0C4CC; }
  3669. .el-cascader__search-input::-ms-input-placeholder {
  3670. color: #C0C4CC; }
  3671. .el-cascader__search-input::placeholder {
  3672. color: #C0C4CC; }