index.css 350 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381153821538315384153851538615387153881538915390153911539215393153941539515396153971539815399154001540115402154031540415405154061540715408154091541015411154121541315414154151541615417154181541915420154211542215423154241542515426154271542815429154301543115432154331543415435154361543715438154391544015441154421544315444154451544615447154481544915450154511545215453154541545515456154571545815459154601546115462154631546415465154661546715468154691547015471154721547315474154751547615477154781547915480154811548215483154841548515486154871548815489154901549115492154931549415495154961549715498154991550015501155021550315504155051550615507155081550915510155111551215513155141551515516155171551815519155201552115522155231552415525155261552715528155291553015531155321553315534155351553615537155381553915540155411554215543155441554515546155471554815549155501555115552155531555415555155561555715558155591556015561155621556315564155651556615567155681556915570155711557215573155741557515576155771557815579155801558115582155831558415585155861558715588155891559015591155921559315594155951559615597155981559915600156011560215603156041560515606156071560815609156101561115612156131561415615156161561715618156191562015621156221562315624156251562615627156281562915630156311563215633156341563515636156371563815639156401564115642156431564415645156461564715648156491565015651156521565315654156551565615657156581565915660156611566215663156641566515666156671566815669156701567115672156731567415675156761567715678156791568015681156821568315684156851568615687156881568915690156911569215693156941569515696156971569815699157001570115702157031570415705157061570715708157091571015711157121571315714157151571615717157181571915720157211572215723157241572515726157271572815729157301573115732157331573415735157361573715738157391574015741157421574315744157451574615747157481574915750157511575215753157541575515756157571575815759157601576115762157631576415765157661576715768157691577015771157721577315774157751577615777157781577915780157811578215783157841578515786157871578815789157901579115792157931579415795157961579715798157991580015801158021580315804158051580615807158081580915810158111581215813158141581515816158171581815819158201582115822158231582415825158261582715828158291583015831158321583315834158351583615837158381583915840158411584215843158441584515846158471584815849158501585115852158531585415855158561585715858158591586015861158621586315864158651586615867158681586915870158711587215873158741587515876158771587815879158801588115882158831588415885158861588715888158891589015891158921589315894158951589615897158981589915900159011590215903159041590515906159071590815909159101591115912159131591415915159161591715918159191592015921159221592315924159251592615927159281592915930159311593215933159341593515936159371593815939159401594115942159431594415945159461594715948159491595015951159521595315954159551595615957159581595915960159611596215963159641596515966159671596815969159701597115972159731597415975159761597715978159791598015981159821598315984159851598615987159881598915990159911599215993159941599515996159971599815999160001600116002160031600416005160061600716008160091601016011160121601316014160151601616017160181601916020160211602216023160241602516026160271602816029160301603116032160331603416035160361603716038160391604016041160421604316044160451604616047160481604916050160511605216053160541605516056160571605816059160601606116062160631606416065160661606716068160691607016071160721607316074160751607616077160781607916080160811608216083160841608516086160871608816089160901609116092160931609416095160961609716098160991610016101161021610316104161051610616107161081610916110161111611216113161141611516116161171611816119161201612116122161231612416125161261612716128161291613016131161321613316134161351613616137161381613916140161411614216143161441614516146161471614816149161501615116152161531615416155161561615716158161591616016161161621616316164161651616616167161681616916170161711617216173161741617516176161771617816179161801618116182161831618416185161861618716188161891619016191161921619316194161951619616197161981619916200162011620216203162041620516206162071620816209162101621116212162131621416215162161621716218162191622016221162221622316224162251622616227162281622916230162311623216233162341623516236162371623816239162401624116242162431624416245162461624716248162491625016251162521625316254162551625616257162581625916260162611626216263162641626516266162671626816269162701627116272162731627416275162761627716278162791628016281162821628316284162851628616287162881628916290162911629216293162941629516296162971629816299163001630116302163031630416305163061630716308163091631016311163121631316314163151631616317163181631916320163211632216323163241632516326163271632816329163301633116332163331633416335163361633716338163391634016341163421634316344163451634616347163481634916350163511635216353163541635516356163571635816359163601636116362163631636416365163661636716368163691637016371163721637316374163751637616377163781637916380163811638216383163841638516386163871638816389163901639116392163931639416395163961639716398163991640016401164021640316404164051640616407164081640916410164111641216413164141641516416164171641816419164201642116422164231642416425164261642716428164291643016431164321643316434164351643616437164381643916440164411644216443164441644516446164471644816449164501645116452164531645416455164561645716458164591646016461164621646316464164651646616467164681646916470164711647216473164741647516476164771647816479164801648116482164831648416485164861648716488164891649016491164921649316494164951649616497164981649916500165011650216503165041650516506165071650816509165101651116512165131651416515165161651716518165191652016521165221652316524165251652616527165281652916530165311653216533165341653516536165371653816539165401654116542165431654416545165461654716548165491655016551165521655316554165551655616557165581655916560165611656216563165641656516566165671656816569165701657116572165731657416575165761657716578165791658016581165821658316584165851658616587165881658916590165911659216593165941659516596165971659816599166001660116602166031660416605166061660716608166091661016611166121661316614166151661616617166181661916620166211662216623166241662516626166271662816629166301663116632166331663416635166361663716638166391664016641166421664316644166451664616647166481664916650166511665216653166541665516656166571665816659166601666116662166631666416665166661666716668166691667016671166721667316674166751667616677166781667916680166811668216683166841668516686166871668816689166901669116692166931669416695166961669716698166991670016701167021670316704167051670616707167081670916710167111671216713167141671516716167171671816719167201672116722167231672416725167261672716728167291673016731167321673316734167351673616737167381673916740167411674216743167441674516746167471674816749167501675116752167531675416755167561675716758167591676016761167621676316764167651676616767167681676916770167711677216773167741677516776167771677816779167801678116782167831678416785167861678716788167891679016791167921679316794167951679616797167981679916800168011680216803168041680516806168071680816809168101681116812168131681416815168161681716818168191682016821168221682316824168251682616827168281682916830168311683216833168341683516836168371683816839168401684116842168431684416845168461684716848168491685016851168521685316854168551685616857168581685916860168611686216863168641686516866168671686816869168701687116872168731687416875168761687716878168791688016881168821688316884168851688616887168881688916890168911689216893168941689516896168971689816899169001690116902169031690416905169061690716908169091691016911169121691316914169151691616917169181691916920169211692216923169241692516926169271692816929169301693116932169331693416935169361693716938169391694016941169421694316944169451694616947169481694916950169511695216953169541695516956169571695816959169601696116962169631696416965169661696716968169691697016971169721697316974169751697616977169781697916980169811698216983169841698516986169871698816989169901699116992169931699416995169961699716998169991700017001170021700317004170051700617007170081700917010170111701217013170141701517016170171701817019170201702117022170231702417025170261702717028170291703017031170321703317034170351703617037170381703917040170411704217043170441704517046170471704817049170501705117052170531705417055170561705717058
  1. @charset "UTF-8";
  2. :root {
  3. --el-color-white: #ffffff;
  4. --el-color-black: #000000;
  5. --el-color-primary-rgb: 64, 158, 255;
  6. --el-color-success-rgb: 103, 194, 58;
  7. --el-color-warning-rgb: 230, 162, 60;
  8. --el-color-danger-rgb: 245, 108, 108;
  9. --el-color-error-rgb: 245, 108, 108;
  10. --el-color-info-rgb: 144, 147, 153;
  11. --el-font-size-extra-large: 20px;
  12. --el-font-size-large: 18px;
  13. --el-font-size-medium: 16px;
  14. --el-font-size-base: 14px;
  15. --el-font-size-small: 13px;
  16. --el-font-size-extra-small: 12px;
  17. --el-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
  18. --el-font-weight-primary: 500;
  19. --el-font-line-height-primary: 24px;
  20. --el-index-normal: 1;
  21. --el-index-top: 1000;
  22. --el-index-popper: 2000;
  23. --el-border-radius-base: 4px;
  24. --el-border-radius-small: 2px;
  25. --el-border-radius-round: 20px;
  26. --el-border-radius-circle: 100%;
  27. --el-transition-duration: 0.3s;
  28. --el-transition-duration-fast: 0.2s;
  29. --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  30. --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  31. --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  32. --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  33. --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  34. --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  35. --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  36. --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  37. --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  38. --el-component-size-large: 40px;
  39. --el-component-size: 32px;
  40. --el-component-size-small: 24px
  41. }
  42. :root {
  43. color-scheme: light;
  44. --el-color-white: #ffffff;
  45. --el-color-black: #000000;
  46. --el-color-primary: #06E1AB;
  47. --el-color-primary-light-3: #06E1AB;
  48. --el-color-primary-light-5: #c9ffec;
  49. --el-color-primary-light-7: #c9ffec;
  50. --el-color-primary-light-8: #c9ffec;
  51. --el-color-primary-light-9: #c9ffec;
  52. --el-color-primary-dark-2: #06E1AB;
  53. --el-color-success: #67c23a;
  54. --el-color-success-light-3: #95d475;
  55. --el-color-success-light-5: #b3e19d;
  56. --el-color-success-light-7: #d1edc4;
  57. --el-color-success-light-8: #e1f3d8;
  58. --el-color-success-light-9: #f0f9eb;
  59. --el-color-success-dark-2: #529b2e;
  60. --el-color-warning: #e6a23c;
  61. --el-color-warning-light-3: #eebe77;
  62. --el-color-warning-light-5: #f3d19e;
  63. --el-color-warning-light-7: #f8e3c5;
  64. --el-color-warning-light-8: #faecd8;
  65. --el-color-warning-light-9: #fdf6ec;
  66. --el-color-warning-dark-2: #b88230;
  67. --el-color-danger: #f56c6c;
  68. --el-color-danger-light-3: #f89898;
  69. --el-color-danger-light-5: #fab6b6;
  70. --el-color-danger-light-7: #fcd3d3;
  71. --el-color-danger-light-8: #fde2e2;
  72. --el-color-danger-light-9: #fef0f0;
  73. --el-color-danger-dark-2: #c45656;
  74. --el-color-error: #f56c6c;
  75. --el-color-error-light-3: #f89898;
  76. --el-color-error-light-5: #fab6b6;
  77. --el-color-error-light-7: #fcd3d3;
  78. --el-color-error-light-8: #fde2e2;
  79. --el-color-error-light-9: #fef0f0;
  80. --el-color-error-dark-2: #c45656;
  81. --el-color-info: #909399;
  82. --el-color-info-light-3: #b1b3b8;
  83. --el-color-info-light-5: #c8c9cc;
  84. --el-color-info-light-7: #dedfe0;
  85. --el-color-info-light-8: #e9e9eb;
  86. --el-color-info-light-9: #f4f4f5;
  87. --el-color-info-dark-2: #73767a;
  88. --el-bg-color: #ffffff;
  89. --el-bg-color-page: #f2f3f5;
  90. --el-bg-color-overlay: #ffffff;
  91. --el-text-color-primary: #303133;
  92. --el-text-color-regular: #606266;
  93. --el-text-color-secondary: #909399;
  94. --el-text-color-placeholder: #a8abb2;
  95. --el-text-color-disabled: #c0c4cc;
  96. --el-border-color: #dcdfe6;
  97. --el-border-color-light: #e4e7ed;
  98. --el-border-color-lighter: #ebeef5;
  99. --el-border-color-extra-light: #f2f6fc;
  100. --el-border-color-dark: #d4d7de;
  101. --el-border-color-darker: #cdd0d6;
  102. --el-fill-color: #f0f2f5;
  103. --el-fill-color-light: #f5f7fa;
  104. --el-fill-color-lighter: #fafafa;
  105. --el-fill-color-extra-light: #fafcff;
  106. --el-fill-color-dark: #ebedf0;
  107. --el-fill-color-darker: #e6e8eb;
  108. --el-fill-color-blank: #ffffff;
  109. --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
  110. --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  111. --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  112. --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  113. --el-disabled-bg-color: var(--el-fill-color-light);
  114. --el-disabled-text-color: var(--el-text-color-placeholder);
  115. --el-disabled-border-color: var(--el-border-color-light);
  116. --el-overlay-color: rgba(0, 0, 0, 0.8);
  117. --el-overlay-color-light: rgba(0, 0, 0, 0.7);
  118. --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  119. --el-mask-color: rgba(255, 255, 255, 0.9);
  120. --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  121. --el-border-width: 1px;
  122. --el-border-style: solid;
  123. --el-border-color-hover: var(--el-text-color-disabled);
  124. --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  125. --el-svg-monochrome-grey: var(--el-border-color)
  126. }
  127. .fade-in-linear-enter-active,
  128. .fade-in-linear-leave-active {
  129. transition: var(--el-transition-fade-linear)
  130. }
  131. .fade-in-linear-enter-from,
  132. .fade-in-linear-leave-to {
  133. opacity: 0
  134. }
  135. .el-fade-in-linear-enter-active,
  136. .el-fade-in-linear-leave-active {
  137. transition: var(--el-transition-fade-linear)
  138. }
  139. .el-fade-in-linear-enter-from,
  140. .el-fade-in-linear-leave-to {
  141. opacity: 0
  142. }
  143. .el-fade-in-enter-active,
  144. .el-fade-in-leave-active {
  145. transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
  146. }
  147. .el-fade-in-enter-from,
  148. .el-fade-in-leave-active {
  149. opacity: 0
  150. }
  151. .el-zoom-in-center-enter-active,
  152. .el-zoom-in-center-leave-active {
  153. transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
  154. }
  155. .el-zoom-in-center-enter-from,
  156. .el-zoom-in-center-leave-active {
  157. opacity: 0;
  158. transform: scaleX(0)
  159. }
  160. .el-zoom-in-top-enter-active,
  161. .el-zoom-in-top-leave-active {
  162. opacity: 1;
  163. transform: scaleY(1);
  164. transition: var(--el-transition-md-fade);
  165. transform-origin: center top
  166. }
  167. .el-zoom-in-top-enter-active[data-popper-placement^=top],
  168. .el-zoom-in-top-leave-active[data-popper-placement^=top] {
  169. transform-origin: center bottom
  170. }
  171. .el-zoom-in-top-enter-from,
  172. .el-zoom-in-top-leave-active {
  173. opacity: 0;
  174. transform: scaleY(0)
  175. }
  176. .el-zoom-in-bottom-enter-active,
  177. .el-zoom-in-bottom-leave-active {
  178. opacity: 1;
  179. transform: scaleY(1);
  180. transition: var(--el-transition-md-fade);
  181. transform-origin: center bottom
  182. }
  183. .el-zoom-in-bottom-enter-from,
  184. .el-zoom-in-bottom-leave-active {
  185. opacity: 0;
  186. transform: scaleY(0)
  187. }
  188. .el-zoom-in-left-enter-active,
  189. .el-zoom-in-left-leave-active {
  190. opacity: 1;
  191. transform: scale(1, 1);
  192. transition: var(--el-transition-md-fade);
  193. transform-origin: top left
  194. }
  195. .el-zoom-in-left-enter-from,
  196. .el-zoom-in-left-leave-active {
  197. opacity: 0;
  198. transform: scale(.45, .45)
  199. }
  200. .collapse-transition {
  201. transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
  202. }
  203. .el-collapse-transition-enter-active,
  204. .el-collapse-transition-leave-active {
  205. transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
  206. }
  207. .horizontal-collapse-transition {
  208. transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out
  209. }
  210. .el-list-enter-active,
  211. .el-list-leave-active {
  212. transition: all 1s
  213. }
  214. .el-list-enter-from,
  215. .el-list-leave-to {
  216. opacity: 0;
  217. transform: translateY(-30px)
  218. }
  219. .el-list-leave-active {
  220. position: absolute !important
  221. }
  222. .el-opacity-transition {
  223. transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
  224. }
  225. .el-icon-loading {
  226. -webkit-animation: rotating 2s linear infinite;
  227. animation: rotating 2s linear infinite
  228. }
  229. .el-icon--right {
  230. margin-left: 5px
  231. }
  232. .el-icon--left {
  233. margin-right: 5px
  234. }
  235. @-webkit-keyframes rotating {
  236. 0% {
  237. transform: rotateZ(0)
  238. }
  239. 100% {
  240. transform: rotateZ(360deg)
  241. }
  242. }
  243. @keyframes rotating {
  244. 0% {
  245. transform: rotateZ(0)
  246. }
  247. 100% {
  248. transform: rotateZ(360deg)
  249. }
  250. }
  251. .el-icon {
  252. --color: inherit;
  253. height: 1em;
  254. width: 1em;
  255. line-height: 1em;
  256. display: inline-flex;
  257. justify-content: center;
  258. align-items: center;
  259. position: relative;
  260. fill: currentColor;
  261. color: var(--color);
  262. font-size: inherit
  263. }
  264. .el-icon.is-loading {
  265. -webkit-animation: rotating 2s linear infinite;
  266. animation: rotating 2s linear infinite
  267. }
  268. .el-icon svg {
  269. height: 1em;
  270. width: 1em
  271. }
  272. .el-affix--fixed {
  273. position: fixed
  274. }
  275. .el-alert {
  276. --el-alert-padding: 8px 16px;
  277. --el-alert-border-radius-base: var(--el-border-radius-base);
  278. --el-alert-title-font-size: 14px;
  279. --el-alert-title-with-description-font-size: 16px;
  280. --el-alert-description-font-size: 14px;
  281. --el-alert-close-font-size: 16px;
  282. --el-alert-close-customed-font-size: 14px;
  283. --el-alert-icon-size: 16px;
  284. --el-alert-icon-large-size: 28px;
  285. width: 100%;
  286. padding: var(--el-alert-padding);
  287. margin: 0;
  288. box-sizing: border-box;
  289. border-radius: var(--el-alert-border-radius-base);
  290. position: relative;
  291. background-color: var(--el-color-white);
  292. overflow: hidden;
  293. opacity: 1;
  294. display: flex;
  295. align-items: center;
  296. transition: opacity var(--el-transition-duration-fast)
  297. }
  298. .el-alert.is-light .el-alert__close-btn {
  299. color: var(--el-text-color-placeholder)
  300. }
  301. .el-alert.is-dark .el-alert__close-btn {
  302. color: var(--el-color-white)
  303. }
  304. .el-alert.is-dark .el-alert__description {
  305. color: var(--el-color-white)
  306. }
  307. .el-alert.is-center {
  308. justify-content: center
  309. }
  310. .el-alert--success {
  311. --el-alert-bg-color: var(--el-color-success-light-9)
  312. }
  313. .el-alert--success.is-light {
  314. background-color: var(--el-alert-bg-color);
  315. color: var(--el-color-success)
  316. }
  317. .el-alert--success.is-light .el-alert__description {
  318. color: var(--el-color-success)
  319. }
  320. .el-alert--success.is-dark {
  321. background-color: var(--el-color-success);
  322. color: var(--el-color-white)
  323. }
  324. .el-alert--info {
  325. --el-alert-bg-color: var(--el-color-info-light-9)
  326. }
  327. .el-alert--info.is-light {
  328. background-color: var(--el-alert-bg-color);
  329. color: var(--el-color-info)
  330. }
  331. .el-alert--info.is-light .el-alert__description {
  332. color: var(--el-color-info)
  333. }
  334. .el-alert--info.is-dark {
  335. background-color: var(--el-color-info);
  336. color: var(--el-color-white)
  337. }
  338. .el-alert--warning {
  339. --el-alert-bg-color: var(--el-color-warning-light-9)
  340. }
  341. .el-alert--warning.is-light {
  342. background-color: var(--el-alert-bg-color);
  343. color: var(--el-color-warning)
  344. }
  345. .el-alert--warning.is-light .el-alert__description {
  346. color: var(--el-color-warning)
  347. }
  348. .el-alert--warning.is-dark {
  349. background-color: var(--el-color-warning);
  350. color: var(--el-color-white)
  351. }
  352. .el-alert--error {
  353. --el-alert-bg-color: var(--el-color-error-light-9)
  354. }
  355. .el-alert--error.is-light {
  356. background-color: var(--el-alert-bg-color);
  357. color: var(--el-color-error)
  358. }
  359. .el-alert--error.is-light .el-alert__description {
  360. color: var(--el-color-error)
  361. }
  362. .el-alert--error.is-dark {
  363. background-color: var(--el-color-error);
  364. color: var(--el-color-white)
  365. }
  366. .el-alert__content {
  367. display: flex;
  368. flex-direction: column;
  369. gap: 4px
  370. }
  371. .el-alert .el-alert__icon {
  372. font-size: var(--el-alert-icon-size);
  373. width: var(--el-alert-icon-size);
  374. margin-right: 8px
  375. }
  376. .el-alert .el-alert__icon.is-big {
  377. font-size: var(--el-alert-icon-large-size);
  378. width: var(--el-alert-icon-large-size);
  379. margin-right: 12px
  380. }
  381. .el-alert__title {
  382. font-size: var(--el-alert-title-font-size);
  383. line-height: 24px
  384. }
  385. .el-alert__title.with-description {
  386. font-size: var(--el-alert-title-with-description-font-size)
  387. }
  388. .el-alert .el-alert__description {
  389. font-size: var(--el-alert-description-font-size);
  390. margin: 0
  391. }
  392. .el-alert .el-alert__close-btn {
  393. font-size: var(--el-alert-close-font-size);
  394. opacity: 1;
  395. position: absolute;
  396. top: 12px;
  397. right: 16px;
  398. cursor: pointer
  399. }
  400. .el-alert .el-alert__close-btn.is-customed {
  401. font-style: normal;
  402. font-size: var(--el-alert-close-customed-font-size);
  403. line-height: 24px;
  404. top: 8px
  405. }
  406. .el-alert-fade-enter-from,
  407. .el-alert-fade-leave-active {
  408. opacity: 0
  409. }
  410. .el-aside {
  411. overflow: auto;
  412. box-sizing: border-box;
  413. flex-shrink: 0;
  414. width: var(--el-aside-width, 300px)
  415. }
  416. .el-autocomplete {
  417. position: relative;
  418. display: inline-block
  419. }
  420. .el-autocomplete__popper.el-popper {
  421. background: var(--el-bg-color-overlay);
  422. border: 1px solid var(--el-border-color-light);
  423. box-shadow: var(--el-box-shadow-light)
  424. }
  425. .el-autocomplete__popper.el-popper .el-popper__arrow::before {
  426. border: 1px solid var(--el-border-color-light)
  427. }
  428. .el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  429. border-top-color: transparent;
  430. border-left-color: transparent
  431. }
  432. .el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  433. border-bottom-color: transparent;
  434. border-right-color: transparent
  435. }
  436. .el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  437. border-left-color: transparent;
  438. border-bottom-color: transparent
  439. }
  440. .el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  441. border-right-color: transparent;
  442. border-top-color: transparent
  443. }
  444. .el-autocomplete-suggestion {
  445. border-radius: var(--el-border-radius-base);
  446. box-sizing: border-box
  447. }
  448. .el-autocomplete-suggestion__wrap {
  449. max-height: 280px;
  450. padding: 10px 0;
  451. box-sizing: border-box
  452. }
  453. .el-autocomplete-suggestion__list {
  454. margin: 0;
  455. padding: 0
  456. }
  457. .el-autocomplete-suggestion li {
  458. padding: 0 20px;
  459. margin: 0;
  460. line-height: 34px;
  461. cursor: pointer;
  462. color: var(--el-text-color-regular);
  463. font-size: var(--el-font-size-base);
  464. list-style: none;
  465. text-align: left;
  466. white-space: nowrap;
  467. overflow: hidden;
  468. text-overflow: ellipsis
  469. }
  470. .el-autocomplete-suggestion li:hover {
  471. background-color: var(--el-fill-color-light)
  472. }
  473. .el-autocomplete-suggestion li.highlighted {
  474. background-color: var(--el-fill-color-light)
  475. }
  476. .el-autocomplete-suggestion li.divider {
  477. margin-top: 6px;
  478. border-top: 1px solid var(--el-color-black)
  479. }
  480. .el-autocomplete-suggestion li.divider:last-child {
  481. margin-bottom: -6px
  482. }
  483. .el-autocomplete-suggestion.is-loading li {
  484. text-align: center;
  485. height: 100px;
  486. line-height: 100px;
  487. font-size: 20px;
  488. color: var(--el-text-color-secondary)
  489. }
  490. .el-autocomplete-suggestion.is-loading li::after {
  491. display: inline-block;
  492. content: "";
  493. height: 100%;
  494. vertical-align: middle
  495. }
  496. .el-autocomplete-suggestion.is-loading li:hover {
  497. background-color: var(--el-bg-color-overlay)
  498. }
  499. .el-autocomplete-suggestion.is-loading .el-icon-loading {
  500. vertical-align: middle
  501. }
  502. .el-avatar {
  503. --el-avatar-text-color: var(--el-color-white);
  504. --el-avatar-bg-color: var(--el-text-color-disabled);
  505. --el-avatar-text-size: 14px;
  506. --el-avatar-icon-size: 18px;
  507. --el-avatar-border-radius: var(--el-border-radius-base);
  508. --el-avatar-size-large: 56px;
  509. --el-avatar-size: 40px;
  510. --el-avatar-size-small: 24px;
  511. --el-avatar-size: 40px;
  512. display: inline-flex;
  513. justify-content: center;
  514. align-items: center;
  515. box-sizing: border-box;
  516. text-align: center;
  517. overflow: hidden;
  518. color: var(--el-avatar-text-color);
  519. background: var(--el-avatar-bg-color);
  520. width: var(--el-avatar-size);
  521. height: var(--el-avatar-size);
  522. font-size: var(--el-avatar-text-size)
  523. }
  524. .el-avatar>img {
  525. display: block;
  526. width: 100%;
  527. height: 100%
  528. }
  529. .el-avatar--circle {
  530. border-radius: 50%
  531. }
  532. .el-avatar--square {
  533. border-radius: var(--el-avatar-border-radius)
  534. }
  535. .el-avatar--icon {
  536. font-size: var(--el-avatar-icon-size)
  537. }
  538. .el-avatar--small {
  539. --el-avatar-size: 24px
  540. }
  541. .el-avatar--large {
  542. --el-avatar-size: 56px
  543. }
  544. .el-backtop {
  545. --el-backtop-bg-color: var(--el-bg-color-overlay);
  546. --el-backtop-text-color: var(--el-color-primary);
  547. --el-backtop-hover-bg-color: var(--el-border-color-extra-light);
  548. position: fixed;
  549. background-color: var(--el-backtop-bg-color);
  550. width: 40px;
  551. height: 40px;
  552. border-radius: 50%;
  553. color: var(--el-backtop-text-color);
  554. display: flex;
  555. align-items: center;
  556. justify-content: center;
  557. font-size: 20px;
  558. box-shadow: var(--el-box-shadow-lighter);
  559. cursor: pointer;
  560. z-index: 5
  561. }
  562. .el-backtop:hover {
  563. background-color: var(--el-backtop-hover-bg-color)
  564. }
  565. .el-backtop__icon {
  566. font-size: 20px
  567. }
  568. .el-badge {
  569. --el-badge-bg-color: var(--el-color-danger);
  570. --el-badge-radius: 10px;
  571. --el-badge-font-size: 12px;
  572. --el-badge-padding: 6px;
  573. --el-badge-size: 18px;
  574. position: relative;
  575. vertical-align: middle;
  576. display: inline-block;
  577. width: -webkit-fit-content;
  578. width: -moz-fit-content;
  579. width: fit-content
  580. }
  581. .el-badge__content {
  582. background-color: var(--el-badge-bg-color);
  583. border-radius: var(--el-badge-radius);
  584. color: var(--el-color-white);
  585. display: inline-flex;
  586. justify-content: center;
  587. align-items: center;
  588. font-size: var(--el-badge-font-size);
  589. height: var(--el-badge-size);
  590. padding: 0 var(--el-badge-padding);
  591. white-space: nowrap;
  592. border: 1px solid var(--el-bg-color)
  593. }
  594. .el-badge__content.is-fixed {
  595. position: absolute;
  596. top: 0;
  597. right: calc(1px + var(--el-badge-size)/ 2);
  598. transform: translateY(-50%) translateX(100%);
  599. z-index: var(--el-index-normal)
  600. }
  601. .el-badge__content.is-fixed.is-dot {
  602. right: 5px
  603. }
  604. .el-badge__content.is-dot {
  605. height: 8px;
  606. width: 8px;
  607. padding: 0;
  608. right: 0;
  609. border-radius: 50%
  610. }
  611. .el-badge__content--primary {
  612. background-color: var(--el-color-primary)
  613. }
  614. .el-badge__content--success {
  615. background-color: var(--el-color-success)
  616. }
  617. .el-badge__content--warning {
  618. background-color: var(--el-color-warning)
  619. }
  620. .el-badge__content--info {
  621. background-color: var(--el-color-info)
  622. }
  623. .el-badge__content--danger {
  624. background-color: var(--el-color-danger)
  625. }
  626. .el-breadcrumb {
  627. font-size: 14px;
  628. line-height: 1
  629. }
  630. .el-breadcrumb::after,
  631. .el-breadcrumb::before {
  632. display: table;
  633. content: ""
  634. }
  635. .el-breadcrumb::after {
  636. clear: both
  637. }
  638. .el-breadcrumb__separator {
  639. margin: 0 9px;
  640. font-weight: 700;
  641. color: var(--el-text-color-placeholder)
  642. }
  643. .el-breadcrumb__separator.el-icon {
  644. margin: 0 6px;
  645. font-weight: 400
  646. }
  647. .el-breadcrumb__separator.el-icon svg {
  648. vertical-align: middle
  649. }
  650. .el-breadcrumb__item {
  651. float: left;
  652. display: inline-flex;
  653. align-items: center
  654. }
  655. .el-breadcrumb__inner {
  656. color: var(--el-text-color-regular)
  657. }
  658. .el-breadcrumb__inner a,
  659. .el-breadcrumb__inner.is-link {
  660. font-weight: 700;
  661. text-decoration: none;
  662. transition: var(--el-transition-color);
  663. color: var(--el-text-color-primary)
  664. }
  665. .el-breadcrumb__inner a:hover,
  666. .el-breadcrumb__inner.is-link:hover {
  667. color: var(--el-color-primary);
  668. cursor: pointer
  669. }
  670. .el-breadcrumb__item:last-child .el-breadcrumb__inner,
  671. .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
  672. .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
  673. .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  674. font-weight: 400;
  675. color: var(--el-text-color-regular);
  676. cursor: text
  677. }
  678. .el-breadcrumb__item:last-child .el-breadcrumb__separator {
  679. display: none
  680. }
  681. .el-button-group {
  682. display: inline-block;
  683. vertical-align: middle
  684. }
  685. .el-button-group::after,
  686. .el-button-group::before {
  687. display: table;
  688. content: ""
  689. }
  690. .el-button-group::after {
  691. clear: both
  692. }
  693. .el-button-group>.el-button {
  694. float: left;
  695. position: relative
  696. }
  697. .el-button-group>.el-button+.el-button {
  698. margin-left: 0
  699. }
  700. .el-button-group>.el-button:first-child {
  701. border-top-right-radius: 0;
  702. border-bottom-right-radius: 0
  703. }
  704. .el-button-group>.el-button:last-child {
  705. border-top-left-radius: 0;
  706. border-bottom-left-radius: 0
  707. }
  708. .el-button-group>.el-button:first-child:last-child {
  709. border-top-right-radius: var(--el-border-radius-base);
  710. border-bottom-right-radius: var(--el-border-radius-base);
  711. border-top-left-radius: var(--el-border-radius-base);
  712. border-bottom-left-radius: var(--el-border-radius-base)
  713. }
  714. .el-button-group>.el-button:first-child:last-child.is-round {
  715. border-radius: var(--el-border-radius-round)
  716. }
  717. .el-button-group>.el-button:first-child:last-child.is-circle {
  718. border-radius: 50%
  719. }
  720. .el-button-group>.el-button:not(:first-child):not(:last-child) {
  721. border-radius: 0
  722. }
  723. .el-button-group>.el-button:not(:last-child) {
  724. margin-right: -1px
  725. }
  726. .el-button-group>.el-button:active,
  727. .el-button-group>.el-button:focus,
  728. .el-button-group>.el-button:hover {
  729. z-index: 1
  730. }
  731. .el-button-group>.el-button.is-active {
  732. z-index: 1
  733. }
  734. .el-button-group>.el-dropdown>.el-button {
  735. border-top-left-radius: 0;
  736. border-bottom-left-radius: 0;
  737. border-left-color: var(--el-button-divide-border-color)
  738. }
  739. .el-button-group .el-button--primary:first-child {
  740. border-right-color: var(--el-button-divide-border-color)
  741. }
  742. .el-button-group .el-button--primary:last-child {
  743. border-left-color: var(--el-button-divide-border-color)
  744. }
  745. .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  746. border-left-color: var(--el-button-divide-border-color);
  747. border-right-color: var(--el-button-divide-border-color)
  748. }
  749. .el-button-group .el-button--success:first-child {
  750. border-right-color: var(--el-button-divide-border-color)
  751. }
  752. .el-button-group .el-button--success:last-child {
  753. border-left-color: var(--el-button-divide-border-color)
  754. }
  755. .el-button-group .el-button--success:not(:first-child):not(:last-child) {
  756. border-left-color: var(--el-button-divide-border-color);
  757. border-right-color: var(--el-button-divide-border-color)
  758. }
  759. .el-button-group .el-button--warning:first-child {
  760. border-right-color: var(--el-button-divide-border-color)
  761. }
  762. .el-button-group .el-button--warning:last-child {
  763. border-left-color: var(--el-button-divide-border-color)
  764. }
  765. .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  766. border-left-color: var(--el-button-divide-border-color);
  767. border-right-color: var(--el-button-divide-border-color)
  768. }
  769. .el-button-group .el-button--danger:first-child {
  770. border-right-color: var(--el-button-divide-border-color)
  771. }
  772. .el-button-group .el-button--danger:last-child {
  773. border-left-color: var(--el-button-divide-border-color)
  774. }
  775. .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  776. border-left-color: var(--el-button-divide-border-color);
  777. border-right-color: var(--el-button-divide-border-color)
  778. }
  779. .el-button-group .el-button--info:first-child {
  780. border-right-color: var(--el-button-divide-border-color)
  781. }
  782. .el-button-group .el-button--info:last-child {
  783. border-left-color: var(--el-button-divide-border-color)
  784. }
  785. .el-button-group .el-button--info:not(:first-child):not(:last-child) {
  786. border-left-color: var(--el-button-divide-border-color);
  787. border-right-color: var(--el-button-divide-border-color)
  788. }
  789. .el-button {
  790. --el-button-font-weight: var(--el-font-weight-primary);
  791. --el-button-border-color: var(--el-border-color);
  792. --el-button-bg-color: var(--el-fill-color-blank);
  793. --el-button-text-color: var(--el-text-color-regular);
  794. --el-button-disabled-text-color: var(--el-disabled-text-color);
  795. --el-button-disabled-bg-color: var(--el-fill-color-blank);
  796. --el-button-disabled-border-color: var(--el-border-color-light);
  797. --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
  798. --el-button-hover-text-color: var(--el-color-primary);
  799. --el-button-hover-bg-color: var(--el-color-primary-light-9);
  800. --el-button-hover-border-color: var(--el-color-primary-light-7);
  801. --el-button-active-text-color: var(--el-button-hover-text-color);
  802. --el-button-active-border-color: var(--el-color-primary);
  803. --el-button-active-bg-color: var(--el-button-hover-bg-color);
  804. --el-button-outline-color: var(--el-color-primary-light-5);
  805. --el-button-hover-link-text-color: var(--el-color-info);
  806. --el-button-active-color: var(--el-text-color-primary)
  807. }
  808. .el-button {
  809. display: inline-flex;
  810. justify-content: center;
  811. align-items: center;
  812. line-height: 1;
  813. height: 32px;
  814. white-space: nowrap;
  815. cursor: pointer;
  816. color: var(--el-button-text-color);
  817. text-align: center;
  818. box-sizing: border-box;
  819. outline: 0;
  820. transition: .1s;
  821. font-weight: var(--el-button-font-weight);
  822. -webkit-user-select: none;
  823. -moz-user-select: none;
  824. -ms-user-select: none;
  825. user-select: none;
  826. vertical-align: middle;
  827. -webkit-appearance: none;
  828. background-color: var(--el-button-bg-color);
  829. border: var(--el-border);
  830. border-color: var(--el-button-border-color);
  831. padding: 8px 15px;
  832. font-size: var(--el-font-size-base);
  833. border-radius: var(--el-border-radius-base)
  834. }
  835. .el-button:hover {
  836. color: var(--el-button-hover-text-color);
  837. border-color: var(--el-button-hover-border-color);
  838. background-color: var(--el-button-hover-bg-color);
  839. outline: 0
  840. }
  841. .el-button:active {
  842. color: var(--el-button-active-text-color);
  843. border-color: var(--el-button-active-border-color);
  844. background-color: var(--el-button-active-bg-color);
  845. outline: 0
  846. }
  847. .el-button:focus-visible {
  848. outline: 2px solid var(--el-button-outline-color);
  849. outline-offset: 1px;
  850. transition: outline-offset 0s, outline 0s
  851. }
  852. .el-button>span {
  853. display: inline-flex;
  854. align-items: center
  855. }
  856. .el-button+.el-button {
  857. margin-left: 12px
  858. }
  859. .el-button.is-round {
  860. padding: 8px 15px
  861. }
  862. .el-button::-moz-focus-inner {
  863. border: 0
  864. }
  865. .el-button [class*=el-icon]+span {
  866. margin-left: 6px
  867. }
  868. .el-button [class*=el-icon] svg {
  869. vertical-align: bottom
  870. }
  871. .el-button.is-plain {
  872. --el-button-hover-text-color: var(--el-color-primary);
  873. --el-button-hover-bg-color: var(--el-fill-color-blank);
  874. --el-button-hover-border-color: var(--el-color-primary)
  875. }
  876. .el-button.is-active {
  877. color: var(--el-button-active-text-color);
  878. border-color: var(--el-button-active-border-color);
  879. background-color: var(--el-button-active-bg-color);
  880. outline: 0
  881. }
  882. .el-button.is-disabled,
  883. .el-button.is-disabled:hover {
  884. color: var(--el-button-disabled-text-color);
  885. cursor: not-allowed;
  886. background-image: none;
  887. background-color: var(--el-button-disabled-bg-color);
  888. border-color: var(--el-button-disabled-border-color)
  889. }
  890. .el-button.is-loading {
  891. position: relative;
  892. pointer-events: none
  893. }
  894. .el-button.is-loading:before {
  895. z-index: 1;
  896. pointer-events: none;
  897. content: "";
  898. position: absolute;
  899. left: -1px;
  900. top: -1px;
  901. right: -1px;
  902. bottom: -1px;
  903. border-radius: inherit;
  904. background-color: var(--el-mask-color-extra-light)
  905. }
  906. .el-button.is-round {
  907. border-radius: var(--el-border-radius-round)
  908. }
  909. .el-button.is-circle {
  910. width: 32px;
  911. border-radius: 50%;
  912. padding: 8px
  913. }
  914. .el-button.is-text {
  915. color: var(--el-button-text-color);
  916. border: 0 solid transparent;
  917. background-color: transparent
  918. }
  919. .el-button.is-text.is-disabled {
  920. color: var(--el-button-disabled-text-color);
  921. background-color: transparent !important
  922. }
  923. .el-button.is-text:not(.is-disabled):hover {
  924. background-color: var(--el-fill-color-light)
  925. }
  926. .el-button.is-text:not(.is-disabled):focus-visible {
  927. outline: 2px solid var(--el-button-outline-color);
  928. outline-offset: 1px;
  929. transition: outline-offset 0s, outline 0s
  930. }
  931. .el-button.is-text:not(.is-disabled):active {
  932. background-color: var(--el-fill-color)
  933. }
  934. .el-button.is-text:not(.is-disabled).is-has-bg {
  935. background-color: var(--el-fill-color-light)
  936. }
  937. .el-button.is-text:not(.is-disabled).is-has-bg:hover {
  938. background-color: var(--el-fill-color)
  939. }
  940. .el-button.is-text:not(.is-disabled).is-has-bg:active {
  941. background-color: var(--el-fill-color-dark)
  942. }
  943. .el-button__text--expand {
  944. letter-spacing: .3em;
  945. margin-right: -.3em
  946. }
  947. .el-button.is-link {
  948. border-color: transparent;
  949. color: var(--el-button-text-color);
  950. background: 0 0;
  951. padding: 2px;
  952. height: auto
  953. }
  954. .el-button.is-link:hover {
  955. color: var(--el-button-hover-link-text-color)
  956. }
  957. .el-button.is-link.is-disabled {
  958. color: var(--el-button-disabled-text-color);
  959. background-color: transparent !important;
  960. border-color: transparent !important
  961. }
  962. .el-button.is-link:not(.is-disabled):hover {
  963. border-color: transparent;
  964. background-color: transparent
  965. }
  966. .el-button.is-link:not(.is-disabled):active {
  967. color: var(--el-button-active-color);
  968. border-color: transparent;
  969. background-color: transparent
  970. }
  971. .el-button--text {
  972. border-color: transparent;
  973. background: 0 0;
  974. color: var(--el-color-primary);
  975. padding-left: 0;
  976. padding-right: 0
  977. }
  978. .el-button--text.is-disabled {
  979. color: var(--el-button-disabled-text-color);
  980. background-color: transparent !important;
  981. border-color: transparent !important
  982. }
  983. .el-button--text:not(.is-disabled):hover {
  984. color: var(--el-color-primary-light-3);
  985. border-color: transparent;
  986. background-color: transparent
  987. }
  988. .el-button--text:not(.is-disabled):active {
  989. color: var(--el-color-primary-dark-2);
  990. border-color: transparent;
  991. background-color: transparent
  992. }
  993. .el-button__link--expand {
  994. letter-spacing: .3em;
  995. margin-right: -.3em
  996. }
  997. .el-button--primary {
  998. --el-button-text-color: var(--el-color-white);
  999. --el-button-bg-color: var(--el-color-primary);
  1000. --el-button-border-color: var(--el-color-primary);
  1001. --el-button-outline-color: var(--el-color-primary-light-5);
  1002. --el-button-active-color: var(--el-color-primary-dark-2);
  1003. --el-button-hover-text-color: var(--el-color-white);
  1004. --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  1005. --el-button-hover-bg-color: var(--el-color-primary-light-3);
  1006. --el-button-hover-border-color: var(--el-color-primary-light-3);
  1007. --el-button-active-bg-color: var(--el-color-primary-dark-2);
  1008. --el-button-active-border-color: var(--el-color-primary-dark-2);
  1009. --el-button-disabled-text-color: var(--el-color-white);
  1010. --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  1011. --el-button-disabled-border-color: var(--el-color-primary-light-5)
  1012. }
  1013. .el-button--primary.is-link,
  1014. .el-button--primary.is-plain,
  1015. .el-button--primary.is-text {
  1016. --el-button-text-color: var(--el-color-primary);
  1017. --el-button-bg-color: var(--el-color-primary-light-9);
  1018. --el-button-border-color: var(--el-color-primary-light-5);
  1019. --el-button-hover-text-color: var(--el-color-white);
  1020. --el-button-hover-bg-color: var(--el-color-primary);
  1021. --el-button-hover-border-color: var(--el-color-primary);
  1022. --el-button-active-text-color: var(--el-color-white)
  1023. }
  1024. .el-button--primary.is-link.is-disabled,
  1025. .el-button--primary.is-link.is-disabled:active,
  1026. .el-button--primary.is-link.is-disabled:focus,
  1027. .el-button--primary.is-link.is-disabled:hover,
  1028. .el-button--primary.is-plain.is-disabled,
  1029. .el-button--primary.is-plain.is-disabled:active,
  1030. .el-button--primary.is-plain.is-disabled:focus,
  1031. .el-button--primary.is-plain.is-disabled:hover,
  1032. .el-button--primary.is-text.is-disabled,
  1033. .el-button--primary.is-text.is-disabled:active,
  1034. .el-button--primary.is-text.is-disabled:focus,
  1035. .el-button--primary.is-text.is-disabled:hover {
  1036. color: var(--el-color-primary-light-5);
  1037. background-color: var(--el-color-primary-light-9);
  1038. border-color: var(--el-color-primary-light-8)
  1039. }
  1040. .el-button--success {
  1041. --el-button-text-color: var(--el-color-white);
  1042. --el-button-bg-color: var(--el-color-success);
  1043. --el-button-border-color: var(--el-color-success);
  1044. --el-button-outline-color: var(--el-color-success-light-5);
  1045. --el-button-active-color: var(--el-color-success-dark-2);
  1046. --el-button-hover-text-color: var(--el-color-white);
  1047. --el-button-hover-link-text-color: var(--el-color-success-light-5);
  1048. --el-button-hover-bg-color: var(--el-color-success-light-3);
  1049. --el-button-hover-border-color: var(--el-color-success-light-3);
  1050. --el-button-active-bg-color: var(--el-color-success-dark-2);
  1051. --el-button-active-border-color: var(--el-color-success-dark-2);
  1052. --el-button-disabled-text-color: var(--el-color-white);
  1053. --el-button-disabled-bg-color: var(--el-color-success-light-5);
  1054. --el-button-disabled-border-color: var(--el-color-success-light-5)
  1055. }
  1056. .el-button--success.is-link,
  1057. .el-button--success.is-plain,
  1058. .el-button--success.is-text {
  1059. --el-button-text-color: var(--el-color-success);
  1060. --el-button-bg-color: var(--el-color-success-light-9);
  1061. --el-button-border-color: var(--el-color-success-light-5);
  1062. --el-button-hover-text-color: var(--el-color-white);
  1063. --el-button-hover-bg-color: var(--el-color-success);
  1064. --el-button-hover-border-color: var(--el-color-success);
  1065. --el-button-active-text-color: var(--el-color-white)
  1066. }
  1067. .el-button--success.is-link.is-disabled,
  1068. .el-button--success.is-link.is-disabled:active,
  1069. .el-button--success.is-link.is-disabled:focus,
  1070. .el-button--success.is-link.is-disabled:hover,
  1071. .el-button--success.is-plain.is-disabled,
  1072. .el-button--success.is-plain.is-disabled:active,
  1073. .el-button--success.is-plain.is-disabled:focus,
  1074. .el-button--success.is-plain.is-disabled:hover,
  1075. .el-button--success.is-text.is-disabled,
  1076. .el-button--success.is-text.is-disabled:active,
  1077. .el-button--success.is-text.is-disabled:focus,
  1078. .el-button--success.is-text.is-disabled:hover {
  1079. color: var(--el-color-success-light-5);
  1080. background-color: var(--el-color-success-light-9);
  1081. border-color: var(--el-color-success-light-8)
  1082. }
  1083. .el-button--warning {
  1084. --el-button-text-color: var(--el-color-white);
  1085. --el-button-bg-color: var(--el-color-warning);
  1086. --el-button-border-color: var(--el-color-warning);
  1087. --el-button-outline-color: var(--el-color-warning-light-5);
  1088. --el-button-active-color: var(--el-color-warning-dark-2);
  1089. --el-button-hover-text-color: var(--el-color-white);
  1090. --el-button-hover-link-text-color: var(--el-color-warning-light-5);
  1091. --el-button-hover-bg-color: var(--el-color-warning-light-3);
  1092. --el-button-hover-border-color: var(--el-color-warning-light-3);
  1093. --el-button-active-bg-color: var(--el-color-warning-dark-2);
  1094. --el-button-active-border-color: var(--el-color-warning-dark-2);
  1095. --el-button-disabled-text-color: var(--el-color-white);
  1096. --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  1097. --el-button-disabled-border-color: var(--el-color-warning-light-5)
  1098. }
  1099. .el-button--warning.is-link,
  1100. .el-button--warning.is-plain,
  1101. .el-button--warning.is-text {
  1102. --el-button-text-color: var(--el-color-warning);
  1103. --el-button-bg-color: var(--el-color-warning-light-9);
  1104. --el-button-border-color: var(--el-color-warning-light-5);
  1105. --el-button-hover-text-color: var(--el-color-white);
  1106. --el-button-hover-bg-color: var(--el-color-warning);
  1107. --el-button-hover-border-color: var(--el-color-warning);
  1108. --el-button-active-text-color: var(--el-color-white)
  1109. }
  1110. .el-button--warning.is-link.is-disabled,
  1111. .el-button--warning.is-link.is-disabled:active,
  1112. .el-button--warning.is-link.is-disabled:focus,
  1113. .el-button--warning.is-link.is-disabled:hover,
  1114. .el-button--warning.is-plain.is-disabled,
  1115. .el-button--warning.is-plain.is-disabled:active,
  1116. .el-button--warning.is-plain.is-disabled:focus,
  1117. .el-button--warning.is-plain.is-disabled:hover,
  1118. .el-button--warning.is-text.is-disabled,
  1119. .el-button--warning.is-text.is-disabled:active,
  1120. .el-button--warning.is-text.is-disabled:focus,
  1121. .el-button--warning.is-text.is-disabled:hover {
  1122. color: var(--el-color-warning-light-5);
  1123. background-color: var(--el-color-warning-light-9);
  1124. border-color: var(--el-color-warning-light-8)
  1125. }
  1126. .el-button--danger {
  1127. --el-button-text-color: var(--el-color-white);
  1128. --el-button-bg-color: var(--el-color-danger);
  1129. --el-button-border-color: var(--el-color-danger);
  1130. --el-button-outline-color: var(--el-color-danger-light-5);
  1131. --el-button-active-color: var(--el-color-danger-dark-2);
  1132. --el-button-hover-text-color: var(--el-color-white);
  1133. --el-button-hover-link-text-color: var(--el-color-danger-light-5);
  1134. --el-button-hover-bg-color: var(--el-color-danger-light-3);
  1135. --el-button-hover-border-color: var(--el-color-danger-light-3);
  1136. --el-button-active-bg-color: var(--el-color-danger-dark-2);
  1137. --el-button-active-border-color: var(--el-color-danger-dark-2);
  1138. --el-button-disabled-text-color: var(--el-color-white);
  1139. --el-button-disabled-bg-color: var(--el-color-danger-light-5);
  1140. --el-button-disabled-border-color: var(--el-color-danger-light-5)
  1141. }
  1142. .el-button--danger.is-link,
  1143. .el-button--danger.is-plain,
  1144. .el-button--danger.is-text {
  1145. --el-button-text-color: var(--el-color-danger);
  1146. --el-button-bg-color: var(--el-color-danger-light-9);
  1147. --el-button-border-color: var(--el-color-danger-light-5);
  1148. --el-button-hover-text-color: var(--el-color-white);
  1149. --el-button-hover-bg-color: var(--el-color-danger);
  1150. --el-button-hover-border-color: var(--el-color-danger);
  1151. --el-button-active-text-color: var(--el-color-white)
  1152. }
  1153. .el-button--danger.is-link.is-disabled,
  1154. .el-button--danger.is-link.is-disabled:active,
  1155. .el-button--danger.is-link.is-disabled:focus,
  1156. .el-button--danger.is-link.is-disabled:hover,
  1157. .el-button--danger.is-plain.is-disabled,
  1158. .el-button--danger.is-plain.is-disabled:active,
  1159. .el-button--danger.is-plain.is-disabled:focus,
  1160. .el-button--danger.is-plain.is-disabled:hover,
  1161. .el-button--danger.is-text.is-disabled,
  1162. .el-button--danger.is-text.is-disabled:active,
  1163. .el-button--danger.is-text.is-disabled:focus,
  1164. .el-button--danger.is-text.is-disabled:hover {
  1165. color: var(--el-color-danger-light-5);
  1166. background-color: var(--el-color-danger-light-9);
  1167. border-color: var(--el-color-danger-light-8)
  1168. }
  1169. .el-button--info {
  1170. --el-button-text-color: var(--el-color-white);
  1171. --el-button-bg-color: var(--el-color-info);
  1172. --el-button-border-color: var(--el-color-info);
  1173. --el-button-outline-color: var(--el-color-info-light-5);
  1174. --el-button-active-color: var(--el-color-info-dark-2);
  1175. --el-button-hover-text-color: var(--el-color-white);
  1176. --el-button-hover-link-text-color: var(--el-color-info-light-5);
  1177. --el-button-hover-bg-color: var(--el-color-info-light-3);
  1178. --el-button-hover-border-color: var(--el-color-info-light-3);
  1179. --el-button-active-bg-color: var(--el-color-info-dark-2);
  1180. --el-button-active-border-color: var(--el-color-info-dark-2);
  1181. --el-button-disabled-text-color: var(--el-color-white);
  1182. --el-button-disabled-bg-color: var(--el-color-info-light-5);
  1183. --el-button-disabled-border-color: var(--el-color-info-light-5)
  1184. }
  1185. .el-button--info.is-link,
  1186. .el-button--info.is-plain,
  1187. .el-button--info.is-text {
  1188. --el-button-text-color: var(--el-color-info);
  1189. --el-button-bg-color: var(--el-color-info-light-9);
  1190. --el-button-border-color: var(--el-color-info-light-5);
  1191. --el-button-hover-text-color: var(--el-color-white);
  1192. --el-button-hover-bg-color: var(--el-color-info);
  1193. --el-button-hover-border-color: var(--el-color-info);
  1194. --el-button-active-text-color: var(--el-color-white)
  1195. }
  1196. .el-button--info.is-link.is-disabled,
  1197. .el-button--info.is-link.is-disabled:active,
  1198. .el-button--info.is-link.is-disabled:focus,
  1199. .el-button--info.is-link.is-disabled:hover,
  1200. .el-button--info.is-plain.is-disabled,
  1201. .el-button--info.is-plain.is-disabled:active,
  1202. .el-button--info.is-plain.is-disabled:focus,
  1203. .el-button--info.is-plain.is-disabled:hover,
  1204. .el-button--info.is-text.is-disabled,
  1205. .el-button--info.is-text.is-disabled:active,
  1206. .el-button--info.is-text.is-disabled:focus,
  1207. .el-button--info.is-text.is-disabled:hover {
  1208. color: var(--el-color-info-light-5);
  1209. background-color: var(--el-color-info-light-9);
  1210. border-color: var(--el-color-info-light-8)
  1211. }
  1212. .el-button--large {
  1213. --el-button-size: 40px;
  1214. height: var(--el-button-size);
  1215. padding: 12px 19px;
  1216. font-size: var(--el-font-size-base);
  1217. border-radius: var(--el-border-radius-base)
  1218. }
  1219. .el-button--large [class*=el-icon]+span {
  1220. margin-left: 8px
  1221. }
  1222. .el-button--large.is-round {
  1223. padding: 12px 19px
  1224. }
  1225. .el-button--large.is-circle {
  1226. width: var(--el-button-size);
  1227. padding: 12px
  1228. }
  1229. .el-button--small {
  1230. --el-button-size: 24px;
  1231. height: var(--el-button-size);
  1232. padding: 5px 11px;
  1233. font-size: 12px;
  1234. border-radius: calc(var(--el-border-radius-base) - 1px)
  1235. }
  1236. .el-button--small [class*=el-icon]+span {
  1237. margin-left: 4px
  1238. }
  1239. .el-button--small.is-round {
  1240. padding: 5px 11px
  1241. }
  1242. .el-button--small.is-circle {
  1243. width: var(--el-button-size);
  1244. padding: 5px
  1245. }
  1246. .el-calendar {
  1247. --el-calendar-border: var(--el-table-border, 1px solid var(--el-border-color-lighter));
  1248. --el-calendar-header-border-bottom: var(--el-calendar-border);
  1249. --el-calendar-selected-bg-color: var(--el-color-primary-light-9);
  1250. --el-calendar-cell-width: 85px;
  1251. background-color: var(--el-fill-color-blank)
  1252. }
  1253. .el-calendar__header {
  1254. display: flex;
  1255. justify-content: space-between;
  1256. padding: 12px 20px;
  1257. border-bottom: var(--el-calendar-header-border-bottom)
  1258. }
  1259. .el-calendar__title {
  1260. color: var(--el-text-color);
  1261. align-self: center
  1262. }
  1263. .el-calendar__body {
  1264. padding: 12px 20px 35px
  1265. }
  1266. .el-calendar-table {
  1267. table-layout: fixed;
  1268. width: 100%
  1269. }
  1270. .el-calendar-table thead th {
  1271. padding: 12px 0;
  1272. color: var(--el-text-color-regular);
  1273. font-weight: 400
  1274. }
  1275. .el-calendar-table:not(.is-range) td.next,
  1276. .el-calendar-table:not(.is-range) td.prev {
  1277. color: var(--el-text-color-placeholder)
  1278. }
  1279. .el-calendar-table td {
  1280. border-bottom: var(--el-calendar-border);
  1281. border-right: var(--el-calendar-border);
  1282. vertical-align: top;
  1283. transition: background-color var(--el-transition-duration-fast) ease
  1284. }
  1285. .el-calendar-table td.is-selected {
  1286. background-color: var(--el-calendar-selected-bg-color)
  1287. }
  1288. .el-calendar-table td.is-today {
  1289. color: var(--el-color-primary)
  1290. }
  1291. .el-calendar-table tr:first-child td {
  1292. border-top: var(--el-calendar-border)
  1293. }
  1294. .el-calendar-table tr td:first-child {
  1295. border-left: var(--el-calendar-border)
  1296. }
  1297. .el-calendar-table tr.el-calendar-table__row--hide-border td {
  1298. border-top: none
  1299. }
  1300. .el-calendar-table .el-calendar-day {
  1301. box-sizing: border-box;
  1302. padding: 8px;
  1303. height: var(--el-calendar-cell-width)
  1304. }
  1305. .el-calendar-table .el-calendar-day:hover {
  1306. cursor: pointer;
  1307. background-color: var(--el-calendar-selected-bg-color)
  1308. }
  1309. .el-card {
  1310. --el-card-border-color: var(--el-border-color-light);
  1311. --el-card-border-radius: 4px;
  1312. --el-card-padding: 20px;
  1313. --el-card-bg-color: var(--el-fill-color-blank)
  1314. }
  1315. .el-card {
  1316. border-radius: var(--el-card-border-radius);
  1317. border: 1px solid var(--el-card-border-color);
  1318. background-color: var(--el-card-bg-color);
  1319. overflow: hidden;
  1320. color: var(--el-text-color-primary);
  1321. transition: var(--el-transition-duration)
  1322. }
  1323. .el-card.is-always-shadow {
  1324. box-shadow: var(--el-box-shadow-light)
  1325. }
  1326. .el-card.is-hover-shadow:focus,
  1327. .el-card.is-hover-shadow:hover {
  1328. box-shadow: var(--el-box-shadow-light)
  1329. }
  1330. .el-card__header {
  1331. padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
  1332. border-bottom: 1px solid var(--el-card-border-color);
  1333. box-sizing: border-box
  1334. }
  1335. .el-card__body {
  1336. padding: var(--el-card-padding)
  1337. }
  1338. .el-card__footer {
  1339. padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
  1340. border-top: 1px solid var(--el-card-border-color);
  1341. box-sizing: border-box
  1342. }
  1343. .el-carousel__item {
  1344. position: absolute;
  1345. top: 0;
  1346. left: 0;
  1347. width: 100%;
  1348. height: 100%;
  1349. display: inline-block;
  1350. overflow: hidden;
  1351. z-index: calc(var(--el-index-normal) - 1)
  1352. }
  1353. .el-carousel__item.is-active {
  1354. z-index: calc(var(--el-index-normal) - 1)
  1355. }
  1356. .el-carousel__item.is-animating {
  1357. transition: transform .4s ease-in-out
  1358. }
  1359. .el-carousel__item--card {
  1360. width: 50%;
  1361. transition: transform .4s ease-in-out
  1362. }
  1363. .el-carousel__item--card.is-in-stage {
  1364. cursor: pointer;
  1365. z-index: var(--el-index-normal)
  1366. }
  1367. .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
  1368. .el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
  1369. opacity: .12
  1370. }
  1371. .el-carousel__item--card.is-active {
  1372. z-index: calc(var(--el-index-normal) + 1)
  1373. }
  1374. .el-carousel__item--card-vertical {
  1375. width: 100%;
  1376. height: 50%
  1377. }
  1378. .el-carousel__mask {
  1379. position: absolute;
  1380. width: 100%;
  1381. height: 100%;
  1382. top: 0;
  1383. left: 0;
  1384. background-color: var(--el-color-white);
  1385. opacity: .24;
  1386. transition: var(--el-transition-duration-fast)
  1387. }
  1388. .el-carousel {
  1389. --el-carousel-arrow-font-size: 12px;
  1390. --el-carousel-arrow-size: 36px;
  1391. --el-carousel-arrow-background: rgba(31, 45, 61, 0.11);
  1392. --el-carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
  1393. --el-carousel-indicator-width: 30px;
  1394. --el-carousel-indicator-height: 2px;
  1395. --el-carousel-indicator-padding-horizontal: 4px;
  1396. --el-carousel-indicator-padding-vertical: 12px;
  1397. --el-carousel-indicator-out-color: var(--el-border-color-hover);
  1398. position: relative
  1399. }
  1400. .el-carousel--horizontal {
  1401. overflow: hidden
  1402. }
  1403. .el-carousel--vertical {
  1404. overflow: hidden
  1405. }
  1406. .el-carousel__container {
  1407. position: relative;
  1408. height: 300px
  1409. }
  1410. .el-carousel__arrow {
  1411. border: none;
  1412. outline: 0;
  1413. padding: 0;
  1414. margin: 0;
  1415. height: var(--el-carousel-arrow-size);
  1416. width: var(--el-carousel-arrow-size);
  1417. cursor: pointer;
  1418. transition: var(--el-transition-duration);
  1419. border-radius: 50%;
  1420. background-color: var(--el-carousel-arrow-background);
  1421. color: #fff;
  1422. position: absolute;
  1423. top: 50%;
  1424. z-index: 10;
  1425. transform: translateY(-50%);
  1426. text-align: center;
  1427. font-size: var(--el-carousel-arrow-font-size);
  1428. display: inline-flex;
  1429. justify-content: center;
  1430. align-items: center
  1431. }
  1432. .el-carousel__arrow--left {
  1433. left: 16px
  1434. }
  1435. .el-carousel__arrow--right {
  1436. right: 16px
  1437. }
  1438. .el-carousel__arrow:hover {
  1439. background-color: var(--el-carousel-arrow-hover-background)
  1440. }
  1441. .el-carousel__arrow i {
  1442. cursor: pointer
  1443. }
  1444. .el-carousel__indicators {
  1445. position: absolute;
  1446. list-style: none;
  1447. margin: 0;
  1448. padding: 0;
  1449. z-index: calc(var(--el-index-normal) + 1)
  1450. }
  1451. .el-carousel__indicators--horizontal {
  1452. bottom: 0;
  1453. left: 50%;
  1454. transform: translateX(-50%)
  1455. }
  1456. .el-carousel__indicators--vertical {
  1457. right: 0;
  1458. top: 50%;
  1459. transform: translateY(-50%)
  1460. }
  1461. .el-carousel__indicators--outside {
  1462. bottom: calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical) * 2);
  1463. text-align: center;
  1464. position: static;
  1465. transform: none
  1466. }
  1467. .el-carousel__indicators--outside .el-carousel__indicator:hover button {
  1468. opacity: .64
  1469. }
  1470. .el-carousel__indicators--outside button {
  1471. background-color: var(--el-carousel-indicator-out-color);
  1472. opacity: .24
  1473. }
  1474. .el-carousel__indicators--right {
  1475. right: 0
  1476. }
  1477. .el-carousel__indicators--labels {
  1478. left: 0;
  1479. right: 0;
  1480. transform: none;
  1481. text-align: center
  1482. }
  1483. .el-carousel__indicators--labels .el-carousel__button {
  1484. height: auto;
  1485. width: auto;
  1486. padding: 2px 18px;
  1487. font-size: 12px;
  1488. color: #000
  1489. }
  1490. .el-carousel__indicators--labels .el-carousel__indicator {
  1491. padding: 6px 4px
  1492. }
  1493. .el-carousel__indicator {
  1494. background-color: transparent;
  1495. cursor: pointer
  1496. }
  1497. .el-carousel__indicator:hover button {
  1498. opacity: .72
  1499. }
  1500. .el-carousel__indicator--horizontal {
  1501. display: inline-block;
  1502. padding: var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)
  1503. }
  1504. .el-carousel__indicator--vertical {
  1505. padding: var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)
  1506. }
  1507. .el-carousel__indicator--vertical .el-carousel__button {
  1508. width: var(--el-carousel-indicator-height);
  1509. height: calc(var(--el-carousel-indicator-width)/ 2)
  1510. }
  1511. .el-carousel__indicator.is-active button {
  1512. opacity: 1
  1513. }
  1514. .el-carousel__button {
  1515. display: block;
  1516. opacity: .48;
  1517. width: var(--el-carousel-indicator-width);
  1518. height: var(--el-carousel-indicator-height);
  1519. background-color: #fff;
  1520. border: none;
  1521. outline: 0;
  1522. padding: 0;
  1523. margin: 0;
  1524. cursor: pointer;
  1525. transition: var(--el-transition-duration)
  1526. }
  1527. .carousel-arrow-left-enter-from,
  1528. .carousel-arrow-left-leave-active {
  1529. transform: translateY(-50%) translateX(-10px);
  1530. opacity: 0
  1531. }
  1532. .carousel-arrow-right-enter-from,
  1533. .carousel-arrow-right-leave-active {
  1534. transform: translateY(-50%) translateX(10px);
  1535. opacity: 0
  1536. }
  1537. .el-transitioning {
  1538. filter: url(#elCarouselHorizontal)
  1539. }
  1540. .el-transitioning-vertical {
  1541. filter: url(#elCarouselVertical)
  1542. }
  1543. .el-cascader-panel {
  1544. --el-cascader-menu-text-color: var(--el-text-color-regular);
  1545. --el-cascader-menu-selected-text-color: var(--el-color-primary);
  1546. --el-cascader-menu-fill: var(--el-bg-color-overlay);
  1547. --el-cascader-menu-font-size: var(--el-font-size-base);
  1548. --el-cascader-menu-radius: var(--el-border-radius-base);
  1549. --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  1550. --el-cascader-menu-shadow: var(--el-box-shadow-light);
  1551. --el-cascader-node-background-hover: var(--el-fill-color-light);
  1552. --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  1553. --el-cascader-color-empty: var(--el-text-color-placeholder);
  1554. --el-cascader-tag-background: var(--el-fill-color)
  1555. }
  1556. .el-cascader-panel {
  1557. display: flex;
  1558. border-radius: var(--el-cascader-menu-radius);
  1559. font-size: var(--el-cascader-menu-font-size)
  1560. }
  1561. .el-cascader-panel.is-bordered {
  1562. border: var(--el-cascader-menu-border);
  1563. border-radius: var(--el-cascader-menu-radius)
  1564. }
  1565. .el-cascader-menu {
  1566. min-width: 180px;
  1567. box-sizing: border-box;
  1568. color: var(--el-cascader-menu-text-color);
  1569. border-right: var(--el-cascader-menu-border)
  1570. }
  1571. .el-cascader-menu:last-child {
  1572. border-right: none
  1573. }
  1574. .el-cascader-menu:last-child .el-cascader-node {
  1575. padding-right: 20px
  1576. }
  1577. .el-cascader-menu__wrap.el-scrollbar__wrap {
  1578. height: 204px
  1579. }
  1580. .el-cascader-menu__list {
  1581. position: relative;
  1582. min-height: 100%;
  1583. margin: 0;
  1584. padding: 6px 0;
  1585. list-style: none;
  1586. box-sizing: border-box
  1587. }
  1588. .el-cascader-menu__hover-zone {
  1589. position: absolute;
  1590. top: 0;
  1591. left: 0;
  1592. width: 100%;
  1593. height: 100%;
  1594. pointer-events: none
  1595. }
  1596. .el-cascader-menu__empty-text {
  1597. position: absolute;
  1598. top: 50%;
  1599. left: 50%;
  1600. transform: translate(-50%, -50%);
  1601. display: flex;
  1602. align-items: center;
  1603. color: var(--el-cascader-color-empty)
  1604. }
  1605. .el-cascader-menu__empty-text .is-loading {
  1606. margin-right: 2px
  1607. }
  1608. .el-cascader-node {
  1609. position: relative;
  1610. display: flex;
  1611. align-items: center;
  1612. padding: 0 30px 0 20px;
  1613. height: 34px;
  1614. line-height: 34px;
  1615. outline: 0
  1616. }
  1617. .el-cascader-node.is-selectable.in-active-path {
  1618. color: var(--el-cascader-menu-text-color)
  1619. }
  1620. .el-cascader-node.in-active-path,
  1621. .el-cascader-node.is-active,
  1622. .el-cascader-node.is-selectable.in-checked-path {
  1623. color: var(--el-cascader-menu-selected-text-color);
  1624. font-weight: 700
  1625. }
  1626. .el-cascader-node:not(.is-disabled) {
  1627. cursor: pointer
  1628. }
  1629. .el-cascader-node:not(.is-disabled):focus,
  1630. .el-cascader-node:not(.is-disabled):hover {
  1631. background: var(--el-cascader-node-background-hover)
  1632. }
  1633. .el-cascader-node.is-disabled {
  1634. color: var(--el-cascader-node-color-disabled);
  1635. cursor: not-allowed
  1636. }
  1637. .el-cascader-node__prefix {
  1638. position: absolute;
  1639. left: 10px
  1640. }
  1641. .el-cascader-node__postfix {
  1642. position: absolute;
  1643. right: 10px
  1644. }
  1645. .el-cascader-node__label {
  1646. flex: 1;
  1647. text-align: left;
  1648. padding: 0 8px;
  1649. white-space: nowrap;
  1650. overflow: hidden;
  1651. text-overflow: ellipsis
  1652. }
  1653. .el-cascader-node>.el-checkbox {
  1654. margin-right: 0
  1655. }
  1656. .el-cascader-node>.el-radio {
  1657. margin-right: 0
  1658. }
  1659. .el-cascader-node>.el-radio .el-radio__label {
  1660. padding-left: 0
  1661. }
  1662. .el-cascader {
  1663. --el-cascader-menu-text-color: var(--el-text-color-regular);
  1664. --el-cascader-menu-selected-text-color: var(--el-color-primary);
  1665. --el-cascader-menu-fill: var(--el-bg-color-overlay);
  1666. --el-cascader-menu-font-size: var(--el-font-size-base);
  1667. --el-cascader-menu-radius: var(--el-border-radius-base);
  1668. --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  1669. --el-cascader-menu-shadow: var(--el-box-shadow-light);
  1670. --el-cascader-node-background-hover: var(--el-fill-color-light);
  1671. --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  1672. --el-cascader-color-empty: var(--el-text-color-placeholder);
  1673. --el-cascader-tag-background: var(--el-fill-color);
  1674. display: inline-block;
  1675. vertical-align: middle;
  1676. position: relative;
  1677. font-size: var(--el-font-size-base);
  1678. line-height: 32px;
  1679. outline: 0
  1680. }
  1681. .el-cascader:not(.is-disabled):hover .el-input__wrapper {
  1682. cursor: pointer;
  1683. box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
  1684. }
  1685. .el-cascader .el-input {
  1686. display: flex;
  1687. cursor: pointer
  1688. }
  1689. .el-cascader .el-input .el-input__inner {
  1690. text-overflow: ellipsis;
  1691. cursor: pointer
  1692. }
  1693. .el-cascader .el-input .el-input__suffix-inner .el-icon {
  1694. height: calc(100% - 2px)
  1695. }
  1696. .el-cascader .el-input .el-input__suffix-inner .el-icon svg {
  1697. vertical-align: middle
  1698. }
  1699. .el-cascader .el-input .icon-arrow-down {
  1700. transition: transform var(--el-transition-duration);
  1701. font-size: 14px
  1702. }
  1703. .el-cascader .el-input .icon-arrow-down.is-reverse {
  1704. transform: rotateZ(180deg)
  1705. }
  1706. .el-cascader .el-input .icon-circle-close:hover {
  1707. color: var(--el-input-clear-hover-color, var(--el-text-color-secondary))
  1708. }
  1709. .el-cascader .el-input.is-focus .el-input__wrapper {
  1710. box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
  1711. }
  1712. .el-cascader--large {
  1713. font-size: 14px;
  1714. line-height: 40px
  1715. }
  1716. .el-cascader--small {
  1717. font-size: 12px;
  1718. line-height: 24px
  1719. }
  1720. .el-cascader.is-disabled .el-cascader__label {
  1721. z-index: calc(var(--el-index-normal) + 1);
  1722. color: var(--el-disabled-text-color)
  1723. }
  1724. .el-cascader__dropdown {
  1725. --el-cascader-menu-text-color: var(--el-text-color-regular);
  1726. --el-cascader-menu-selected-text-color: var(--el-color-primary);
  1727. --el-cascader-menu-fill: var(--el-bg-color-overlay);
  1728. --el-cascader-menu-font-size: var(--el-font-size-base);
  1729. --el-cascader-menu-radius: var(--el-border-radius-base);
  1730. --el-cascader-menu-border: solid 1px var(--el-border-color-light);
  1731. --el-cascader-menu-shadow: var(--el-box-shadow-light);
  1732. --el-cascader-node-background-hover: var(--el-fill-color-light);
  1733. --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
  1734. --el-cascader-color-empty: var(--el-text-color-placeholder);
  1735. --el-cascader-tag-background: var(--el-fill-color)
  1736. }
  1737. .el-cascader__dropdown {
  1738. font-size: var(--el-cascader-menu-font-size);
  1739. border-radius: var(--el-cascader-menu-radius)
  1740. }
  1741. .el-cascader__dropdown.el-popper {
  1742. background: var(--el-cascader-menu-fill);
  1743. border: var(--el-cascader-menu-border);
  1744. box-shadow: var(--el-cascader-menu-shadow)
  1745. }
  1746. .el-cascader__dropdown.el-popper .el-popper__arrow::before {
  1747. border: var(--el-cascader-menu-border)
  1748. }
  1749. .el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  1750. border-top-color: transparent;
  1751. border-left-color: transparent
  1752. }
  1753. .el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  1754. border-bottom-color: transparent;
  1755. border-right-color: transparent
  1756. }
  1757. .el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  1758. border-left-color: transparent;
  1759. border-bottom-color: transparent
  1760. }
  1761. .el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  1762. border-right-color: transparent;
  1763. border-top-color: transparent
  1764. }
  1765. .el-cascader__dropdown.el-popper {
  1766. box-shadow: var(--el-cascader-menu-shadow)
  1767. }
  1768. .el-cascader__tags {
  1769. position: absolute;
  1770. left: 0;
  1771. right: 30px;
  1772. top: 50%;
  1773. transform: translateY(-50%);
  1774. display: flex;
  1775. flex-wrap: wrap;
  1776. line-height: normal;
  1777. text-align: left;
  1778. box-sizing: border-box
  1779. }
  1780. .el-cascader__tags .el-tag {
  1781. display: inline-flex;
  1782. align-items: center;
  1783. max-width: 100%;
  1784. margin: 2px 0 2px 6px;
  1785. text-overflow: ellipsis;
  1786. background: var(--el-cascader-tag-background)
  1787. }
  1788. .el-cascader__tags .el-tag:not(.is-hit) {
  1789. border-color: transparent
  1790. }
  1791. .el-cascader__tags .el-tag>span {
  1792. flex: 1;
  1793. overflow: hidden;
  1794. text-overflow: ellipsis
  1795. }
  1796. .el-cascader__tags .el-tag .el-icon-close {
  1797. flex: none;
  1798. background-color: var(--el-text-color-placeholder);
  1799. color: var(--el-color-white)
  1800. }
  1801. .el-cascader__tags .el-tag .el-icon-close:hover {
  1802. background-color: var(--el-text-color-secondary)
  1803. }
  1804. .el-cascader__collapse-tags {
  1805. white-space: normal;
  1806. z-index: var(--el-index-normal)
  1807. }
  1808. .el-cascader__collapse-tags .el-tag {
  1809. display: inline-flex;
  1810. align-items: center;
  1811. max-width: 100%;
  1812. margin: 2px 0 2px 6px;
  1813. text-overflow: ellipsis;
  1814. background: var(--el-fill-color)
  1815. }
  1816. .el-cascader__collapse-tags .el-tag:not(.is-hit) {
  1817. border-color: transparent
  1818. }
  1819. .el-cascader__collapse-tags .el-tag>span {
  1820. flex: 1;
  1821. overflow: hidden;
  1822. text-overflow: ellipsis
  1823. }
  1824. .el-cascader__collapse-tags .el-tag .el-icon-close {
  1825. flex: none;
  1826. background-color: var(--el-text-color-placeholder);
  1827. color: var(--el-color-white)
  1828. }
  1829. .el-cascader__collapse-tags .el-tag .el-icon-close:hover {
  1830. background-color: var(--el-text-color-secondary)
  1831. }
  1832. .el-cascader__suggestion-panel {
  1833. border-radius: var(--el-cascader-menu-radius)
  1834. }
  1835. .el-cascader__suggestion-list {
  1836. max-height: 204px;
  1837. margin: 0;
  1838. padding: 6px 0;
  1839. font-size: var(--el-font-size-base);
  1840. color: var(--el-cascader-menu-text-color);
  1841. text-align: center
  1842. }
  1843. .el-cascader__suggestion-item {
  1844. display: flex;
  1845. justify-content: space-between;
  1846. align-items: center;
  1847. height: 34px;
  1848. padding: 0 15px;
  1849. text-align: left;
  1850. outline: 0;
  1851. cursor: pointer
  1852. }
  1853. .el-cascader__suggestion-item:focus,
  1854. .el-cascader__suggestion-item:hover {
  1855. background: var(--el-cascader-node-background-hover)
  1856. }
  1857. .el-cascader__suggestion-item.is-checked {
  1858. color: var(--el-cascader-menu-selected-text-color);
  1859. font-weight: 700
  1860. }
  1861. .el-cascader__suggestion-item>span {
  1862. margin-right: 10px
  1863. }
  1864. .el-cascader__empty-text {
  1865. margin: 10px 0;
  1866. color: var(--el-cascader-color-empty)
  1867. }
  1868. .el-cascader__search-input {
  1869. flex: 1;
  1870. height: 24px;
  1871. min-width: 60px;
  1872. margin: 2px 0 2px 11px;
  1873. padding: 0;
  1874. color: var(--el-cascader-menu-text-color);
  1875. border: none;
  1876. outline: 0;
  1877. box-sizing: border-box;
  1878. background: 0 0
  1879. }
  1880. .el-cascader__search-input::-moz-placeholder {
  1881. color: transparent
  1882. }
  1883. .el-cascader__search-input:-ms-input-placeholder {
  1884. color: transparent
  1885. }
  1886. .el-cascader__search-input::placeholder {
  1887. color: transparent
  1888. }
  1889. .el-check-tag {
  1890. background-color: var(--el-color-info-light-9);
  1891. border-radius: var(--el-border-radius-base);
  1892. color: var(--el-color-info);
  1893. cursor: pointer;
  1894. display: inline-block;
  1895. font-size: var(--el-font-size-base);
  1896. line-height: var(--el-font-size-base);
  1897. padding: 7px 15px;
  1898. transition: var(--el-transition-all);
  1899. font-weight: 700
  1900. }
  1901. .el-check-tag:hover {
  1902. background-color: var(--el-color-info-light-7)
  1903. }
  1904. .el-check-tag.is-checked.el-check-tag--primary {
  1905. background-color: var(--el-color-primary-light-8);
  1906. color: var(--el-color-primary)
  1907. }
  1908. .el-check-tag.is-checked.el-check-tag--primary:hover {
  1909. background-color: var(--el-color-primary-light-7)
  1910. }
  1911. .el-check-tag.is-checked.el-check-tag--success {
  1912. background-color: var(--el-color-success-light-8);
  1913. color: var(--el-color-success)
  1914. }
  1915. .el-check-tag.is-checked.el-check-tag--success:hover {
  1916. background-color: var(--el-color-success-light-7)
  1917. }
  1918. .el-check-tag.is-checked.el-check-tag--warning {
  1919. background-color: var(--el-color-warning-light-8);
  1920. color: var(--el-color-warning)
  1921. }
  1922. .el-check-tag.is-checked.el-check-tag--warning:hover {
  1923. background-color: var(--el-color-warning-light-7)
  1924. }
  1925. .el-check-tag.is-checked.el-check-tag--danger {
  1926. background-color: var(--el-color-danger-light-8);
  1927. color: var(--el-color-danger)
  1928. }
  1929. .el-check-tag.is-checked.el-check-tag--danger:hover {
  1930. background-color: var(--el-color-danger-light-7)
  1931. }
  1932. .el-check-tag.is-checked.el-check-tag--error {
  1933. background-color: var(--el-color-error-light-8);
  1934. color: var(--el-color-error)
  1935. }
  1936. .el-check-tag.is-checked.el-check-tag--error:hover {
  1937. background-color: var(--el-color-error-light-7)
  1938. }
  1939. .el-check-tag.is-checked.el-check-tag--info {
  1940. background-color: var(--el-color-info-light-8);
  1941. color: var(--el-color-info)
  1942. }
  1943. .el-check-tag.is-checked.el-check-tag--info:hover {
  1944. background-color: var(--el-color-info-light-7)
  1945. }
  1946. .el-checkbox-button {
  1947. --el-checkbox-button-checked-bg-color: var(--el-color-primary);
  1948. --el-checkbox-button-checked-text-color: var(--el-color-white);
  1949. --el-checkbox-button-checked-border-color: var(--el-color-primary)
  1950. }
  1951. .el-checkbox-button {
  1952. position: relative;
  1953. display: inline-block
  1954. }
  1955. .el-checkbox-button__inner {
  1956. display: inline-block;
  1957. line-height: 1;
  1958. font-weight: var(--el-checkbox-font-weight);
  1959. white-space: nowrap;
  1960. vertical-align: middle;
  1961. cursor: pointer;
  1962. background: var(--el-button-bg-color, var(--el-fill-color-blank));
  1963. border: var(--el-border);
  1964. border-left-color: transparent;
  1965. color: var(--el-button-text-color, var(--el-text-color-regular));
  1966. -webkit-appearance: none;
  1967. text-align: center;
  1968. box-sizing: border-box;
  1969. outline: 0;
  1970. margin: 0;
  1971. position: relative;
  1972. transition: var(--el-transition-all);
  1973. -webkit-user-select: none;
  1974. -moz-user-select: none;
  1975. -ms-user-select: none;
  1976. user-select: none;
  1977. padding: 8px 15px;
  1978. font-size: var(--el-font-size-base);
  1979. border-radius: 0
  1980. }
  1981. .el-checkbox-button__inner.is-round {
  1982. padding: 8px 15px
  1983. }
  1984. .el-checkbox-button__inner:hover {
  1985. color: var(--el-color-primary)
  1986. }
  1987. .el-checkbox-button__inner [class*=el-icon-] {
  1988. line-height: .9
  1989. }
  1990. .el-checkbox-button__inner [class*=el-icon-]+span {
  1991. margin-left: 5px
  1992. }
  1993. .el-checkbox-button__original {
  1994. opacity: 0;
  1995. outline: 0;
  1996. position: absolute;
  1997. margin: 0;
  1998. z-index: -1
  1999. }
  2000. .el-checkbox-button.is-checked .el-checkbox-button__inner {
  2001. color: var(--el-checkbox-button-checked-text-color);
  2002. background-color: var(--el-checkbox-button-checked-bg-color);
  2003. border-color: var(--el-checkbox-button-checked-border-color);
  2004. box-shadow: -1px 0 0 0 var(--el-color-primary-light-7)
  2005. }
  2006. .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  2007. border-left-color: var(--el-checkbox-button-checked-border-color)
  2008. }
  2009. .el-checkbox-button.is-disabled .el-checkbox-button__inner {
  2010. color: var(--el-disabled-text-color);
  2011. cursor: not-allowed;
  2012. background-image: none;
  2013. background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  2014. border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  2015. box-shadow: none
  2016. }
  2017. .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  2018. border-left-color: var(--el-button-disabled-border-color, var(--el-border-color-light))
  2019. }
  2020. .el-checkbox-button:first-child .el-checkbox-button__inner {
  2021. border-left: var(--el-border);
  2022. border-top-left-radius: var(--el-border-radius-base);
  2023. border-bottom-left-radius: var(--el-border-radius-base);
  2024. box-shadow: none !important
  2025. }
  2026. .el-checkbox-button.is-focus .el-checkbox-button__inner {
  2027. border-color: var(--el-checkbox-button-checked-border-color)
  2028. }
  2029. .el-checkbox-button:last-child .el-checkbox-button__inner {
  2030. border-top-right-radius: var(--el-border-radius-base);
  2031. border-bottom-right-radius: var(--el-border-radius-base)
  2032. }
  2033. .el-checkbox-button--large .el-checkbox-button__inner {
  2034. padding: 12px 19px;
  2035. font-size: var(--el-font-size-base);
  2036. border-radius: 0
  2037. }
  2038. .el-checkbox-button--large .el-checkbox-button__inner.is-round {
  2039. padding: 12px 19px
  2040. }
  2041. .el-checkbox-button--small .el-checkbox-button__inner {
  2042. padding: 5px 11px;
  2043. font-size: 12px;
  2044. border-radius: 0
  2045. }
  2046. .el-checkbox-button--small .el-checkbox-button__inner.is-round {
  2047. padding: 5px 11px
  2048. }
  2049. .el-checkbox-group {
  2050. font-size: 0;
  2051. line-height: 0
  2052. }
  2053. .el-checkbox {
  2054. --el-checkbox-font-size: 14px;
  2055. --el-checkbox-font-weight: var(--el-font-weight-primary);
  2056. --el-checkbox-text-color: var(--el-text-color-regular);
  2057. --el-checkbox-input-height: 14px;
  2058. --el-checkbox-input-width: 14px;
  2059. --el-checkbox-border-radius: var(--el-border-radius-small);
  2060. --el-checkbox-bg-color: var(--el-fill-color-blank);
  2061. --el-checkbox-input-border: var(--el-border);
  2062. --el-checkbox-disabled-border-color: var(--el-border-color);
  2063. --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
  2064. --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
  2065. --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
  2066. --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
  2067. --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
  2068. --el-checkbox-checked-text-color: var(--el-color-primary);
  2069. --el-checkbox-checked-input-border-color: var(--el-color-primary);
  2070. --el-checkbox-checked-bg-color: var(--el-color-primary);
  2071. --el-checkbox-checked-icon-color: var(--el-color-white);
  2072. --el-checkbox-input-border-color-hover: var(--el-color-primary)
  2073. }
  2074. .el-checkbox {
  2075. color: var(--el-checkbox-text-color);
  2076. font-weight: var(--el-checkbox-font-weight);
  2077. font-size: var(--el-font-size-base);
  2078. position: relative;
  2079. cursor: pointer;
  2080. display: inline-flex;
  2081. align-items: center;
  2082. white-space: nowrap;
  2083. -webkit-user-select: none;
  2084. -moz-user-select: none;
  2085. -ms-user-select: none;
  2086. user-select: none;
  2087. margin-right: 30px;
  2088. height: var(--el-checkbox-height, 32px)
  2089. }
  2090. .el-checkbox.is-disabled {
  2091. cursor: not-allowed
  2092. }
  2093. .el-checkbox.is-bordered {
  2094. padding: 0 15px 0 9px;
  2095. border-radius: var(--el-border-radius-base);
  2096. border: var(--el-border);
  2097. box-sizing: border-box
  2098. }
  2099. .el-checkbox.is-bordered.is-checked {
  2100. border-color: var(--el-color-primary)
  2101. }
  2102. .el-checkbox.is-bordered.is-disabled {
  2103. border-color: var(--el-border-color-lighter)
  2104. }
  2105. .el-checkbox.is-bordered.el-checkbox--large {
  2106. padding: 0 19px 0 11px;
  2107. border-radius: var(--el-border-radius-base)
  2108. }
  2109. .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
  2110. font-size: var(--el-font-size-base)
  2111. }
  2112. .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
  2113. height: 14px;
  2114. width: 14px
  2115. }
  2116. .el-checkbox.is-bordered.el-checkbox--small {
  2117. padding: 0 11px 0 7px;
  2118. border-radius: calc(var(--el-border-radius-base) - 1px)
  2119. }
  2120. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  2121. font-size: 12px
  2122. }
  2123. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  2124. height: 12px;
  2125. width: 12px
  2126. }
  2127. .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  2128. height: 6px;
  2129. width: 2px
  2130. }
  2131. .el-checkbox input:focus-visible+.el-checkbox__inner {
  2132. outline: 2px solid var(--el-checkbox-input-border-color-hover);
  2133. outline-offset: 1px;
  2134. border-radius: var(--el-checkbox-border-radius)
  2135. }
  2136. .el-checkbox__input {
  2137. white-space: nowrap;
  2138. cursor: pointer;
  2139. outline: 0;
  2140. display: inline-flex;
  2141. position: relative
  2142. }
  2143. .el-checkbox__input.is-disabled .el-checkbox__inner {
  2144. background-color: var(--el-checkbox-disabled-input-fill);
  2145. border-color: var(--el-checkbox-disabled-border-color);
  2146. cursor: not-allowed
  2147. }
  2148. .el-checkbox__input.is-disabled .el-checkbox__inner::after {
  2149. cursor: not-allowed;
  2150. border-color: var(--el-checkbox-disabled-icon-color)
  2151. }
  2152. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  2153. background-color: var(--el-checkbox-disabled-checked-input-fill);
  2154. border-color: var(--el-checkbox-disabled-checked-input-border-color)
  2155. }
  2156. .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  2157. border-color: var(--el-checkbox-disabled-checked-icon-color)
  2158. }
  2159. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  2160. background-color: var(--el-checkbox-disabled-checked-input-fill);
  2161. border-color: var(--el-checkbox-disabled-checked-input-border-color)
  2162. }
  2163. .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  2164. background-color: var(--el-checkbox-disabled-checked-icon-color);
  2165. border-color: var(--el-checkbox-disabled-checked-icon-color)
  2166. }
  2167. .el-checkbox__input.is-disabled+span.el-checkbox__label {
  2168. color: var(--el-disabled-text-color);
  2169. cursor: not-allowed
  2170. }
  2171. .el-checkbox__input.is-checked .el-checkbox__inner {
  2172. background-color: var(--el-checkbox-checked-bg-color);
  2173. border-color: var(--el-checkbox-checked-input-border-color)
  2174. }
  2175. .el-checkbox__input.is-checked .el-checkbox__inner::after {
  2176. transform: rotate(45deg) scaleY(1);
  2177. border-color: var(--el-checkbox-checked-icon-color)
  2178. }
  2179. .el-checkbox__input.is-checked+.el-checkbox__label {
  2180. color: var(--el-checkbox-checked-text-color)
  2181. }
  2182. .el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
  2183. border-color: var(--el-checkbox-input-border-color-hover)
  2184. }
  2185. .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  2186. background-color: var(--el-checkbox-checked-bg-color);
  2187. border-color: var(--el-checkbox-checked-input-border-color)
  2188. }
  2189. .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  2190. content: "";
  2191. position: absolute;
  2192. display: block;
  2193. background-color: var(--el-checkbox-checked-icon-color);
  2194. height: 2px;
  2195. transform: scale(.5);
  2196. left: 0;
  2197. right: 0;
  2198. top: 5px
  2199. }
  2200. .el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  2201. display: none
  2202. }
  2203. .el-checkbox__inner {
  2204. display: inline-block;
  2205. position: relative;
  2206. border: var(--el-checkbox-input-border);
  2207. border-radius: var(--el-checkbox-border-radius);
  2208. box-sizing: border-box;
  2209. width: var(--el-checkbox-input-width);
  2210. height: var(--el-checkbox-input-height);
  2211. background-color: var(--el-checkbox-bg-color);
  2212. z-index: var(--el-index-normal);
  2213. transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46), outline .25s cubic-bezier(.71, -.46, .29, 1.46)
  2214. }
  2215. .el-checkbox__inner:hover {
  2216. border-color: var(--el-checkbox-input-border-color-hover)
  2217. }
  2218. .el-checkbox__inner::after {
  2219. box-sizing: content-box;
  2220. content: "";
  2221. border: 1px solid transparent;
  2222. border-left: 0;
  2223. border-top: 0;
  2224. height: 7px;
  2225. left: 4px;
  2226. position: absolute;
  2227. top: 1px;
  2228. transform: rotate(45deg) scaleY(0);
  2229. width: 3px;
  2230. transition: transform .15s ease-in 50ms;
  2231. transform-origin: center
  2232. }
  2233. .el-checkbox__original {
  2234. opacity: 0;
  2235. outline: 0;
  2236. position: absolute;
  2237. margin: 0;
  2238. width: 0;
  2239. height: 0;
  2240. z-index: -1
  2241. }
  2242. .el-checkbox__label {
  2243. display: inline-block;
  2244. padding-left: 8px;
  2245. line-height: 1;
  2246. font-size: var(--el-checkbox-font-size)
  2247. }
  2248. .el-checkbox.el-checkbox--large {
  2249. height: 40px
  2250. }
  2251. .el-checkbox.el-checkbox--large .el-checkbox__label {
  2252. font-size: 14px
  2253. }
  2254. .el-checkbox.el-checkbox--large .el-checkbox__inner {
  2255. width: 14px;
  2256. height: 14px
  2257. }
  2258. .el-checkbox.el-checkbox--small {
  2259. height: 24px
  2260. }
  2261. .el-checkbox.el-checkbox--small .el-checkbox__label {
  2262. font-size: 12px
  2263. }
  2264. .el-checkbox.el-checkbox--small .el-checkbox__inner {
  2265. width: 12px;
  2266. height: 12px
  2267. }
  2268. .el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  2269. top: 4px
  2270. }
  2271. .el-checkbox.el-checkbox--small .el-checkbox__inner::after {
  2272. width: 2px;
  2273. height: 6px
  2274. }
  2275. .el-checkbox:last-of-type {
  2276. margin-right: 0
  2277. }
  2278. [class*=el-col-] {
  2279. box-sizing: border-box
  2280. }
  2281. [class*=el-col-].is-guttered {
  2282. display: block;
  2283. min-height: 1px
  2284. }
  2285. .el-col-0 {
  2286. display: none
  2287. }
  2288. .el-col-0.is-guttered {
  2289. display: none
  2290. }
  2291. .el-col-0 {
  2292. max-width: 0%;
  2293. flex: 0 0 0%
  2294. }
  2295. .el-col-offset-0 {
  2296. margin-left: 0
  2297. }
  2298. .el-col-pull-0 {
  2299. position: relative;
  2300. right: 0
  2301. }
  2302. .el-col-push-0 {
  2303. position: relative;
  2304. left: 0
  2305. }
  2306. .el-col-1 {
  2307. max-width: 4.1666666667%;
  2308. flex: 0 0 4.1666666667%
  2309. }
  2310. .el-col-offset-1 {
  2311. margin-left: 4.1666666667%
  2312. }
  2313. .el-col-pull-1 {
  2314. position: relative;
  2315. right: 4.1666666667%
  2316. }
  2317. .el-col-push-1 {
  2318. position: relative;
  2319. left: 4.1666666667%
  2320. }
  2321. .el-col-2 {
  2322. max-width: 8.3333333333%;
  2323. flex: 0 0 8.3333333333%
  2324. }
  2325. .el-col-offset-2 {
  2326. margin-left: 8.3333333333%
  2327. }
  2328. .el-col-pull-2 {
  2329. position: relative;
  2330. right: 8.3333333333%
  2331. }
  2332. .el-col-push-2 {
  2333. position: relative;
  2334. left: 8.3333333333%
  2335. }
  2336. .el-col-3 {
  2337. max-width: 12.5%;
  2338. flex: 0 0 12.5%
  2339. }
  2340. .el-col-offset-3 {
  2341. margin-left: 12.5%
  2342. }
  2343. .el-col-pull-3 {
  2344. position: relative;
  2345. right: 12.5%
  2346. }
  2347. .el-col-push-3 {
  2348. position: relative;
  2349. left: 12.5%
  2350. }
  2351. .el-col-4 {
  2352. max-width: 16.6666666667%;
  2353. flex: 0 0 16.6666666667%
  2354. }
  2355. .el-col-offset-4 {
  2356. margin-left: 16.6666666667%
  2357. }
  2358. .el-col-pull-4 {
  2359. position: relative;
  2360. right: 16.6666666667%
  2361. }
  2362. .el-col-push-4 {
  2363. position: relative;
  2364. left: 16.6666666667%
  2365. }
  2366. .el-col-5 {
  2367. max-width: 20.8333333333%;
  2368. flex: 0 0 20.8333333333%
  2369. }
  2370. .el-col-offset-5 {
  2371. margin-left: 20.8333333333%
  2372. }
  2373. .el-col-pull-5 {
  2374. position: relative;
  2375. right: 20.8333333333%
  2376. }
  2377. .el-col-push-5 {
  2378. position: relative;
  2379. left: 20.8333333333%
  2380. }
  2381. .el-col-6 {
  2382. max-width: 25%;
  2383. flex: 0 0 25%
  2384. }
  2385. .el-col-offset-6 {
  2386. margin-left: 25%
  2387. }
  2388. .el-col-pull-6 {
  2389. position: relative;
  2390. right: 25%
  2391. }
  2392. .el-col-push-6 {
  2393. position: relative;
  2394. left: 25%
  2395. }
  2396. .el-col-7 {
  2397. max-width: 29.1666666667%;
  2398. flex: 0 0 29.1666666667%
  2399. }
  2400. .el-col-offset-7 {
  2401. margin-left: 29.1666666667%
  2402. }
  2403. .el-col-pull-7 {
  2404. position: relative;
  2405. right: 29.1666666667%
  2406. }
  2407. .el-col-push-7 {
  2408. position: relative;
  2409. left: 29.1666666667%
  2410. }
  2411. .el-col-8 {
  2412. max-width: 33.3333333333%;
  2413. flex: 0 0 33.3333333333%
  2414. }
  2415. .el-col-offset-8 {
  2416. margin-left: 33.3333333333%
  2417. }
  2418. .el-col-pull-8 {
  2419. position: relative;
  2420. right: 33.3333333333%
  2421. }
  2422. .el-col-push-8 {
  2423. position: relative;
  2424. left: 33.3333333333%
  2425. }
  2426. .el-col-9 {
  2427. max-width: 37.5%;
  2428. flex: 0 0 37.5%
  2429. }
  2430. .el-col-offset-9 {
  2431. margin-left: 37.5%
  2432. }
  2433. .el-col-pull-9 {
  2434. position: relative;
  2435. right: 37.5%
  2436. }
  2437. .el-col-push-9 {
  2438. position: relative;
  2439. left: 37.5%
  2440. }
  2441. .el-col-10 {
  2442. max-width: 41.6666666667%;
  2443. flex: 0 0 41.6666666667%
  2444. }
  2445. .el-col-offset-10 {
  2446. margin-left: 41.6666666667%
  2447. }
  2448. .el-col-pull-10 {
  2449. position: relative;
  2450. right: 41.6666666667%
  2451. }
  2452. .el-col-push-10 {
  2453. position: relative;
  2454. left: 41.6666666667%
  2455. }
  2456. .el-col-11 {
  2457. max-width: 45.8333333333%;
  2458. flex: 0 0 45.8333333333%
  2459. }
  2460. .el-col-offset-11 {
  2461. margin-left: 45.8333333333%
  2462. }
  2463. .el-col-pull-11 {
  2464. position: relative;
  2465. right: 45.8333333333%
  2466. }
  2467. .el-col-push-11 {
  2468. position: relative;
  2469. left: 45.8333333333%
  2470. }
  2471. .el-col-12 {
  2472. max-width: 50%;
  2473. flex: 0 0 50%
  2474. }
  2475. .el-col-offset-12 {
  2476. margin-left: 50%
  2477. }
  2478. .el-col-pull-12 {
  2479. position: relative;
  2480. right: 50%
  2481. }
  2482. .el-col-push-12 {
  2483. position: relative;
  2484. left: 50%
  2485. }
  2486. .el-col-13 {
  2487. max-width: 54.1666666667%;
  2488. flex: 0 0 54.1666666667%
  2489. }
  2490. .el-col-offset-13 {
  2491. margin-left: 54.1666666667%
  2492. }
  2493. .el-col-pull-13 {
  2494. position: relative;
  2495. right: 54.1666666667%
  2496. }
  2497. .el-col-push-13 {
  2498. position: relative;
  2499. left: 54.1666666667%
  2500. }
  2501. .el-col-14 {
  2502. max-width: 58.3333333333%;
  2503. flex: 0 0 58.3333333333%
  2504. }
  2505. .el-col-offset-14 {
  2506. margin-left: 58.3333333333%
  2507. }
  2508. .el-col-pull-14 {
  2509. position: relative;
  2510. right: 58.3333333333%
  2511. }
  2512. .el-col-push-14 {
  2513. position: relative;
  2514. left: 58.3333333333%
  2515. }
  2516. .el-col-15 {
  2517. max-width: 62.5%;
  2518. flex: 0 0 62.5%
  2519. }
  2520. .el-col-offset-15 {
  2521. margin-left: 62.5%
  2522. }
  2523. .el-col-pull-15 {
  2524. position: relative;
  2525. right: 62.5%
  2526. }
  2527. .el-col-push-15 {
  2528. position: relative;
  2529. left: 62.5%
  2530. }
  2531. .el-col-16 {
  2532. max-width: 66.6666666667%;
  2533. flex: 0 0 66.6666666667%
  2534. }
  2535. .el-col-offset-16 {
  2536. margin-left: 66.6666666667%
  2537. }
  2538. .el-col-pull-16 {
  2539. position: relative;
  2540. right: 66.6666666667%
  2541. }
  2542. .el-col-push-16 {
  2543. position: relative;
  2544. left: 66.6666666667%
  2545. }
  2546. .el-col-17 {
  2547. max-width: 70.8333333333%;
  2548. flex: 0 0 70.8333333333%
  2549. }
  2550. .el-col-offset-17 {
  2551. margin-left: 70.8333333333%
  2552. }
  2553. .el-col-pull-17 {
  2554. position: relative;
  2555. right: 70.8333333333%
  2556. }
  2557. .el-col-push-17 {
  2558. position: relative;
  2559. left: 70.8333333333%
  2560. }
  2561. .el-col-18 {
  2562. max-width: 75%;
  2563. flex: 0 0 75%
  2564. }
  2565. .el-col-offset-18 {
  2566. margin-left: 75%
  2567. }
  2568. .el-col-pull-18 {
  2569. position: relative;
  2570. right: 75%
  2571. }
  2572. .el-col-push-18 {
  2573. position: relative;
  2574. left: 75%
  2575. }
  2576. .el-col-19 {
  2577. max-width: 79.1666666667%;
  2578. flex: 0 0 79.1666666667%
  2579. }
  2580. .el-col-offset-19 {
  2581. margin-left: 79.1666666667%
  2582. }
  2583. .el-col-pull-19 {
  2584. position: relative;
  2585. right: 79.1666666667%
  2586. }
  2587. .el-col-push-19 {
  2588. position: relative;
  2589. left: 79.1666666667%
  2590. }
  2591. .el-col-20 {
  2592. max-width: 83.3333333333%;
  2593. flex: 0 0 83.3333333333%
  2594. }
  2595. .el-col-offset-20 {
  2596. margin-left: 83.3333333333%
  2597. }
  2598. .el-col-pull-20 {
  2599. position: relative;
  2600. right: 83.3333333333%
  2601. }
  2602. .el-col-push-20 {
  2603. position: relative;
  2604. left: 83.3333333333%
  2605. }
  2606. .el-col-21 {
  2607. max-width: 87.5%;
  2608. flex: 0 0 87.5%
  2609. }
  2610. .el-col-offset-21 {
  2611. margin-left: 87.5%
  2612. }
  2613. .el-col-pull-21 {
  2614. position: relative;
  2615. right: 87.5%
  2616. }
  2617. .el-col-push-21 {
  2618. position: relative;
  2619. left: 87.5%
  2620. }
  2621. .el-col-22 {
  2622. max-width: 91.6666666667%;
  2623. flex: 0 0 91.6666666667%
  2624. }
  2625. .el-col-offset-22 {
  2626. margin-left: 91.6666666667%
  2627. }
  2628. .el-col-pull-22 {
  2629. position: relative;
  2630. right: 91.6666666667%
  2631. }
  2632. .el-col-push-22 {
  2633. position: relative;
  2634. left: 91.6666666667%
  2635. }
  2636. .el-col-23 {
  2637. max-width: 95.8333333333%;
  2638. flex: 0 0 95.8333333333%
  2639. }
  2640. .el-col-offset-23 {
  2641. margin-left: 95.8333333333%
  2642. }
  2643. .el-col-pull-23 {
  2644. position: relative;
  2645. right: 95.8333333333%
  2646. }
  2647. .el-col-push-23 {
  2648. position: relative;
  2649. left: 95.8333333333%
  2650. }
  2651. .el-col-24 {
  2652. max-width: 100%;
  2653. flex: 0 0 100%
  2654. }
  2655. .el-col-offset-24 {
  2656. margin-left: 100%
  2657. }
  2658. .el-col-pull-24 {
  2659. position: relative;
  2660. right: 100%
  2661. }
  2662. .el-col-push-24 {
  2663. position: relative;
  2664. left: 100%
  2665. }
  2666. @media only screen and (max-width:767px) {
  2667. .el-col-xs-0 {
  2668. display: none
  2669. }
  2670. .el-col-xs-0.is-guttered {
  2671. display: none
  2672. }
  2673. .el-col-xs-0 {
  2674. max-width: 0%;
  2675. flex: 0 0 0%
  2676. }
  2677. .el-col-xs-offset-0 {
  2678. margin-left: 0
  2679. }
  2680. .el-col-xs-pull-0 {
  2681. position: relative;
  2682. right: 0
  2683. }
  2684. .el-col-xs-push-0 {
  2685. position: relative;
  2686. left: 0
  2687. }
  2688. .el-col-xs-1 {
  2689. display: block;
  2690. max-width: 4.1666666667%;
  2691. flex: 0 0 4.1666666667%
  2692. }
  2693. .el-col-xs-offset-1 {
  2694. margin-left: 4.1666666667%
  2695. }
  2696. .el-col-xs-pull-1 {
  2697. position: relative;
  2698. right: 4.1666666667%
  2699. }
  2700. .el-col-xs-push-1 {
  2701. position: relative;
  2702. left: 4.1666666667%
  2703. }
  2704. .el-col-xs-2 {
  2705. display: block;
  2706. max-width: 8.3333333333%;
  2707. flex: 0 0 8.3333333333%
  2708. }
  2709. .el-col-xs-offset-2 {
  2710. margin-left: 8.3333333333%
  2711. }
  2712. .el-col-xs-pull-2 {
  2713. position: relative;
  2714. right: 8.3333333333%
  2715. }
  2716. .el-col-xs-push-2 {
  2717. position: relative;
  2718. left: 8.3333333333%
  2719. }
  2720. .el-col-xs-3 {
  2721. display: block;
  2722. max-width: 12.5%;
  2723. flex: 0 0 12.5%
  2724. }
  2725. .el-col-xs-offset-3 {
  2726. margin-left: 12.5%
  2727. }
  2728. .el-col-xs-pull-3 {
  2729. position: relative;
  2730. right: 12.5%
  2731. }
  2732. .el-col-xs-push-3 {
  2733. position: relative;
  2734. left: 12.5%
  2735. }
  2736. .el-col-xs-4 {
  2737. display: block;
  2738. max-width: 16.6666666667%;
  2739. flex: 0 0 16.6666666667%
  2740. }
  2741. .el-col-xs-offset-4 {
  2742. margin-left: 16.6666666667%
  2743. }
  2744. .el-col-xs-pull-4 {
  2745. position: relative;
  2746. right: 16.6666666667%
  2747. }
  2748. .el-col-xs-push-4 {
  2749. position: relative;
  2750. left: 16.6666666667%
  2751. }
  2752. .el-col-xs-5 {
  2753. display: block;
  2754. max-width: 20.8333333333%;
  2755. flex: 0 0 20.8333333333%
  2756. }
  2757. .el-col-xs-offset-5 {
  2758. margin-left: 20.8333333333%
  2759. }
  2760. .el-col-xs-pull-5 {
  2761. position: relative;
  2762. right: 20.8333333333%
  2763. }
  2764. .el-col-xs-push-5 {
  2765. position: relative;
  2766. left: 20.8333333333%
  2767. }
  2768. .el-col-xs-6 {
  2769. display: block;
  2770. max-width: 25%;
  2771. flex: 0 0 25%
  2772. }
  2773. .el-col-xs-offset-6 {
  2774. margin-left: 25%
  2775. }
  2776. .el-col-xs-pull-6 {
  2777. position: relative;
  2778. right: 25%
  2779. }
  2780. .el-col-xs-push-6 {
  2781. position: relative;
  2782. left: 25%
  2783. }
  2784. .el-col-xs-7 {
  2785. display: block;
  2786. max-width: 29.1666666667%;
  2787. flex: 0 0 29.1666666667%
  2788. }
  2789. .el-col-xs-offset-7 {
  2790. margin-left: 29.1666666667%
  2791. }
  2792. .el-col-xs-pull-7 {
  2793. position: relative;
  2794. right: 29.1666666667%
  2795. }
  2796. .el-col-xs-push-7 {
  2797. position: relative;
  2798. left: 29.1666666667%
  2799. }
  2800. .el-col-xs-8 {
  2801. display: block;
  2802. max-width: 33.3333333333%;
  2803. flex: 0 0 33.3333333333%
  2804. }
  2805. .el-col-xs-offset-8 {
  2806. margin-left: 33.3333333333%
  2807. }
  2808. .el-col-xs-pull-8 {
  2809. position: relative;
  2810. right: 33.3333333333%
  2811. }
  2812. .el-col-xs-push-8 {
  2813. position: relative;
  2814. left: 33.3333333333%
  2815. }
  2816. .el-col-xs-9 {
  2817. display: block;
  2818. max-width: 37.5%;
  2819. flex: 0 0 37.5%
  2820. }
  2821. .el-col-xs-offset-9 {
  2822. margin-left: 37.5%
  2823. }
  2824. .el-col-xs-pull-9 {
  2825. position: relative;
  2826. right: 37.5%
  2827. }
  2828. .el-col-xs-push-9 {
  2829. position: relative;
  2830. left: 37.5%
  2831. }
  2832. .el-col-xs-10 {
  2833. display: block;
  2834. max-width: 41.6666666667%;
  2835. flex: 0 0 41.6666666667%
  2836. }
  2837. .el-col-xs-offset-10 {
  2838. margin-left: 41.6666666667%
  2839. }
  2840. .el-col-xs-pull-10 {
  2841. position: relative;
  2842. right: 41.6666666667%
  2843. }
  2844. .el-col-xs-push-10 {
  2845. position: relative;
  2846. left: 41.6666666667%
  2847. }
  2848. .el-col-xs-11 {
  2849. display: block;
  2850. max-width: 45.8333333333%;
  2851. flex: 0 0 45.8333333333%
  2852. }
  2853. .el-col-xs-offset-11 {
  2854. margin-left: 45.8333333333%
  2855. }
  2856. .el-col-xs-pull-11 {
  2857. position: relative;
  2858. right: 45.8333333333%
  2859. }
  2860. .el-col-xs-push-11 {
  2861. position: relative;
  2862. left: 45.8333333333%
  2863. }
  2864. .el-col-xs-12 {
  2865. display: block;
  2866. max-width: 50%;
  2867. flex: 0 0 50%
  2868. }
  2869. .el-col-xs-offset-12 {
  2870. margin-left: 50%
  2871. }
  2872. .el-col-xs-pull-12 {
  2873. position: relative;
  2874. right: 50%
  2875. }
  2876. .el-col-xs-push-12 {
  2877. position: relative;
  2878. left: 50%
  2879. }
  2880. .el-col-xs-13 {
  2881. display: block;
  2882. max-width: 54.1666666667%;
  2883. flex: 0 0 54.1666666667%
  2884. }
  2885. .el-col-xs-offset-13 {
  2886. margin-left: 54.1666666667%
  2887. }
  2888. .el-col-xs-pull-13 {
  2889. position: relative;
  2890. right: 54.1666666667%
  2891. }
  2892. .el-col-xs-push-13 {
  2893. position: relative;
  2894. left: 54.1666666667%
  2895. }
  2896. .el-col-xs-14 {
  2897. display: block;
  2898. max-width: 58.3333333333%;
  2899. flex: 0 0 58.3333333333%
  2900. }
  2901. .el-col-xs-offset-14 {
  2902. margin-left: 58.3333333333%
  2903. }
  2904. .el-col-xs-pull-14 {
  2905. position: relative;
  2906. right: 58.3333333333%
  2907. }
  2908. .el-col-xs-push-14 {
  2909. position: relative;
  2910. left: 58.3333333333%
  2911. }
  2912. .el-col-xs-15 {
  2913. display: block;
  2914. max-width: 62.5%;
  2915. flex: 0 0 62.5%
  2916. }
  2917. .el-col-xs-offset-15 {
  2918. margin-left: 62.5%
  2919. }
  2920. .el-col-xs-pull-15 {
  2921. position: relative;
  2922. right: 62.5%
  2923. }
  2924. .el-col-xs-push-15 {
  2925. position: relative;
  2926. left: 62.5%
  2927. }
  2928. .el-col-xs-16 {
  2929. display: block;
  2930. max-width: 66.6666666667%;
  2931. flex: 0 0 66.6666666667%
  2932. }
  2933. .el-col-xs-offset-16 {
  2934. margin-left: 66.6666666667%
  2935. }
  2936. .el-col-xs-pull-16 {
  2937. position: relative;
  2938. right: 66.6666666667%
  2939. }
  2940. .el-col-xs-push-16 {
  2941. position: relative;
  2942. left: 66.6666666667%
  2943. }
  2944. .el-col-xs-17 {
  2945. display: block;
  2946. max-width: 70.8333333333%;
  2947. flex: 0 0 70.8333333333%
  2948. }
  2949. .el-col-xs-offset-17 {
  2950. margin-left: 70.8333333333%
  2951. }
  2952. .el-col-xs-pull-17 {
  2953. position: relative;
  2954. right: 70.8333333333%
  2955. }
  2956. .el-col-xs-push-17 {
  2957. position: relative;
  2958. left: 70.8333333333%
  2959. }
  2960. .el-col-xs-18 {
  2961. display: block;
  2962. max-width: 75%;
  2963. flex: 0 0 75%
  2964. }
  2965. .el-col-xs-offset-18 {
  2966. margin-left: 75%
  2967. }
  2968. .el-col-xs-pull-18 {
  2969. position: relative;
  2970. right: 75%
  2971. }
  2972. .el-col-xs-push-18 {
  2973. position: relative;
  2974. left: 75%
  2975. }
  2976. .el-col-xs-19 {
  2977. display: block;
  2978. max-width: 79.1666666667%;
  2979. flex: 0 0 79.1666666667%
  2980. }
  2981. .el-col-xs-offset-19 {
  2982. margin-left: 79.1666666667%
  2983. }
  2984. .el-col-xs-pull-19 {
  2985. position: relative;
  2986. right: 79.1666666667%
  2987. }
  2988. .el-col-xs-push-19 {
  2989. position: relative;
  2990. left: 79.1666666667%
  2991. }
  2992. .el-col-xs-20 {
  2993. display: block;
  2994. max-width: 83.3333333333%;
  2995. flex: 0 0 83.3333333333%
  2996. }
  2997. .el-col-xs-offset-20 {
  2998. margin-left: 83.3333333333%
  2999. }
  3000. .el-col-xs-pull-20 {
  3001. position: relative;
  3002. right: 83.3333333333%
  3003. }
  3004. .el-col-xs-push-20 {
  3005. position: relative;
  3006. left: 83.3333333333%
  3007. }
  3008. .el-col-xs-21 {
  3009. display: block;
  3010. max-width: 87.5%;
  3011. flex: 0 0 87.5%
  3012. }
  3013. .el-col-xs-offset-21 {
  3014. margin-left: 87.5%
  3015. }
  3016. .el-col-xs-pull-21 {
  3017. position: relative;
  3018. right: 87.5%
  3019. }
  3020. .el-col-xs-push-21 {
  3021. position: relative;
  3022. left: 87.5%
  3023. }
  3024. .el-col-xs-22 {
  3025. display: block;
  3026. max-width: 91.6666666667%;
  3027. flex: 0 0 91.6666666667%
  3028. }
  3029. .el-col-xs-offset-22 {
  3030. margin-left: 91.6666666667%
  3031. }
  3032. .el-col-xs-pull-22 {
  3033. position: relative;
  3034. right: 91.6666666667%
  3035. }
  3036. .el-col-xs-push-22 {
  3037. position: relative;
  3038. left: 91.6666666667%
  3039. }
  3040. .el-col-xs-23 {
  3041. display: block;
  3042. max-width: 95.8333333333%;
  3043. flex: 0 0 95.8333333333%
  3044. }
  3045. .el-col-xs-offset-23 {
  3046. margin-left: 95.8333333333%
  3047. }
  3048. .el-col-xs-pull-23 {
  3049. position: relative;
  3050. right: 95.8333333333%
  3051. }
  3052. .el-col-xs-push-23 {
  3053. position: relative;
  3054. left: 95.8333333333%
  3055. }
  3056. .el-col-xs-24 {
  3057. display: block;
  3058. max-width: 100%;
  3059. flex: 0 0 100%
  3060. }
  3061. .el-col-xs-offset-24 {
  3062. margin-left: 100%
  3063. }
  3064. .el-col-xs-pull-24 {
  3065. position: relative;
  3066. right: 100%
  3067. }
  3068. .el-col-xs-push-24 {
  3069. position: relative;
  3070. left: 100%
  3071. }
  3072. }
  3073. @media only screen and (min-width:768px) {
  3074. .el-col-sm-0 {
  3075. display: none
  3076. }
  3077. .el-col-sm-0.is-guttered {
  3078. display: none
  3079. }
  3080. .el-col-sm-0 {
  3081. max-width: 0%;
  3082. flex: 0 0 0%
  3083. }
  3084. .el-col-sm-offset-0 {
  3085. margin-left: 0
  3086. }
  3087. .el-col-sm-pull-0 {
  3088. position: relative;
  3089. right: 0
  3090. }
  3091. .el-col-sm-push-0 {
  3092. position: relative;
  3093. left: 0
  3094. }
  3095. .el-col-sm-1 {
  3096. display: block;
  3097. max-width: 4.1666666667%;
  3098. flex: 0 0 4.1666666667%
  3099. }
  3100. .el-col-sm-offset-1 {
  3101. margin-left: 4.1666666667%
  3102. }
  3103. .el-col-sm-pull-1 {
  3104. position: relative;
  3105. right: 4.1666666667%
  3106. }
  3107. .el-col-sm-push-1 {
  3108. position: relative;
  3109. left: 4.1666666667%
  3110. }
  3111. .el-col-sm-2 {
  3112. display: block;
  3113. max-width: 8.3333333333%;
  3114. flex: 0 0 8.3333333333%
  3115. }
  3116. .el-col-sm-offset-2 {
  3117. margin-left: 8.3333333333%
  3118. }
  3119. .el-col-sm-pull-2 {
  3120. position: relative;
  3121. right: 8.3333333333%
  3122. }
  3123. .el-col-sm-push-2 {
  3124. position: relative;
  3125. left: 8.3333333333%
  3126. }
  3127. .el-col-sm-3 {
  3128. display: block;
  3129. max-width: 12.5%;
  3130. flex: 0 0 12.5%
  3131. }
  3132. .el-col-sm-offset-3 {
  3133. margin-left: 12.5%
  3134. }
  3135. .el-col-sm-pull-3 {
  3136. position: relative;
  3137. right: 12.5%
  3138. }
  3139. .el-col-sm-push-3 {
  3140. position: relative;
  3141. left: 12.5%
  3142. }
  3143. .el-col-sm-4 {
  3144. display: block;
  3145. max-width: 16.6666666667%;
  3146. flex: 0 0 16.6666666667%
  3147. }
  3148. .el-col-sm-offset-4 {
  3149. margin-left: 16.6666666667%
  3150. }
  3151. .el-col-sm-pull-4 {
  3152. position: relative;
  3153. right: 16.6666666667%
  3154. }
  3155. .el-col-sm-push-4 {
  3156. position: relative;
  3157. left: 16.6666666667%
  3158. }
  3159. .el-col-sm-5 {
  3160. display: block;
  3161. max-width: 20.8333333333%;
  3162. flex: 0 0 20.8333333333%
  3163. }
  3164. .el-col-sm-offset-5 {
  3165. margin-left: 20.8333333333%
  3166. }
  3167. .el-col-sm-pull-5 {
  3168. position: relative;
  3169. right: 20.8333333333%
  3170. }
  3171. .el-col-sm-push-5 {
  3172. position: relative;
  3173. left: 20.8333333333%
  3174. }
  3175. .el-col-sm-6 {
  3176. display: block;
  3177. max-width: 25%;
  3178. flex: 0 0 25%
  3179. }
  3180. .el-col-sm-offset-6 {
  3181. margin-left: 25%
  3182. }
  3183. .el-col-sm-pull-6 {
  3184. position: relative;
  3185. right: 25%
  3186. }
  3187. .el-col-sm-push-6 {
  3188. position: relative;
  3189. left: 25%
  3190. }
  3191. .el-col-sm-7 {
  3192. display: block;
  3193. max-width: 29.1666666667%;
  3194. flex: 0 0 29.1666666667%
  3195. }
  3196. .el-col-sm-offset-7 {
  3197. margin-left: 29.1666666667%
  3198. }
  3199. .el-col-sm-pull-7 {
  3200. position: relative;
  3201. right: 29.1666666667%
  3202. }
  3203. .el-col-sm-push-7 {
  3204. position: relative;
  3205. left: 29.1666666667%
  3206. }
  3207. .el-col-sm-8 {
  3208. display: block;
  3209. max-width: 33.3333333333%;
  3210. flex: 0 0 33.3333333333%
  3211. }
  3212. .el-col-sm-offset-8 {
  3213. margin-left: 33.3333333333%
  3214. }
  3215. .el-col-sm-pull-8 {
  3216. position: relative;
  3217. right: 33.3333333333%
  3218. }
  3219. .el-col-sm-push-8 {
  3220. position: relative;
  3221. left: 33.3333333333%
  3222. }
  3223. .el-col-sm-9 {
  3224. display: block;
  3225. max-width: 37.5%;
  3226. flex: 0 0 37.5%
  3227. }
  3228. .el-col-sm-offset-9 {
  3229. margin-left: 37.5%
  3230. }
  3231. .el-col-sm-pull-9 {
  3232. position: relative;
  3233. right: 37.5%
  3234. }
  3235. .el-col-sm-push-9 {
  3236. position: relative;
  3237. left: 37.5%
  3238. }
  3239. .el-col-sm-10 {
  3240. display: block;
  3241. max-width: 41.6666666667%;
  3242. flex: 0 0 41.6666666667%
  3243. }
  3244. .el-col-sm-offset-10 {
  3245. margin-left: 41.6666666667%
  3246. }
  3247. .el-col-sm-pull-10 {
  3248. position: relative;
  3249. right: 41.6666666667%
  3250. }
  3251. .el-col-sm-push-10 {
  3252. position: relative;
  3253. left: 41.6666666667%
  3254. }
  3255. .el-col-sm-11 {
  3256. display: block;
  3257. max-width: 45.8333333333%;
  3258. flex: 0 0 45.8333333333%
  3259. }
  3260. .el-col-sm-offset-11 {
  3261. margin-left: 45.8333333333%
  3262. }
  3263. .el-col-sm-pull-11 {
  3264. position: relative;
  3265. right: 45.8333333333%
  3266. }
  3267. .el-col-sm-push-11 {
  3268. position: relative;
  3269. left: 45.8333333333%
  3270. }
  3271. .el-col-sm-12 {
  3272. display: block;
  3273. max-width: 50%;
  3274. flex: 0 0 50%
  3275. }
  3276. .el-col-sm-offset-12 {
  3277. margin-left: 50%
  3278. }
  3279. .el-col-sm-pull-12 {
  3280. position: relative;
  3281. right: 50%
  3282. }
  3283. .el-col-sm-push-12 {
  3284. position: relative;
  3285. left: 50%
  3286. }
  3287. .el-col-sm-13 {
  3288. display: block;
  3289. max-width: 54.1666666667%;
  3290. flex: 0 0 54.1666666667%
  3291. }
  3292. .el-col-sm-offset-13 {
  3293. margin-left: 54.1666666667%
  3294. }
  3295. .el-col-sm-pull-13 {
  3296. position: relative;
  3297. right: 54.1666666667%
  3298. }
  3299. .el-col-sm-push-13 {
  3300. position: relative;
  3301. left: 54.1666666667%
  3302. }
  3303. .el-col-sm-14 {
  3304. display: block;
  3305. max-width: 58.3333333333%;
  3306. flex: 0 0 58.3333333333%
  3307. }
  3308. .el-col-sm-offset-14 {
  3309. margin-left: 58.3333333333%
  3310. }
  3311. .el-col-sm-pull-14 {
  3312. position: relative;
  3313. right: 58.3333333333%
  3314. }
  3315. .el-col-sm-push-14 {
  3316. position: relative;
  3317. left: 58.3333333333%
  3318. }
  3319. .el-col-sm-15 {
  3320. display: block;
  3321. max-width: 62.5%;
  3322. flex: 0 0 62.5%
  3323. }
  3324. .el-col-sm-offset-15 {
  3325. margin-left: 62.5%
  3326. }
  3327. .el-col-sm-pull-15 {
  3328. position: relative;
  3329. right: 62.5%
  3330. }
  3331. .el-col-sm-push-15 {
  3332. position: relative;
  3333. left: 62.5%
  3334. }
  3335. .el-col-sm-16 {
  3336. display: block;
  3337. max-width: 66.6666666667%;
  3338. flex: 0 0 66.6666666667%
  3339. }
  3340. .el-col-sm-offset-16 {
  3341. margin-left: 66.6666666667%
  3342. }
  3343. .el-col-sm-pull-16 {
  3344. position: relative;
  3345. right: 66.6666666667%
  3346. }
  3347. .el-col-sm-push-16 {
  3348. position: relative;
  3349. left: 66.6666666667%
  3350. }
  3351. .el-col-sm-17 {
  3352. display: block;
  3353. max-width: 70.8333333333%;
  3354. flex: 0 0 70.8333333333%
  3355. }
  3356. .el-col-sm-offset-17 {
  3357. margin-left: 70.8333333333%
  3358. }
  3359. .el-col-sm-pull-17 {
  3360. position: relative;
  3361. right: 70.8333333333%
  3362. }
  3363. .el-col-sm-push-17 {
  3364. position: relative;
  3365. left: 70.8333333333%
  3366. }
  3367. .el-col-sm-18 {
  3368. display: block;
  3369. max-width: 75%;
  3370. flex: 0 0 75%
  3371. }
  3372. .el-col-sm-offset-18 {
  3373. margin-left: 75%
  3374. }
  3375. .el-col-sm-pull-18 {
  3376. position: relative;
  3377. right: 75%
  3378. }
  3379. .el-col-sm-push-18 {
  3380. position: relative;
  3381. left: 75%
  3382. }
  3383. .el-col-sm-19 {
  3384. display: block;
  3385. max-width: 79.1666666667%;
  3386. flex: 0 0 79.1666666667%
  3387. }
  3388. .el-col-sm-offset-19 {
  3389. margin-left: 79.1666666667%
  3390. }
  3391. .el-col-sm-pull-19 {
  3392. position: relative;
  3393. right: 79.1666666667%
  3394. }
  3395. .el-col-sm-push-19 {
  3396. position: relative;
  3397. left: 79.1666666667%
  3398. }
  3399. .el-col-sm-20 {
  3400. display: block;
  3401. max-width: 83.3333333333%;
  3402. flex: 0 0 83.3333333333%
  3403. }
  3404. .el-col-sm-offset-20 {
  3405. margin-left: 83.3333333333%
  3406. }
  3407. .el-col-sm-pull-20 {
  3408. position: relative;
  3409. right: 83.3333333333%
  3410. }
  3411. .el-col-sm-push-20 {
  3412. position: relative;
  3413. left: 83.3333333333%
  3414. }
  3415. .el-col-sm-21 {
  3416. display: block;
  3417. max-width: 87.5%;
  3418. flex: 0 0 87.5%
  3419. }
  3420. .el-col-sm-offset-21 {
  3421. margin-left: 87.5%
  3422. }
  3423. .el-col-sm-pull-21 {
  3424. position: relative;
  3425. right: 87.5%
  3426. }
  3427. .el-col-sm-push-21 {
  3428. position: relative;
  3429. left: 87.5%
  3430. }
  3431. .el-col-sm-22 {
  3432. display: block;
  3433. max-width: 91.6666666667%;
  3434. flex: 0 0 91.6666666667%
  3435. }
  3436. .el-col-sm-offset-22 {
  3437. margin-left: 91.6666666667%
  3438. }
  3439. .el-col-sm-pull-22 {
  3440. position: relative;
  3441. right: 91.6666666667%
  3442. }
  3443. .el-col-sm-push-22 {
  3444. position: relative;
  3445. left: 91.6666666667%
  3446. }
  3447. .el-col-sm-23 {
  3448. display: block;
  3449. max-width: 95.8333333333%;
  3450. flex: 0 0 95.8333333333%
  3451. }
  3452. .el-col-sm-offset-23 {
  3453. margin-left: 95.8333333333%
  3454. }
  3455. .el-col-sm-pull-23 {
  3456. position: relative;
  3457. right: 95.8333333333%
  3458. }
  3459. .el-col-sm-push-23 {
  3460. position: relative;
  3461. left: 95.8333333333%
  3462. }
  3463. .el-col-sm-24 {
  3464. display: block;
  3465. max-width: 100%;
  3466. flex: 0 0 100%
  3467. }
  3468. .el-col-sm-offset-24 {
  3469. margin-left: 100%
  3470. }
  3471. .el-col-sm-pull-24 {
  3472. position: relative;
  3473. right: 100%
  3474. }
  3475. .el-col-sm-push-24 {
  3476. position: relative;
  3477. left: 100%
  3478. }
  3479. }
  3480. @media only screen and (min-width:992px) {
  3481. .el-col-md-0 {
  3482. display: none
  3483. }
  3484. .el-col-md-0.is-guttered {
  3485. display: none
  3486. }
  3487. .el-col-md-0 {
  3488. max-width: 0%;
  3489. flex: 0 0 0%
  3490. }
  3491. .el-col-md-offset-0 {
  3492. margin-left: 0
  3493. }
  3494. .el-col-md-pull-0 {
  3495. position: relative;
  3496. right: 0
  3497. }
  3498. .el-col-md-push-0 {
  3499. position: relative;
  3500. left: 0
  3501. }
  3502. .el-col-md-1 {
  3503. display: block;
  3504. max-width: 4.1666666667%;
  3505. flex: 0 0 4.1666666667%
  3506. }
  3507. .el-col-md-offset-1 {
  3508. margin-left: 4.1666666667%
  3509. }
  3510. .el-col-md-pull-1 {
  3511. position: relative;
  3512. right: 4.1666666667%
  3513. }
  3514. .el-col-md-push-1 {
  3515. position: relative;
  3516. left: 4.1666666667%
  3517. }
  3518. .el-col-md-2 {
  3519. display: block;
  3520. max-width: 8.3333333333%;
  3521. flex: 0 0 8.3333333333%
  3522. }
  3523. .el-col-md-offset-2 {
  3524. margin-left: 8.3333333333%
  3525. }
  3526. .el-col-md-pull-2 {
  3527. position: relative;
  3528. right: 8.3333333333%
  3529. }
  3530. .el-col-md-push-2 {
  3531. position: relative;
  3532. left: 8.3333333333%
  3533. }
  3534. .el-col-md-3 {
  3535. display: block;
  3536. max-width: 12.5%;
  3537. flex: 0 0 12.5%
  3538. }
  3539. .el-col-md-offset-3 {
  3540. margin-left: 12.5%
  3541. }
  3542. .el-col-md-pull-3 {
  3543. position: relative;
  3544. right: 12.5%
  3545. }
  3546. .el-col-md-push-3 {
  3547. position: relative;
  3548. left: 12.5%
  3549. }
  3550. .el-col-md-4 {
  3551. display: block;
  3552. max-width: 16.6666666667%;
  3553. flex: 0 0 16.6666666667%
  3554. }
  3555. .el-col-md-offset-4 {
  3556. margin-left: 16.6666666667%
  3557. }
  3558. .el-col-md-pull-4 {
  3559. position: relative;
  3560. right: 16.6666666667%
  3561. }
  3562. .el-col-md-push-4 {
  3563. position: relative;
  3564. left: 16.6666666667%
  3565. }
  3566. .el-col-md-5 {
  3567. display: block;
  3568. max-width: 20.8333333333%;
  3569. flex: 0 0 20.8333333333%
  3570. }
  3571. .el-col-md-offset-5 {
  3572. margin-left: 20.8333333333%
  3573. }
  3574. .el-col-md-pull-5 {
  3575. position: relative;
  3576. right: 20.8333333333%
  3577. }
  3578. .el-col-md-push-5 {
  3579. position: relative;
  3580. left: 20.8333333333%
  3581. }
  3582. .el-col-md-6 {
  3583. display: block;
  3584. max-width: 25%;
  3585. flex: 0 0 25%
  3586. }
  3587. .el-col-md-offset-6 {
  3588. margin-left: 25%
  3589. }
  3590. .el-col-md-pull-6 {
  3591. position: relative;
  3592. right: 25%
  3593. }
  3594. .el-col-md-push-6 {
  3595. position: relative;
  3596. left: 25%
  3597. }
  3598. .el-col-md-7 {
  3599. display: block;
  3600. max-width: 29.1666666667%;
  3601. flex: 0 0 29.1666666667%
  3602. }
  3603. .el-col-md-offset-7 {
  3604. margin-left: 29.1666666667%
  3605. }
  3606. .el-col-md-pull-7 {
  3607. position: relative;
  3608. right: 29.1666666667%
  3609. }
  3610. .el-col-md-push-7 {
  3611. position: relative;
  3612. left: 29.1666666667%
  3613. }
  3614. .el-col-md-8 {
  3615. display: block;
  3616. max-width: 33.3333333333%;
  3617. flex: 0 0 33.3333333333%
  3618. }
  3619. .el-col-md-offset-8 {
  3620. margin-left: 33.3333333333%
  3621. }
  3622. .el-col-md-pull-8 {
  3623. position: relative;
  3624. right: 33.3333333333%
  3625. }
  3626. .el-col-md-push-8 {
  3627. position: relative;
  3628. left: 33.3333333333%
  3629. }
  3630. .el-col-md-9 {
  3631. display: block;
  3632. max-width: 37.5%;
  3633. flex: 0 0 37.5%
  3634. }
  3635. .el-col-md-offset-9 {
  3636. margin-left: 37.5%
  3637. }
  3638. .el-col-md-pull-9 {
  3639. position: relative;
  3640. right: 37.5%
  3641. }
  3642. .el-col-md-push-9 {
  3643. position: relative;
  3644. left: 37.5%
  3645. }
  3646. .el-col-md-10 {
  3647. display: block;
  3648. max-width: 41.6666666667%;
  3649. flex: 0 0 41.6666666667%
  3650. }
  3651. .el-col-md-offset-10 {
  3652. margin-left: 41.6666666667%
  3653. }
  3654. .el-col-md-pull-10 {
  3655. position: relative;
  3656. right: 41.6666666667%
  3657. }
  3658. .el-col-md-push-10 {
  3659. position: relative;
  3660. left: 41.6666666667%
  3661. }
  3662. .el-col-md-11 {
  3663. display: block;
  3664. max-width: 45.8333333333%;
  3665. flex: 0 0 45.8333333333%
  3666. }
  3667. .el-col-md-offset-11 {
  3668. margin-left: 45.8333333333%
  3669. }
  3670. .el-col-md-pull-11 {
  3671. position: relative;
  3672. right: 45.8333333333%
  3673. }
  3674. .el-col-md-push-11 {
  3675. position: relative;
  3676. left: 45.8333333333%
  3677. }
  3678. .el-col-md-12 {
  3679. display: block;
  3680. max-width: 50%;
  3681. flex: 0 0 50%
  3682. }
  3683. .el-col-md-offset-12 {
  3684. margin-left: 50%
  3685. }
  3686. .el-col-md-pull-12 {
  3687. position: relative;
  3688. right: 50%
  3689. }
  3690. .el-col-md-push-12 {
  3691. position: relative;
  3692. left: 50%
  3693. }
  3694. .el-col-md-13 {
  3695. display: block;
  3696. max-width: 54.1666666667%;
  3697. flex: 0 0 54.1666666667%
  3698. }
  3699. .el-col-md-offset-13 {
  3700. margin-left: 54.1666666667%
  3701. }
  3702. .el-col-md-pull-13 {
  3703. position: relative;
  3704. right: 54.1666666667%
  3705. }
  3706. .el-col-md-push-13 {
  3707. position: relative;
  3708. left: 54.1666666667%
  3709. }
  3710. .el-col-md-14 {
  3711. display: block;
  3712. max-width: 58.3333333333%;
  3713. flex: 0 0 58.3333333333%
  3714. }
  3715. .el-col-md-offset-14 {
  3716. margin-left: 58.3333333333%
  3717. }
  3718. .el-col-md-pull-14 {
  3719. position: relative;
  3720. right: 58.3333333333%
  3721. }
  3722. .el-col-md-push-14 {
  3723. position: relative;
  3724. left: 58.3333333333%
  3725. }
  3726. .el-col-md-15 {
  3727. display: block;
  3728. max-width: 62.5%;
  3729. flex: 0 0 62.5%
  3730. }
  3731. .el-col-md-offset-15 {
  3732. margin-left: 62.5%
  3733. }
  3734. .el-col-md-pull-15 {
  3735. position: relative;
  3736. right: 62.5%
  3737. }
  3738. .el-col-md-push-15 {
  3739. position: relative;
  3740. left: 62.5%
  3741. }
  3742. .el-col-md-16 {
  3743. display: block;
  3744. max-width: 66.6666666667%;
  3745. flex: 0 0 66.6666666667%
  3746. }
  3747. .el-col-md-offset-16 {
  3748. margin-left: 66.6666666667%
  3749. }
  3750. .el-col-md-pull-16 {
  3751. position: relative;
  3752. right: 66.6666666667%
  3753. }
  3754. .el-col-md-push-16 {
  3755. position: relative;
  3756. left: 66.6666666667%
  3757. }
  3758. .el-col-md-17 {
  3759. display: block;
  3760. max-width: 70.8333333333%;
  3761. flex: 0 0 70.8333333333%
  3762. }
  3763. .el-col-md-offset-17 {
  3764. margin-left: 70.8333333333%
  3765. }
  3766. .el-col-md-pull-17 {
  3767. position: relative;
  3768. right: 70.8333333333%
  3769. }
  3770. .el-col-md-push-17 {
  3771. position: relative;
  3772. left: 70.8333333333%
  3773. }
  3774. .el-col-md-18 {
  3775. display: block;
  3776. max-width: 75%;
  3777. flex: 0 0 75%
  3778. }
  3779. .el-col-md-offset-18 {
  3780. margin-left: 75%
  3781. }
  3782. .el-col-md-pull-18 {
  3783. position: relative;
  3784. right: 75%
  3785. }
  3786. .el-col-md-push-18 {
  3787. position: relative;
  3788. left: 75%
  3789. }
  3790. .el-col-md-19 {
  3791. display: block;
  3792. max-width: 79.1666666667%;
  3793. flex: 0 0 79.1666666667%
  3794. }
  3795. .el-col-md-offset-19 {
  3796. margin-left: 79.1666666667%
  3797. }
  3798. .el-col-md-pull-19 {
  3799. position: relative;
  3800. right: 79.1666666667%
  3801. }
  3802. .el-col-md-push-19 {
  3803. position: relative;
  3804. left: 79.1666666667%
  3805. }
  3806. .el-col-md-20 {
  3807. display: block;
  3808. max-width: 83.3333333333%;
  3809. flex: 0 0 83.3333333333%
  3810. }
  3811. .el-col-md-offset-20 {
  3812. margin-left: 83.3333333333%
  3813. }
  3814. .el-col-md-pull-20 {
  3815. position: relative;
  3816. right: 83.3333333333%
  3817. }
  3818. .el-col-md-push-20 {
  3819. position: relative;
  3820. left: 83.3333333333%
  3821. }
  3822. .el-col-md-21 {
  3823. display: block;
  3824. max-width: 87.5%;
  3825. flex: 0 0 87.5%
  3826. }
  3827. .el-col-md-offset-21 {
  3828. margin-left: 87.5%
  3829. }
  3830. .el-col-md-pull-21 {
  3831. position: relative;
  3832. right: 87.5%
  3833. }
  3834. .el-col-md-push-21 {
  3835. position: relative;
  3836. left: 87.5%
  3837. }
  3838. .el-col-md-22 {
  3839. display: block;
  3840. max-width: 91.6666666667%;
  3841. flex: 0 0 91.6666666667%
  3842. }
  3843. .el-col-md-offset-22 {
  3844. margin-left: 91.6666666667%
  3845. }
  3846. .el-col-md-pull-22 {
  3847. position: relative;
  3848. right: 91.6666666667%
  3849. }
  3850. .el-col-md-push-22 {
  3851. position: relative;
  3852. left: 91.6666666667%
  3853. }
  3854. .el-col-md-23 {
  3855. display: block;
  3856. max-width: 95.8333333333%;
  3857. flex: 0 0 95.8333333333%
  3858. }
  3859. .el-col-md-offset-23 {
  3860. margin-left: 95.8333333333%
  3861. }
  3862. .el-col-md-pull-23 {
  3863. position: relative;
  3864. right: 95.8333333333%
  3865. }
  3866. .el-col-md-push-23 {
  3867. position: relative;
  3868. left: 95.8333333333%
  3869. }
  3870. .el-col-md-24 {
  3871. display: block;
  3872. max-width: 100%;
  3873. flex: 0 0 100%
  3874. }
  3875. .el-col-md-offset-24 {
  3876. margin-left: 100%
  3877. }
  3878. .el-col-md-pull-24 {
  3879. position: relative;
  3880. right: 100%
  3881. }
  3882. .el-col-md-push-24 {
  3883. position: relative;
  3884. left: 100%
  3885. }
  3886. }
  3887. @media only screen and (min-width:1200px) {
  3888. .el-col-lg-0 {
  3889. display: none
  3890. }
  3891. .el-col-lg-0.is-guttered {
  3892. display: none
  3893. }
  3894. .el-col-lg-0 {
  3895. max-width: 0%;
  3896. flex: 0 0 0%
  3897. }
  3898. .el-col-lg-offset-0 {
  3899. margin-left: 0
  3900. }
  3901. .el-col-lg-pull-0 {
  3902. position: relative;
  3903. right: 0
  3904. }
  3905. .el-col-lg-push-0 {
  3906. position: relative;
  3907. left: 0
  3908. }
  3909. .el-col-lg-1 {
  3910. display: block;
  3911. max-width: 4.1666666667%;
  3912. flex: 0 0 4.1666666667%
  3913. }
  3914. .el-col-lg-offset-1 {
  3915. margin-left: 4.1666666667%
  3916. }
  3917. .el-col-lg-pull-1 {
  3918. position: relative;
  3919. right: 4.1666666667%
  3920. }
  3921. .el-col-lg-push-1 {
  3922. position: relative;
  3923. left: 4.1666666667%
  3924. }
  3925. .el-col-lg-2 {
  3926. display: block;
  3927. max-width: 8.3333333333%;
  3928. flex: 0 0 8.3333333333%
  3929. }
  3930. .el-col-lg-offset-2 {
  3931. margin-left: 8.3333333333%
  3932. }
  3933. .el-col-lg-pull-2 {
  3934. position: relative;
  3935. right: 8.3333333333%
  3936. }
  3937. .el-col-lg-push-2 {
  3938. position: relative;
  3939. left: 8.3333333333%
  3940. }
  3941. .el-col-lg-3 {
  3942. display: block;
  3943. max-width: 12.5%;
  3944. flex: 0 0 12.5%
  3945. }
  3946. .el-col-lg-offset-3 {
  3947. margin-left: 12.5%
  3948. }
  3949. .el-col-lg-pull-3 {
  3950. position: relative;
  3951. right: 12.5%
  3952. }
  3953. .el-col-lg-push-3 {
  3954. position: relative;
  3955. left: 12.5%
  3956. }
  3957. .el-col-lg-4 {
  3958. display: block;
  3959. max-width: 16.6666666667%;
  3960. flex: 0 0 16.6666666667%
  3961. }
  3962. .el-col-lg-offset-4 {
  3963. margin-left: 16.6666666667%
  3964. }
  3965. .el-col-lg-pull-4 {
  3966. position: relative;
  3967. right: 16.6666666667%
  3968. }
  3969. .el-col-lg-push-4 {
  3970. position: relative;
  3971. left: 16.6666666667%
  3972. }
  3973. .el-col-lg-5 {
  3974. display: block;
  3975. max-width: 20.8333333333%;
  3976. flex: 0 0 20.8333333333%
  3977. }
  3978. .el-col-lg-offset-5 {
  3979. margin-left: 20.8333333333%
  3980. }
  3981. .el-col-lg-pull-5 {
  3982. position: relative;
  3983. right: 20.8333333333%
  3984. }
  3985. .el-col-lg-push-5 {
  3986. position: relative;
  3987. left: 20.8333333333%
  3988. }
  3989. .el-col-lg-6 {
  3990. display: block;
  3991. max-width: 25%;
  3992. flex: 0 0 25%
  3993. }
  3994. .el-col-lg-offset-6 {
  3995. margin-left: 25%
  3996. }
  3997. .el-col-lg-pull-6 {
  3998. position: relative;
  3999. right: 25%
  4000. }
  4001. .el-col-lg-push-6 {
  4002. position: relative;
  4003. left: 25%
  4004. }
  4005. .el-col-lg-7 {
  4006. display: block;
  4007. max-width: 29.1666666667%;
  4008. flex: 0 0 29.1666666667%
  4009. }
  4010. .el-col-lg-offset-7 {
  4011. margin-left: 29.1666666667%
  4012. }
  4013. .el-col-lg-pull-7 {
  4014. position: relative;
  4015. right: 29.1666666667%
  4016. }
  4017. .el-col-lg-push-7 {
  4018. position: relative;
  4019. left: 29.1666666667%
  4020. }
  4021. .el-col-lg-8 {
  4022. display: block;
  4023. max-width: 33.3333333333%;
  4024. flex: 0 0 33.3333333333%
  4025. }
  4026. .el-col-lg-offset-8 {
  4027. margin-left: 33.3333333333%
  4028. }
  4029. .el-col-lg-pull-8 {
  4030. position: relative;
  4031. right: 33.3333333333%
  4032. }
  4033. .el-col-lg-push-8 {
  4034. position: relative;
  4035. left: 33.3333333333%
  4036. }
  4037. .el-col-lg-9 {
  4038. display: block;
  4039. max-width: 37.5%;
  4040. flex: 0 0 37.5%
  4041. }
  4042. .el-col-lg-offset-9 {
  4043. margin-left: 37.5%
  4044. }
  4045. .el-col-lg-pull-9 {
  4046. position: relative;
  4047. right: 37.5%
  4048. }
  4049. .el-col-lg-push-9 {
  4050. position: relative;
  4051. left: 37.5%
  4052. }
  4053. .el-col-lg-10 {
  4054. display: block;
  4055. max-width: 41.6666666667%;
  4056. flex: 0 0 41.6666666667%
  4057. }
  4058. .el-col-lg-offset-10 {
  4059. margin-left: 41.6666666667%
  4060. }
  4061. .el-col-lg-pull-10 {
  4062. position: relative;
  4063. right: 41.6666666667%
  4064. }
  4065. .el-col-lg-push-10 {
  4066. position: relative;
  4067. left: 41.6666666667%
  4068. }
  4069. .el-col-lg-11 {
  4070. display: block;
  4071. max-width: 45.8333333333%;
  4072. flex: 0 0 45.8333333333%
  4073. }
  4074. .el-col-lg-offset-11 {
  4075. margin-left: 45.8333333333%
  4076. }
  4077. .el-col-lg-pull-11 {
  4078. position: relative;
  4079. right: 45.8333333333%
  4080. }
  4081. .el-col-lg-push-11 {
  4082. position: relative;
  4083. left: 45.8333333333%
  4084. }
  4085. .el-col-lg-12 {
  4086. display: block;
  4087. max-width: 50%;
  4088. flex: 0 0 50%
  4089. }
  4090. .el-col-lg-offset-12 {
  4091. margin-left: 50%
  4092. }
  4093. .el-col-lg-pull-12 {
  4094. position: relative;
  4095. right: 50%
  4096. }
  4097. .el-col-lg-push-12 {
  4098. position: relative;
  4099. left: 50%
  4100. }
  4101. .el-col-lg-13 {
  4102. display: block;
  4103. max-width: 54.1666666667%;
  4104. flex: 0 0 54.1666666667%
  4105. }
  4106. .el-col-lg-offset-13 {
  4107. margin-left: 54.1666666667%
  4108. }
  4109. .el-col-lg-pull-13 {
  4110. position: relative;
  4111. right: 54.1666666667%
  4112. }
  4113. .el-col-lg-push-13 {
  4114. position: relative;
  4115. left: 54.1666666667%
  4116. }
  4117. .el-col-lg-14 {
  4118. display: block;
  4119. max-width: 58.3333333333%;
  4120. flex: 0 0 58.3333333333%
  4121. }
  4122. .el-col-lg-offset-14 {
  4123. margin-left: 58.3333333333%
  4124. }
  4125. .el-col-lg-pull-14 {
  4126. position: relative;
  4127. right: 58.3333333333%
  4128. }
  4129. .el-col-lg-push-14 {
  4130. position: relative;
  4131. left: 58.3333333333%
  4132. }
  4133. .el-col-lg-15 {
  4134. display: block;
  4135. max-width: 62.5%;
  4136. flex: 0 0 62.5%
  4137. }
  4138. .el-col-lg-offset-15 {
  4139. margin-left: 62.5%
  4140. }
  4141. .el-col-lg-pull-15 {
  4142. position: relative;
  4143. right: 62.5%
  4144. }
  4145. .el-col-lg-push-15 {
  4146. position: relative;
  4147. left: 62.5%
  4148. }
  4149. .el-col-lg-16 {
  4150. display: block;
  4151. max-width: 66.6666666667%;
  4152. flex: 0 0 66.6666666667%
  4153. }
  4154. .el-col-lg-offset-16 {
  4155. margin-left: 66.6666666667%
  4156. }
  4157. .el-col-lg-pull-16 {
  4158. position: relative;
  4159. right: 66.6666666667%
  4160. }
  4161. .el-col-lg-push-16 {
  4162. position: relative;
  4163. left: 66.6666666667%
  4164. }
  4165. .el-col-lg-17 {
  4166. display: block;
  4167. max-width: 70.8333333333%;
  4168. flex: 0 0 70.8333333333%
  4169. }
  4170. .el-col-lg-offset-17 {
  4171. margin-left: 70.8333333333%
  4172. }
  4173. .el-col-lg-pull-17 {
  4174. position: relative;
  4175. right: 70.8333333333%
  4176. }
  4177. .el-col-lg-push-17 {
  4178. position: relative;
  4179. left: 70.8333333333%
  4180. }
  4181. .el-col-lg-18 {
  4182. display: block;
  4183. max-width: 75%;
  4184. flex: 0 0 75%
  4185. }
  4186. .el-col-lg-offset-18 {
  4187. margin-left: 75%
  4188. }
  4189. .el-col-lg-pull-18 {
  4190. position: relative;
  4191. right: 75%
  4192. }
  4193. .el-col-lg-push-18 {
  4194. position: relative;
  4195. left: 75%
  4196. }
  4197. .el-col-lg-19 {
  4198. display: block;
  4199. max-width: 79.1666666667%;
  4200. flex: 0 0 79.1666666667%
  4201. }
  4202. .el-col-lg-offset-19 {
  4203. margin-left: 79.1666666667%
  4204. }
  4205. .el-col-lg-pull-19 {
  4206. position: relative;
  4207. right: 79.1666666667%
  4208. }
  4209. .el-col-lg-push-19 {
  4210. position: relative;
  4211. left: 79.1666666667%
  4212. }
  4213. .el-col-lg-20 {
  4214. display: block;
  4215. max-width: 83.3333333333%;
  4216. flex: 0 0 83.3333333333%
  4217. }
  4218. .el-col-lg-offset-20 {
  4219. margin-left: 83.3333333333%
  4220. }
  4221. .el-col-lg-pull-20 {
  4222. position: relative;
  4223. right: 83.3333333333%
  4224. }
  4225. .el-col-lg-push-20 {
  4226. position: relative;
  4227. left: 83.3333333333%
  4228. }
  4229. .el-col-lg-21 {
  4230. display: block;
  4231. max-width: 87.5%;
  4232. flex: 0 0 87.5%
  4233. }
  4234. .el-col-lg-offset-21 {
  4235. margin-left: 87.5%
  4236. }
  4237. .el-col-lg-pull-21 {
  4238. position: relative;
  4239. right: 87.5%
  4240. }
  4241. .el-col-lg-push-21 {
  4242. position: relative;
  4243. left: 87.5%
  4244. }
  4245. .el-col-lg-22 {
  4246. display: block;
  4247. max-width: 91.6666666667%;
  4248. flex: 0 0 91.6666666667%
  4249. }
  4250. .el-col-lg-offset-22 {
  4251. margin-left: 91.6666666667%
  4252. }
  4253. .el-col-lg-pull-22 {
  4254. position: relative;
  4255. right: 91.6666666667%
  4256. }
  4257. .el-col-lg-push-22 {
  4258. position: relative;
  4259. left: 91.6666666667%
  4260. }
  4261. .el-col-lg-23 {
  4262. display: block;
  4263. max-width: 95.8333333333%;
  4264. flex: 0 0 95.8333333333%
  4265. }
  4266. .el-col-lg-offset-23 {
  4267. margin-left: 95.8333333333%
  4268. }
  4269. .el-col-lg-pull-23 {
  4270. position: relative;
  4271. right: 95.8333333333%
  4272. }
  4273. .el-col-lg-push-23 {
  4274. position: relative;
  4275. left: 95.8333333333%
  4276. }
  4277. .el-col-lg-24 {
  4278. display: block;
  4279. max-width: 100%;
  4280. flex: 0 0 100%
  4281. }
  4282. .el-col-lg-offset-24 {
  4283. margin-left: 100%
  4284. }
  4285. .el-col-lg-pull-24 {
  4286. position: relative;
  4287. right: 100%
  4288. }
  4289. .el-col-lg-push-24 {
  4290. position: relative;
  4291. left: 100%
  4292. }
  4293. }
  4294. @media only screen and (min-width:1920px) {
  4295. .el-col-xl-0 {
  4296. display: none
  4297. }
  4298. .el-col-xl-0.is-guttered {
  4299. display: none
  4300. }
  4301. .el-col-xl-0 {
  4302. max-width: 0%;
  4303. flex: 0 0 0%
  4304. }
  4305. .el-col-xl-offset-0 {
  4306. margin-left: 0
  4307. }
  4308. .el-col-xl-pull-0 {
  4309. position: relative;
  4310. right: 0
  4311. }
  4312. .el-col-xl-push-0 {
  4313. position: relative;
  4314. left: 0
  4315. }
  4316. .el-col-xl-1 {
  4317. display: block;
  4318. max-width: 4.1666666667%;
  4319. flex: 0 0 4.1666666667%
  4320. }
  4321. .el-col-xl-offset-1 {
  4322. margin-left: 4.1666666667%
  4323. }
  4324. .el-col-xl-pull-1 {
  4325. position: relative;
  4326. right: 4.1666666667%
  4327. }
  4328. .el-col-xl-push-1 {
  4329. position: relative;
  4330. left: 4.1666666667%
  4331. }
  4332. .el-col-xl-2 {
  4333. display: block;
  4334. max-width: 8.3333333333%;
  4335. flex: 0 0 8.3333333333%
  4336. }
  4337. .el-col-xl-offset-2 {
  4338. margin-left: 8.3333333333%
  4339. }
  4340. .el-col-xl-pull-2 {
  4341. position: relative;
  4342. right: 8.3333333333%
  4343. }
  4344. .el-col-xl-push-2 {
  4345. position: relative;
  4346. left: 8.3333333333%
  4347. }
  4348. .el-col-xl-3 {
  4349. display: block;
  4350. max-width: 12.5%;
  4351. flex: 0 0 12.5%
  4352. }
  4353. .el-col-xl-offset-3 {
  4354. margin-left: 12.5%
  4355. }
  4356. .el-col-xl-pull-3 {
  4357. position: relative;
  4358. right: 12.5%
  4359. }
  4360. .el-col-xl-push-3 {
  4361. position: relative;
  4362. left: 12.5%
  4363. }
  4364. .el-col-xl-4 {
  4365. display: block;
  4366. max-width: 16.6666666667%;
  4367. flex: 0 0 16.6666666667%
  4368. }
  4369. .el-col-xl-offset-4 {
  4370. margin-left: 16.6666666667%
  4371. }
  4372. .el-col-xl-pull-4 {
  4373. position: relative;
  4374. right: 16.6666666667%
  4375. }
  4376. .el-col-xl-push-4 {
  4377. position: relative;
  4378. left: 16.6666666667%
  4379. }
  4380. .el-col-xl-5 {
  4381. display: block;
  4382. max-width: 20.8333333333%;
  4383. flex: 0 0 20.8333333333%
  4384. }
  4385. .el-col-xl-offset-5 {
  4386. margin-left: 20.8333333333%
  4387. }
  4388. .el-col-xl-pull-5 {
  4389. position: relative;
  4390. right: 20.8333333333%
  4391. }
  4392. .el-col-xl-push-5 {
  4393. position: relative;
  4394. left: 20.8333333333%
  4395. }
  4396. .el-col-xl-6 {
  4397. display: block;
  4398. max-width: 25%;
  4399. flex: 0 0 25%
  4400. }
  4401. .el-col-xl-offset-6 {
  4402. margin-left: 25%
  4403. }
  4404. .el-col-xl-pull-6 {
  4405. position: relative;
  4406. right: 25%
  4407. }
  4408. .el-col-xl-push-6 {
  4409. position: relative;
  4410. left: 25%
  4411. }
  4412. .el-col-xl-7 {
  4413. display: block;
  4414. max-width: 29.1666666667%;
  4415. flex: 0 0 29.1666666667%
  4416. }
  4417. .el-col-xl-offset-7 {
  4418. margin-left: 29.1666666667%
  4419. }
  4420. .el-col-xl-pull-7 {
  4421. position: relative;
  4422. right: 29.1666666667%
  4423. }
  4424. .el-col-xl-push-7 {
  4425. position: relative;
  4426. left: 29.1666666667%
  4427. }
  4428. .el-col-xl-8 {
  4429. display: block;
  4430. max-width: 33.3333333333%;
  4431. flex: 0 0 33.3333333333%
  4432. }
  4433. .el-col-xl-offset-8 {
  4434. margin-left: 33.3333333333%
  4435. }
  4436. .el-col-xl-pull-8 {
  4437. position: relative;
  4438. right: 33.3333333333%
  4439. }
  4440. .el-col-xl-push-8 {
  4441. position: relative;
  4442. left: 33.3333333333%
  4443. }
  4444. .el-col-xl-9 {
  4445. display: block;
  4446. max-width: 37.5%;
  4447. flex: 0 0 37.5%
  4448. }
  4449. .el-col-xl-offset-9 {
  4450. margin-left: 37.5%
  4451. }
  4452. .el-col-xl-pull-9 {
  4453. position: relative;
  4454. right: 37.5%
  4455. }
  4456. .el-col-xl-push-9 {
  4457. position: relative;
  4458. left: 37.5%
  4459. }
  4460. .el-col-xl-10 {
  4461. display: block;
  4462. max-width: 41.6666666667%;
  4463. flex: 0 0 41.6666666667%
  4464. }
  4465. .el-col-xl-offset-10 {
  4466. margin-left: 41.6666666667%
  4467. }
  4468. .el-col-xl-pull-10 {
  4469. position: relative;
  4470. right: 41.6666666667%
  4471. }
  4472. .el-col-xl-push-10 {
  4473. position: relative;
  4474. left: 41.6666666667%
  4475. }
  4476. .el-col-xl-11 {
  4477. display: block;
  4478. max-width: 45.8333333333%;
  4479. flex: 0 0 45.8333333333%
  4480. }
  4481. .el-col-xl-offset-11 {
  4482. margin-left: 45.8333333333%
  4483. }
  4484. .el-col-xl-pull-11 {
  4485. position: relative;
  4486. right: 45.8333333333%
  4487. }
  4488. .el-col-xl-push-11 {
  4489. position: relative;
  4490. left: 45.8333333333%
  4491. }
  4492. .el-col-xl-12 {
  4493. display: block;
  4494. max-width: 50%;
  4495. flex: 0 0 50%
  4496. }
  4497. .el-col-xl-offset-12 {
  4498. margin-left: 50%
  4499. }
  4500. .el-col-xl-pull-12 {
  4501. position: relative;
  4502. right: 50%
  4503. }
  4504. .el-col-xl-push-12 {
  4505. position: relative;
  4506. left: 50%
  4507. }
  4508. .el-col-xl-13 {
  4509. display: block;
  4510. max-width: 54.1666666667%;
  4511. flex: 0 0 54.1666666667%
  4512. }
  4513. .el-col-xl-offset-13 {
  4514. margin-left: 54.1666666667%
  4515. }
  4516. .el-col-xl-pull-13 {
  4517. position: relative;
  4518. right: 54.1666666667%
  4519. }
  4520. .el-col-xl-push-13 {
  4521. position: relative;
  4522. left: 54.1666666667%
  4523. }
  4524. .el-col-xl-14 {
  4525. display: block;
  4526. max-width: 58.3333333333%;
  4527. flex: 0 0 58.3333333333%
  4528. }
  4529. .el-col-xl-offset-14 {
  4530. margin-left: 58.3333333333%
  4531. }
  4532. .el-col-xl-pull-14 {
  4533. position: relative;
  4534. right: 58.3333333333%
  4535. }
  4536. .el-col-xl-push-14 {
  4537. position: relative;
  4538. left: 58.3333333333%
  4539. }
  4540. .el-col-xl-15 {
  4541. display: block;
  4542. max-width: 62.5%;
  4543. flex: 0 0 62.5%
  4544. }
  4545. .el-col-xl-offset-15 {
  4546. margin-left: 62.5%
  4547. }
  4548. .el-col-xl-pull-15 {
  4549. position: relative;
  4550. right: 62.5%
  4551. }
  4552. .el-col-xl-push-15 {
  4553. position: relative;
  4554. left: 62.5%
  4555. }
  4556. .el-col-xl-16 {
  4557. display: block;
  4558. max-width: 66.6666666667%;
  4559. flex: 0 0 66.6666666667%
  4560. }
  4561. .el-col-xl-offset-16 {
  4562. margin-left: 66.6666666667%
  4563. }
  4564. .el-col-xl-pull-16 {
  4565. position: relative;
  4566. right: 66.6666666667%
  4567. }
  4568. .el-col-xl-push-16 {
  4569. position: relative;
  4570. left: 66.6666666667%
  4571. }
  4572. .el-col-xl-17 {
  4573. display: block;
  4574. max-width: 70.8333333333%;
  4575. flex: 0 0 70.8333333333%
  4576. }
  4577. .el-col-xl-offset-17 {
  4578. margin-left: 70.8333333333%
  4579. }
  4580. .el-col-xl-pull-17 {
  4581. position: relative;
  4582. right: 70.8333333333%
  4583. }
  4584. .el-col-xl-push-17 {
  4585. position: relative;
  4586. left: 70.8333333333%
  4587. }
  4588. .el-col-xl-18 {
  4589. display: block;
  4590. max-width: 75%;
  4591. flex: 0 0 75%
  4592. }
  4593. .el-col-xl-offset-18 {
  4594. margin-left: 75%
  4595. }
  4596. .el-col-xl-pull-18 {
  4597. position: relative;
  4598. right: 75%
  4599. }
  4600. .el-col-xl-push-18 {
  4601. position: relative;
  4602. left: 75%
  4603. }
  4604. .el-col-xl-19 {
  4605. display: block;
  4606. max-width: 79.1666666667%;
  4607. flex: 0 0 79.1666666667%
  4608. }
  4609. .el-col-xl-offset-19 {
  4610. margin-left: 79.1666666667%
  4611. }
  4612. .el-col-xl-pull-19 {
  4613. position: relative;
  4614. right: 79.1666666667%
  4615. }
  4616. .el-col-xl-push-19 {
  4617. position: relative;
  4618. left: 79.1666666667%
  4619. }
  4620. .el-col-xl-20 {
  4621. display: block;
  4622. max-width: 83.3333333333%;
  4623. flex: 0 0 83.3333333333%
  4624. }
  4625. .el-col-xl-offset-20 {
  4626. margin-left: 83.3333333333%
  4627. }
  4628. .el-col-xl-pull-20 {
  4629. position: relative;
  4630. right: 83.3333333333%
  4631. }
  4632. .el-col-xl-push-20 {
  4633. position: relative;
  4634. left: 83.3333333333%
  4635. }
  4636. .el-col-xl-21 {
  4637. display: block;
  4638. max-width: 87.5%;
  4639. flex: 0 0 87.5%
  4640. }
  4641. .el-col-xl-offset-21 {
  4642. margin-left: 87.5%
  4643. }
  4644. .el-col-xl-pull-21 {
  4645. position: relative;
  4646. right: 87.5%
  4647. }
  4648. .el-col-xl-push-21 {
  4649. position: relative;
  4650. left: 87.5%
  4651. }
  4652. .el-col-xl-22 {
  4653. display: block;
  4654. max-width: 91.6666666667%;
  4655. flex: 0 0 91.6666666667%
  4656. }
  4657. .el-col-xl-offset-22 {
  4658. margin-left: 91.6666666667%
  4659. }
  4660. .el-col-xl-pull-22 {
  4661. position: relative;
  4662. right: 91.6666666667%
  4663. }
  4664. .el-col-xl-push-22 {
  4665. position: relative;
  4666. left: 91.6666666667%
  4667. }
  4668. .el-col-xl-23 {
  4669. display: block;
  4670. max-width: 95.8333333333%;
  4671. flex: 0 0 95.8333333333%
  4672. }
  4673. .el-col-xl-offset-23 {
  4674. margin-left: 95.8333333333%
  4675. }
  4676. .el-col-xl-pull-23 {
  4677. position: relative;
  4678. right: 95.8333333333%
  4679. }
  4680. .el-col-xl-push-23 {
  4681. position: relative;
  4682. left: 95.8333333333%
  4683. }
  4684. .el-col-xl-24 {
  4685. display: block;
  4686. max-width: 100%;
  4687. flex: 0 0 100%
  4688. }
  4689. .el-col-xl-offset-24 {
  4690. margin-left: 100%
  4691. }
  4692. .el-col-xl-pull-24 {
  4693. position: relative;
  4694. right: 100%
  4695. }
  4696. .el-col-xl-push-24 {
  4697. position: relative;
  4698. left: 100%
  4699. }
  4700. }
  4701. .el-collapse {
  4702. --el-collapse-border-color: var(--el-border-color-lighter);
  4703. --el-collapse-header-height: 48px;
  4704. --el-collapse-header-bg-color: var(--el-fill-color-blank);
  4705. --el-collapse-header-text-color: var(--el-text-color-primary);
  4706. --el-collapse-header-font-size: 13px;
  4707. --el-collapse-content-bg-color: var(--el-fill-color-blank);
  4708. --el-collapse-content-font-size: 13px;
  4709. --el-collapse-content-text-color: var(--el-text-color-primary);
  4710. border-top: 1px solid var(--el-collapse-border-color);
  4711. border-bottom: 1px solid var(--el-collapse-border-color)
  4712. }
  4713. .el-collapse-item.is-disabled .el-collapse-item__header {
  4714. color: var(--el-text-color-disabled);
  4715. cursor: not-allowed
  4716. }
  4717. .el-collapse-item__header {
  4718. width: 100%;
  4719. padding: 0;
  4720. border: none;
  4721. display: flex;
  4722. align-items: center;
  4723. height: var(--el-collapse-header-height);
  4724. line-height: var(--el-collapse-header-height);
  4725. background-color: var(--el-collapse-header-bg-color);
  4726. color: var(--el-collapse-header-text-color);
  4727. cursor: pointer;
  4728. border-bottom: 1px solid var(--el-collapse-border-color);
  4729. font-size: var(--el-collapse-header-font-size);
  4730. font-weight: 500;
  4731. transition: border-bottom-color var(--el-transition-duration);
  4732. outline: 0
  4733. }
  4734. .el-collapse-item__arrow {
  4735. margin: 0 8px 0 auto;
  4736. transition: transform var(--el-transition-duration);
  4737. font-weight: 300
  4738. }
  4739. .el-collapse-item__arrow.is-active {
  4740. transform: rotate(90deg)
  4741. }
  4742. .el-collapse-item__header.focusing:focus:not(:hover) {
  4743. color: var(--el-color-primary)
  4744. }
  4745. .el-collapse-item__header.is-active {
  4746. border-bottom-color: transparent
  4747. }
  4748. .el-collapse-item__wrap {
  4749. will-change: height;
  4750. background-color: var(--el-collapse-content-bg-color);
  4751. overflow: hidden;
  4752. box-sizing: border-box;
  4753. border-bottom: 1px solid var(--el-collapse-border-color)
  4754. }
  4755. .el-collapse-item__content {
  4756. padding-bottom: 25px;
  4757. font-size: var(--el-collapse-content-font-size);
  4758. color: var(--el-collapse-content-text-color);
  4759. line-height: 1.7692307692
  4760. }
  4761. .el-collapse-item:last-child {
  4762. margin-bottom: -1px
  4763. }
  4764. .el-color-predefine {
  4765. display: flex;
  4766. font-size: 12px;
  4767. margin-top: 8px;
  4768. width: 280px
  4769. }
  4770. .el-color-predefine__colors {
  4771. display: flex;
  4772. flex: 1;
  4773. flex-wrap: wrap
  4774. }
  4775. .el-color-predefine__color-selector {
  4776. margin: 0 0 8px 8px;
  4777. width: 20px;
  4778. height: 20px;
  4779. border-radius: 4px;
  4780. cursor: pointer
  4781. }
  4782. .el-color-predefine__color-selector:nth-child(10n+1) {
  4783. margin-left: 0
  4784. }
  4785. .el-color-predefine__color-selector.selected {
  4786. box-shadow: 0 0 3px 2px var(--el-color-primary)
  4787. }
  4788. .el-color-predefine__color-selector>div {
  4789. display: flex;
  4790. height: 100%;
  4791. border-radius: 3px
  4792. }
  4793. .el-color-predefine__color-selector.is-alpha {
  4794. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
  4795. }
  4796. .el-color-hue-slider {
  4797. position: relative;
  4798. box-sizing: border-box;
  4799. width: 280px;
  4800. height: 12px;
  4801. background-color: red;
  4802. padding: 0 2px;
  4803. float: right
  4804. }
  4805. .el-color-hue-slider__bar {
  4806. position: relative;
  4807. background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
  4808. height: 100%
  4809. }
  4810. .el-color-hue-slider__thumb {
  4811. position: absolute;
  4812. cursor: pointer;
  4813. box-sizing: border-box;
  4814. left: 0;
  4815. top: 0;
  4816. width: 4px;
  4817. height: 100%;
  4818. border-radius: 1px;
  4819. background: #fff;
  4820. border: 1px solid var(--el-border-color-lighter);
  4821. box-shadow: 0 0 2px rgba(0, 0, 0, .6);
  4822. z-index: 1
  4823. }
  4824. .el-color-hue-slider.is-vertical {
  4825. width: 12px;
  4826. height: 180px;
  4827. padding: 2px 0
  4828. }
  4829. .el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
  4830. background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%)
  4831. }
  4832. .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
  4833. left: 0;
  4834. top: 0;
  4835. width: 100%;
  4836. height: 4px
  4837. }
  4838. .el-color-svpanel {
  4839. position: relative;
  4840. width: 280px;
  4841. height: 180px
  4842. }
  4843. .el-color-svpanel__black,
  4844. .el-color-svpanel__white {
  4845. position: absolute;
  4846. top: 0;
  4847. left: 0;
  4848. right: 0;
  4849. bottom: 0
  4850. }
  4851. .el-color-svpanel__white {
  4852. background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
  4853. }
  4854. .el-color-svpanel__black {
  4855. background: linear-gradient(to top, #000, rgba(0, 0, 0, 0))
  4856. }
  4857. .el-color-svpanel__cursor {
  4858. position: absolute
  4859. }
  4860. .el-color-svpanel__cursor>div {
  4861. cursor: head;
  4862. width: 4px;
  4863. height: 4px;
  4864. box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
  4865. border-radius: 50%;
  4866. transform: translate(-2px, -2px)
  4867. }
  4868. .el-color-alpha-slider {
  4869. position: relative;
  4870. box-sizing: border-box;
  4871. width: 280px;
  4872. height: 12px;
  4873. background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
  4874. background-size: 12px 12px;
  4875. background-position: 0 0, 6px 0, 6px -6px, 0 6px
  4876. }
  4877. .el-color-alpha-slider__bar {
  4878. position: relative;
  4879. background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, var(--el-bg-color) 100%);
  4880. height: 100%
  4881. }
  4882. .el-color-alpha-slider__thumb {
  4883. position: absolute;
  4884. cursor: pointer;
  4885. box-sizing: border-box;
  4886. left: 0;
  4887. top: 0;
  4888. width: 4px;
  4889. height: 100%;
  4890. border-radius: 1px;
  4891. background: #fff;
  4892. border: 1px solid var(--el-border-color-lighter);
  4893. box-shadow: 0 0 2px rgba(0, 0, 0, .6);
  4894. z-index: 1
  4895. }
  4896. .el-color-alpha-slider.is-vertical {
  4897. width: 20px;
  4898. height: 180px
  4899. }
  4900. .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
  4901. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%)
  4902. }
  4903. .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
  4904. left: 0;
  4905. top: 0;
  4906. width: 100%;
  4907. height: 4px
  4908. }
  4909. .el-color-dropdown {
  4910. width: 300px
  4911. }
  4912. .el-color-dropdown__main-wrapper {
  4913. margin-bottom: 6px
  4914. }
  4915. .el-color-dropdown__main-wrapper::after {
  4916. content: "";
  4917. display: table;
  4918. clear: both
  4919. }
  4920. .el-color-dropdown__btns {
  4921. margin-top: 12px;
  4922. text-align: right
  4923. }
  4924. .el-color-dropdown__value {
  4925. float: left;
  4926. line-height: 26px;
  4927. font-size: 12px;
  4928. color: #000;
  4929. width: 160px
  4930. }
  4931. .el-color-picker {
  4932. display: inline-block;
  4933. position: relative;
  4934. line-height: normal;
  4935. outline: 0
  4936. }
  4937. .el-color-picker:hover:not(.is-disabled, .is-focused) .el-color-picker__trigger {
  4938. border-color: var(--el-border-color-hover)
  4939. }
  4940. .el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
  4941. outline: 2px solid var(--el-color-primary);
  4942. outline-offset: 1px
  4943. }
  4944. .el-color-picker.is-focused .el-color-picker__trigger {
  4945. border-color: var(--el-color-primary)
  4946. }
  4947. .el-color-picker.is-disabled .el-color-picker__trigger {
  4948. cursor: not-allowed
  4949. }
  4950. .el-color-picker--large {
  4951. height: 40px
  4952. }
  4953. .el-color-picker--large .el-color-picker__trigger {
  4954. height: 40px;
  4955. width: 40px
  4956. }
  4957. .el-color-picker--large .el-color-picker__mask {
  4958. height: 38px;
  4959. width: 38px
  4960. }
  4961. .el-color-picker--small {
  4962. height: 24px
  4963. }
  4964. .el-color-picker--small .el-color-picker__trigger {
  4965. height: 24px;
  4966. width: 24px
  4967. }
  4968. .el-color-picker--small .el-color-picker__mask {
  4969. height: 22px;
  4970. width: 22px
  4971. }
  4972. .el-color-picker--small .el-color-picker__empty,
  4973. .el-color-picker--small .el-color-picker__icon {
  4974. transform: scale(.8)
  4975. }
  4976. .el-color-picker__mask {
  4977. height: 30px;
  4978. width: 30px;
  4979. border-radius: 4px;
  4980. position: absolute;
  4981. top: 1px;
  4982. left: 1px;
  4983. z-index: 1;
  4984. cursor: not-allowed;
  4985. background-color: rgba(255, 255, 255, .7)
  4986. }
  4987. .el-color-picker__trigger {
  4988. display: inline-flex;
  4989. justify-content: center;
  4990. align-items: center;
  4991. box-sizing: border-box;
  4992. height: 32px;
  4993. width: 32px;
  4994. padding: 4px;
  4995. border: 1px solid var(--el-border-color);
  4996. border-radius: 4px;
  4997. font-size: 0;
  4998. position: relative;
  4999. cursor: pointer
  5000. }
  5001. .el-color-picker__color {
  5002. position: relative;
  5003. display: block;
  5004. box-sizing: border-box;
  5005. border: 1px solid var(--el-text-color-secondary);
  5006. border-radius: var(--el-border-radius-small);
  5007. width: 100%;
  5008. height: 100%;
  5009. text-align: center
  5010. }
  5011. .el-color-picker__color.is-alpha {
  5012. background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
  5013. background-size: 12px 12px;
  5014. background-position: 0 0, 6px 0, 6px -6px, 0 6px
  5015. }
  5016. .el-color-picker__color-inner {
  5017. display: inline-flex;
  5018. justify-content: center;
  5019. align-items: center;
  5020. width: 100%;
  5021. height: 100%
  5022. }
  5023. .el-color-picker .el-color-picker__empty {
  5024. font-size: 12px;
  5025. color: var(--el-text-color-secondary)
  5026. }
  5027. .el-color-picker .el-color-picker__icon {
  5028. display: inline-flex;
  5029. justify-content: center;
  5030. align-items: center;
  5031. color: #fff;
  5032. font-size: 12px
  5033. }
  5034. .el-color-picker__panel {
  5035. position: absolute;
  5036. z-index: 10;
  5037. padding: 6px;
  5038. box-sizing: content-box;
  5039. background-color: #fff;
  5040. border-radius: var(--el-border-radius-base);
  5041. box-shadow: var(--el-box-shadow-light)
  5042. }
  5043. .el-color-picker__panel.el-popper {
  5044. border: 1px solid var(--el-border-color-lighter)
  5045. }
  5046. .el-color-picker,
  5047. .el-color-picker__panel {
  5048. --el-color-picker-alpha-bg-a: #ccc;
  5049. --el-color-picker-alpha-bg-b: transparent
  5050. }
  5051. .dark .el-color-picker,
  5052. .dark .el-color-picker__panel {
  5053. --el-color-picker-alpha-bg-a: #333333
  5054. }
  5055. .el-container {
  5056. display: flex;
  5057. flex-direction: row;
  5058. flex: 1;
  5059. flex-basis: auto;
  5060. box-sizing: border-box;
  5061. min-width: 0
  5062. }
  5063. .el-container.is-vertical {
  5064. flex-direction: column
  5065. }
  5066. .el-date-table {
  5067. font-size: 12px;
  5068. -webkit-user-select: none;
  5069. -moz-user-select: none;
  5070. -ms-user-select: none;
  5071. user-select: none
  5072. }
  5073. .el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
  5074. background-color: var(--el-datepicker-inrange-bg-color)
  5075. }
  5076. .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  5077. color: var(--el-datepicker-text-color)
  5078. }
  5079. .el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
  5080. margin-left: 5px;
  5081. border-top-left-radius: 15px;
  5082. border-bottom-left-radius: 15px
  5083. }
  5084. .el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
  5085. margin-right: 5px;
  5086. border-top-right-radius: 15px;
  5087. border-bottom-right-radius: 15px
  5088. }
  5089. .el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
  5090. background-color: var(--el-datepicker-inrange-bg-color)
  5091. }
  5092. .el-date-table td {
  5093. width: 32px;
  5094. height: 30px;
  5095. padding: 4px 0;
  5096. box-sizing: border-box;
  5097. text-align: center;
  5098. cursor: pointer;
  5099. position: relative
  5100. }
  5101. .el-date-table td .el-date-table-cell {
  5102. height: 30px;
  5103. padding: 3px 0;
  5104. box-sizing: border-box
  5105. }
  5106. .el-date-table td .el-date-table-cell .el-date-table-cell__text {
  5107. width: 24px;
  5108. height: 24px;
  5109. display: block;
  5110. margin: 0 auto;
  5111. line-height: 24px;
  5112. position: absolute;
  5113. left: 50%;
  5114. transform: translateX(-50%);
  5115. border-radius: 50%
  5116. }
  5117. .el-date-table td.next-month,
  5118. .el-date-table td.prev-month {
  5119. color: var(--el-datepicker-off-text-color)
  5120. }
  5121. .el-date-table td.today {
  5122. position: relative
  5123. }
  5124. .el-date-table td.today .el-date-table-cell__text {
  5125. color: var(--el-color-primary);
  5126. font-weight: 700
  5127. }
  5128. .el-date-table td.today.end-date .el-date-table-cell__text,
  5129. .el-date-table td.today.start-date .el-date-table-cell__text {
  5130. color: #fff
  5131. }
  5132. .el-date-table td.available:hover {
  5133. color: var(--el-datepicker-hover-text-color)
  5134. }
  5135. .el-date-table td.in-range .el-date-table-cell {
  5136. background-color: var(--el-datepicker-inrange-bg-color)
  5137. }
  5138. .el-date-table td.in-range .el-date-table-cell:hover {
  5139. background-color: var(--el-datepicker-inrange-hover-bg-color)
  5140. }
  5141. .el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  5142. color: #fff;
  5143. background-color: var(--el-datepicker-active-color)
  5144. }
  5145. .el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
  5146. outline: 2px solid var(--el-datepicker-active-color);
  5147. outline-offset: 1px
  5148. }
  5149. .el-date-table td.end-date .el-date-table-cell,
  5150. .el-date-table td.start-date .el-date-table-cell {
  5151. color: #fff
  5152. }
  5153. .el-date-table td.end-date .el-date-table-cell__text,
  5154. .el-date-table td.start-date .el-date-table-cell__text {
  5155. background-color: var(--el-datepicker-active-color)
  5156. }
  5157. .el-date-table td.start-date .el-date-table-cell {
  5158. margin-left: 5px;
  5159. border-top-left-radius: 15px;
  5160. border-bottom-left-radius: 15px
  5161. }
  5162. .el-date-table td.end-date .el-date-table-cell {
  5163. margin-right: 5px;
  5164. border-top-right-radius: 15px;
  5165. border-bottom-right-radius: 15px
  5166. }
  5167. .el-date-table td.disabled .el-date-table-cell {
  5168. background-color: var(--el-fill-color-light);
  5169. opacity: 1;
  5170. cursor: not-allowed;
  5171. color: var(--el-text-color-placeholder)
  5172. }
  5173. .el-date-table td.selected .el-date-table-cell {
  5174. margin-left: 5px;
  5175. margin-right: 5px;
  5176. border-radius: 15px
  5177. }
  5178. .el-date-table td.selected .el-date-table-cell__text {
  5179. background-color: var(--el-datepicker-active-color);
  5180. color: #fff;
  5181. border-radius: 15px
  5182. }
  5183. .el-date-table td.week {
  5184. font-size: 80%;
  5185. color: var(--el-datepicker-header-text-color)
  5186. }
  5187. .el-date-table td:focus {
  5188. outline: 0
  5189. }
  5190. .el-date-table th {
  5191. padding: 5px;
  5192. color: var(--el-datepicker-header-text-color);
  5193. font-weight: 400;
  5194. border-bottom: solid 1px var(--el-border-color-lighter)
  5195. }
  5196. .el-month-table {
  5197. font-size: 12px;
  5198. margin: -1px;
  5199. border-collapse: collapse
  5200. }
  5201. .el-month-table td {
  5202. width: 68px;
  5203. text-align: center;
  5204. padding: 8px 0;
  5205. cursor: pointer;
  5206. position: relative
  5207. }
  5208. .el-month-table td div {
  5209. height: 48px;
  5210. padding: 6px 0;
  5211. box-sizing: border-box
  5212. }
  5213. .el-month-table td.today .cell {
  5214. color: var(--el-color-primary);
  5215. font-weight: 700
  5216. }
  5217. .el-month-table td.today.end-date .cell,
  5218. .el-month-table td.today.start-date .cell {
  5219. color: #fff
  5220. }
  5221. .el-month-table td.disabled .cell {
  5222. background-color: var(--el-fill-color-light);
  5223. cursor: not-allowed;
  5224. color: var(--el-text-color-placeholder)
  5225. }
  5226. .el-month-table td.disabled .cell:hover {
  5227. color: var(--el-text-color-placeholder)
  5228. }
  5229. .el-month-table td .cell {
  5230. width: 54px;
  5231. height: 36px;
  5232. display: block;
  5233. line-height: 36px;
  5234. color: var(--el-datepicker-text-color);
  5235. margin: 0 auto;
  5236. border-radius: 18px;
  5237. position: absolute;
  5238. left: 50%;
  5239. transform: translateX(-50%)
  5240. }
  5241. .el-month-table td .cell:hover {
  5242. color: var(--el-datepicker-hover-text-color)
  5243. }
  5244. .el-month-table td.in-range div {
  5245. background-color: var(--el-datepicker-inrange-bg-color)
  5246. }
  5247. .el-month-table td.in-range div:hover {
  5248. background-color: var(--el-datepicker-inrange-hover-bg-color)
  5249. }
  5250. .el-month-table td.end-date div,
  5251. .el-month-table td.start-date div {
  5252. color: #fff
  5253. }
  5254. .el-month-table td.end-date .cell,
  5255. .el-month-table td.start-date .cell {
  5256. color: #fff;
  5257. background-color: var(--el-datepicker-active-color)
  5258. }
  5259. .el-month-table td.start-date div {
  5260. margin-left: 3px;
  5261. border-top-left-radius: 24px;
  5262. border-bottom-left-radius: 24px
  5263. }
  5264. .el-month-table td.end-date div {
  5265. margin-right: 3px;
  5266. border-top-right-radius: 24px;
  5267. border-bottom-right-radius: 24px
  5268. }
  5269. .el-month-table td.current:not(.disabled) div {
  5270. border-radius: 24px;
  5271. margin-left: 3px;
  5272. margin-right: 3px
  5273. }
  5274. .el-month-table td.current:not(.disabled) .cell {
  5275. color: #fff;
  5276. background-color: var(--el-datepicker-active-color)
  5277. }
  5278. .el-month-table td:focus-visible {
  5279. outline: 0
  5280. }
  5281. .el-month-table td:focus-visible .cell {
  5282. outline: 2px solid var(--el-datepicker-active-color);
  5283. outline-offset: 1px
  5284. }
  5285. .el-year-table {
  5286. font-size: 12px;
  5287. margin: -1px;
  5288. border-collapse: collapse
  5289. }
  5290. .el-year-table .el-icon {
  5291. color: var(--el-datepicker-icon-color)
  5292. }
  5293. .el-year-table td {
  5294. width: 68px;
  5295. text-align: center;
  5296. padding: 8px 0;
  5297. cursor: pointer;
  5298. position: relative
  5299. }
  5300. .el-year-table td div {
  5301. height: 48px;
  5302. padding: 6px 0;
  5303. box-sizing: border-box
  5304. }
  5305. .el-year-table td.today .cell {
  5306. color: var(--el-color-primary);
  5307. font-weight: 700
  5308. }
  5309. .el-year-table td.disabled .cell {
  5310. background-color: var(--el-fill-color-light);
  5311. cursor: not-allowed;
  5312. color: var(--el-text-color-placeholder)
  5313. }
  5314. .el-year-table td.disabled .cell:hover {
  5315. color: var(--el-text-color-placeholder)
  5316. }
  5317. .el-year-table td .cell {
  5318. width: 54px;
  5319. height: 36px;
  5320. display: block;
  5321. line-height: 36px;
  5322. color: var(--el-datepicker-text-color);
  5323. border-radius: 18px;
  5324. margin: 0 auto;
  5325. position: absolute;
  5326. left: 50%;
  5327. transform: translateX(-50%)
  5328. }
  5329. .el-year-table td .cell:hover {
  5330. color: var(--el-datepicker-hover-text-color)
  5331. }
  5332. .el-year-table td.current:not(.disabled) div {
  5333. border-radius: 24px;
  5334. margin-left: 3px;
  5335. margin-right: 3px
  5336. }
  5337. .el-year-table td.current:not(.disabled) .cell {
  5338. color: #fff;
  5339. background-color: var(--el-datepicker-active-color)
  5340. }
  5341. .el-year-table td:focus-visible {
  5342. outline: 0
  5343. }
  5344. .el-year-table td:focus-visible .cell {
  5345. outline: 2px solid var(--el-datepicker-active-color);
  5346. outline-offset: 1px
  5347. }
  5348. .el-time-spinner.has-seconds .el-time-spinner__wrapper {
  5349. width: 33.3%
  5350. }
  5351. .el-time-spinner__wrapper {
  5352. max-height: 192px;
  5353. overflow: auto;
  5354. display: inline-block;
  5355. width: 50%;
  5356. vertical-align: top;
  5357. position: relative
  5358. }
  5359. .el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  5360. padding-bottom: 15px
  5361. }
  5362. .el-time-spinner__wrapper.is-arrow {
  5363. box-sizing: border-box;
  5364. text-align: center;
  5365. overflow: hidden
  5366. }
  5367. .el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  5368. transform: translateY(-32px)
  5369. }
  5370. .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  5371. background: var(--el-fill-color-light);
  5372. cursor: default
  5373. }
  5374. .el-time-spinner__arrow {
  5375. font-size: 12px;
  5376. color: var(--el-text-color-secondary);
  5377. position: absolute;
  5378. left: 0;
  5379. width: 100%;
  5380. z-index: var(--el-index-normal);
  5381. text-align: center;
  5382. height: 30px;
  5383. line-height: 30px;
  5384. cursor: pointer
  5385. }
  5386. .el-time-spinner__arrow:hover {
  5387. color: var(--el-color-primary)
  5388. }
  5389. .el-time-spinner__arrow.arrow-up {
  5390. top: 10px
  5391. }
  5392. .el-time-spinner__arrow.arrow-down {
  5393. bottom: 10px
  5394. }
  5395. .el-time-spinner__input.el-input {
  5396. width: 70%
  5397. }
  5398. .el-time-spinner__input.el-input .el-input__inner {
  5399. padding: 0;
  5400. text-align: center
  5401. }
  5402. .el-time-spinner__list {
  5403. padding: 0;
  5404. margin: 0;
  5405. list-style: none;
  5406. text-align: center
  5407. }
  5408. .el-time-spinner__list::after,
  5409. .el-time-spinner__list::before {
  5410. content: "";
  5411. display: block;
  5412. width: 100%;
  5413. height: 80px
  5414. }
  5415. .el-time-spinner__item {
  5416. height: 32px;
  5417. line-height: 32px;
  5418. font-size: 12px;
  5419. color: var(--el-text-color-regular)
  5420. }
  5421. .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
  5422. background: var(--el-fill-color-light);
  5423. cursor: pointer
  5424. }
  5425. .el-time-spinner__item.is-active:not(.is-disabled) {
  5426. color: var(--el-text-color-primary);
  5427. font-weight: 700
  5428. }
  5429. .el-time-spinner__item.is-disabled {
  5430. color: var(--el-text-color-placeholder);
  5431. cursor: not-allowed
  5432. }
  5433. .el-picker__popper {
  5434. --el-datepicker-border-color: var(--el-disabled-border-color)
  5435. }
  5436. .el-picker__popper.el-popper {
  5437. background: var(--el-bg-color-overlay);
  5438. border: 1px solid var(--el-datepicker-border-color);
  5439. box-shadow: var(--el-box-shadow-light)
  5440. }
  5441. .el-picker__popper.el-popper .el-popper__arrow::before {
  5442. border: 1px solid var(--el-datepicker-border-color)
  5443. }
  5444. .el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  5445. border-top-color: transparent;
  5446. border-left-color: transparent
  5447. }
  5448. .el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  5449. border-bottom-color: transparent;
  5450. border-right-color: transparent
  5451. }
  5452. .el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  5453. border-left-color: transparent;
  5454. border-bottom-color: transparent
  5455. }
  5456. .el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  5457. border-right-color: transparent;
  5458. border-top-color: transparent
  5459. }
  5460. .el-date-editor {
  5461. --el-date-editor-width: 220px;
  5462. --el-date-editor-monthrange-width: 300px;
  5463. --el-date-editor-daterange-width: 350px;
  5464. --el-date-editor-datetimerange-width: 400px;
  5465. --el-input-text-color: var(--el-text-color-regular);
  5466. --el-input-border: var(--el-border);
  5467. --el-input-hover-border: var(--el-border-color-hover);
  5468. --el-input-focus-border: var(--el-color-primary);
  5469. --el-input-transparent-border: 0 0 0 1px transparent inset;
  5470. --el-input-border-color: var(--el-border-color);
  5471. --el-input-border-radius: var(--el-border-radius-base);
  5472. --el-input-bg-color: var(--el-fill-color-blank);
  5473. --el-input-icon-color: var(--el-text-color-placeholder);
  5474. --el-input-placeholder-color: var(--el-text-color-placeholder);
  5475. --el-input-hover-border-color: var(--el-border-color-hover);
  5476. --el-input-clear-hover-color: var(--el-text-color-secondary);
  5477. --el-input-focus-border-color: var(--el-color-primary);
  5478. --el-input-width: 100%;
  5479. position: relative;
  5480. text-align: left;
  5481. vertical-align: middle
  5482. }
  5483. .el-date-editor.el-input__wrapper {
  5484. box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
  5485. }
  5486. .el-date-editor.el-input__wrapper:hover {
  5487. box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
  5488. }
  5489. .el-date-editor.el-input,
  5490. .el-date-editor.el-input__wrapper {
  5491. width: var(--el-date-editor-width);
  5492. height: var(--el-input-height, var(--el-component-size))
  5493. }
  5494. .el-date-editor--monthrange {
  5495. --el-date-editor-width: var(--el-date-editor-monthrange-width)
  5496. }
  5497. .el-date-editor--daterange,
  5498. .el-date-editor--timerange {
  5499. --el-date-editor-width: var(--el-date-editor-daterange-width)
  5500. }
  5501. .el-date-editor--datetimerange {
  5502. --el-date-editor-width: var(--el-date-editor-datetimerange-width)
  5503. }
  5504. .el-date-editor--dates .el-input__wrapper {
  5505. text-overflow: ellipsis;
  5506. white-space: nowrap
  5507. }
  5508. .el-date-editor .close-icon {
  5509. cursor: pointer
  5510. }
  5511. .el-date-editor .clear-icon {
  5512. cursor: pointer
  5513. }
  5514. .el-date-editor .clear-icon:hover {
  5515. color: var(--el-text-color-secondary)
  5516. }
  5517. .el-date-editor .el-range__icon {
  5518. height: inherit;
  5519. font-size: 14px;
  5520. color: var(--el-text-color-placeholder);
  5521. float: left
  5522. }
  5523. .el-date-editor .el-range__icon svg {
  5524. vertical-align: middle
  5525. }
  5526. .el-date-editor .el-range-input {
  5527. -webkit-appearance: none;
  5528. -moz-appearance: none;
  5529. appearance: none;
  5530. border: none;
  5531. outline: 0;
  5532. display: inline-block;
  5533. height: 30px;
  5534. line-height: 30px;
  5535. margin: 0;
  5536. padding: 0;
  5537. width: 39%;
  5538. text-align: center;
  5539. font-size: var(--el-font-size-base);
  5540. color: var(--el-text-color-regular);
  5541. background-color: transparent
  5542. }
  5543. .el-date-editor .el-range-input::-moz-placeholder {
  5544. color: var(--el-text-color-placeholder)
  5545. }
  5546. .el-date-editor .el-range-input:-ms-input-placeholder {
  5547. color: var(--el-text-color-placeholder)
  5548. }
  5549. .el-date-editor .el-range-input::placeholder {
  5550. color: var(--el-text-color-placeholder)
  5551. }
  5552. .el-date-editor .el-range-separator {
  5553. flex: 1;
  5554. display: inline-flex;
  5555. justify-content: center;
  5556. align-items: center;
  5557. height: 100%;
  5558. padding: 0 5px;
  5559. margin: 0;
  5560. font-size: 14px;
  5561. overflow-wrap: break-word;
  5562. color: var(--el-text-color-primary)
  5563. }
  5564. .el-date-editor .el-range__close-icon {
  5565. font-size: 14px;
  5566. color: var(--el-text-color-placeholder);
  5567. height: inherit;
  5568. width: unset;
  5569. cursor: pointer
  5570. }
  5571. .el-date-editor .el-range__close-icon:hover {
  5572. color: var(--el-text-color-secondary)
  5573. }
  5574. .el-date-editor .el-range__close-icon svg {
  5575. vertical-align: middle
  5576. }
  5577. .el-date-editor .el-range__close-icon--hidden {
  5578. opacity: 0;
  5579. visibility: hidden
  5580. }
  5581. .el-range-editor.el-input__wrapper {
  5582. display: inline-flex;
  5583. align-items: center;
  5584. padding: 0 10px
  5585. }
  5586. .el-range-editor.is-active {
  5587. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
  5588. }
  5589. .el-range-editor.is-active:hover {
  5590. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
  5591. }
  5592. .el-range-editor--large {
  5593. line-height: var(--el-component-size-large)
  5594. }
  5595. .el-range-editor--large.el-input__wrapper {
  5596. height: var(--el-component-size-large)
  5597. }
  5598. .el-range-editor--large .el-range-separator {
  5599. line-height: 40px;
  5600. font-size: 14px
  5601. }
  5602. .el-range-editor--large .el-range-input {
  5603. height: 38px;
  5604. line-height: 38px;
  5605. font-size: 14px
  5606. }
  5607. .el-range-editor--small {
  5608. line-height: var(--el-component-size-small)
  5609. }
  5610. .el-range-editor--small.el-input__wrapper {
  5611. height: var(--el-component-size-small)
  5612. }
  5613. .el-range-editor--small .el-range-separator {
  5614. line-height: 24px;
  5615. font-size: 12px
  5616. }
  5617. .el-range-editor--small .el-range-input {
  5618. height: 22px;
  5619. line-height: 22px;
  5620. font-size: 12px
  5621. }
  5622. .el-range-editor.is-disabled {
  5623. background-color: var(--el-disabled-bg-color);
  5624. border-color: var(--el-disabled-border-color);
  5625. color: var(--el-disabled-text-color);
  5626. cursor: not-allowed
  5627. }
  5628. .el-range-editor.is-disabled:focus,
  5629. .el-range-editor.is-disabled:hover {
  5630. border-color: var(--el-disabled-border-color)
  5631. }
  5632. .el-range-editor.is-disabled input {
  5633. background-color: var(--el-disabled-bg-color);
  5634. color: var(--el-disabled-text-color);
  5635. cursor: not-allowed
  5636. }
  5637. .el-range-editor.is-disabled input::-moz-placeholder {
  5638. color: var(--el-text-color-placeholder)
  5639. }
  5640. .el-range-editor.is-disabled input:-ms-input-placeholder {
  5641. color: var(--el-text-color-placeholder)
  5642. }
  5643. .el-range-editor.is-disabled input::placeholder {
  5644. color: var(--el-text-color-placeholder)
  5645. }
  5646. .el-range-editor.is-disabled .el-range-separator {
  5647. color: var(--el-disabled-text-color)
  5648. }
  5649. .el-picker-panel {
  5650. color: var(--el-text-color-regular);
  5651. background: var(--el-bg-color-overlay);
  5652. border-radius: var(--el-border-radius-base);
  5653. line-height: 30px
  5654. }
  5655. .el-picker-panel .el-time-panel {
  5656. margin: 5px 0;
  5657. border: solid 1px var(--el-datepicker-border-color);
  5658. background-color: var(--el-bg-color-overlay);
  5659. box-shadow: var(--el-box-shadow-light)
  5660. }
  5661. .el-picker-panel__body-wrapper::after,
  5662. .el-picker-panel__body::after {
  5663. content: "";
  5664. display: table;
  5665. clear: both
  5666. }
  5667. .el-picker-panel__content {
  5668. position: relative;
  5669. margin: 15px
  5670. }
  5671. .el-picker-panel__footer {
  5672. border-top: 1px solid var(--el-datepicker-inner-border-color);
  5673. padding: 4px 12px;
  5674. text-align: right;
  5675. background-color: var(--el-bg-color-overlay);
  5676. position: relative;
  5677. font-size: 0
  5678. }
  5679. .el-picker-panel__shortcut {
  5680. display: block;
  5681. width: 100%;
  5682. border: 0;
  5683. background-color: transparent;
  5684. line-height: 28px;
  5685. font-size: 14px;
  5686. color: var(--el-datepicker-text-color);
  5687. padding-left: 12px;
  5688. text-align: left;
  5689. outline: 0;
  5690. cursor: pointer
  5691. }
  5692. .el-picker-panel__shortcut:hover {
  5693. color: var(--el-datepicker-hover-text-color)
  5694. }
  5695. .el-picker-panel__shortcut.active {
  5696. background-color: #e6f1fe;
  5697. color: var(--el-datepicker-active-color)
  5698. }
  5699. .el-picker-panel__btn {
  5700. border: 1px solid var(--el-fill-color-darker);
  5701. color: var(--el-text-color-primary);
  5702. line-height: 24px;
  5703. border-radius: 2px;
  5704. padding: 0 20px;
  5705. cursor: pointer;
  5706. background-color: transparent;
  5707. outline: 0;
  5708. font-size: 12px
  5709. }
  5710. .el-picker-panel__btn[disabled] {
  5711. color: var(--el-text-color-disabled);
  5712. cursor: not-allowed
  5713. }
  5714. .el-picker-panel__icon-btn {
  5715. font-size: 12px;
  5716. color: var(--el-datepicker-icon-color);
  5717. border: 0;
  5718. background: 0 0;
  5719. cursor: pointer;
  5720. outline: 0;
  5721. margin-top: 8px
  5722. }
  5723. .el-picker-panel__icon-btn:hover {
  5724. color: var(--el-datepicker-hover-text-color)
  5725. }
  5726. .el-picker-panel__icon-btn:focus-visible {
  5727. color: var(--el-datepicker-hover-text-color)
  5728. }
  5729. .el-picker-panel__icon-btn.is-disabled {
  5730. color: var(--el-text-color-disabled)
  5731. }
  5732. .el-picker-panel__icon-btn.is-disabled:hover {
  5733. cursor: not-allowed
  5734. }
  5735. .el-picker-panel__icon-btn .el-icon {
  5736. cursor: pointer;
  5737. font-size: inherit
  5738. }
  5739. .el-picker-panel__link-btn {
  5740. vertical-align: middle
  5741. }
  5742. .el-picker-panel [slot=sidebar],
  5743. .el-picker-panel__sidebar {
  5744. position: absolute;
  5745. top: 0;
  5746. bottom: 0;
  5747. width: 110px;
  5748. border-right: 1px solid var(--el-datepicker-inner-border-color);
  5749. box-sizing: border-box;
  5750. padding-top: 6px;
  5751. background-color: var(--el-bg-color-overlay);
  5752. overflow: auto
  5753. }
  5754. .el-picker-panel [slot=sidebar]+.el-picker-panel__body,
  5755. .el-picker-panel__sidebar+.el-picker-panel__body {
  5756. margin-left: 110px
  5757. }
  5758. .el-date-picker {
  5759. --el-datepicker-text-color: var(--el-text-color-regular);
  5760. --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  5761. --el-datepicker-header-text-color: var(--el-text-color-regular);
  5762. --el-datepicker-icon-color: var(--el-text-color-primary);
  5763. --el-datepicker-border-color: var(--el-disabled-border-color);
  5764. --el-datepicker-inner-border-color: var(--el-border-color-light);
  5765. --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  5766. --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  5767. --el-datepicker-active-color: var(--el-color-primary);
  5768. --el-datepicker-hover-text-color: var(--el-color-primary)
  5769. }
  5770. .el-date-picker {
  5771. width: 322px
  5772. }
  5773. .el-date-picker.has-sidebar.has-time {
  5774. width: 434px
  5775. }
  5776. .el-date-picker.has-sidebar {
  5777. width: 438px
  5778. }
  5779. .el-date-picker.has-time .el-picker-panel__body-wrapper {
  5780. position: relative
  5781. }
  5782. .el-date-picker .el-picker-panel__content {
  5783. width: 292px
  5784. }
  5785. .el-date-picker table {
  5786. table-layout: fixed;
  5787. width: 100%
  5788. }
  5789. .el-date-picker__editor-wrap {
  5790. position: relative;
  5791. display: table-cell;
  5792. padding: 0 5px
  5793. }
  5794. .el-date-picker__time-header {
  5795. position: relative;
  5796. border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  5797. font-size: 12px;
  5798. padding: 8px 5px 5px;
  5799. display: table;
  5800. width: 100%;
  5801. box-sizing: border-box
  5802. }
  5803. .el-date-picker__header {
  5804. margin: 12px;
  5805. text-align: center
  5806. }
  5807. .el-date-picker__header--bordered {
  5808. margin-bottom: 0;
  5809. padding-bottom: 12px;
  5810. border-bottom: solid 1px var(--el-border-color-lighter)
  5811. }
  5812. .el-date-picker__header--bordered+.el-picker-panel__content {
  5813. margin-top: 0
  5814. }
  5815. .el-date-picker__header-label {
  5816. font-size: 16px;
  5817. font-weight: 500;
  5818. padding: 0 5px;
  5819. line-height: 22px;
  5820. text-align: center;
  5821. cursor: pointer;
  5822. color: var(--el-text-color-regular)
  5823. }
  5824. .el-date-picker__header-label:hover {
  5825. color: var(--el-datepicker-hover-text-color)
  5826. }
  5827. .el-date-picker__header-label:focus-visible {
  5828. outline: 0;
  5829. color: var(--el-datepicker-hover-text-color)
  5830. }
  5831. .el-date-picker__header-label.active {
  5832. color: var(--el-datepicker-active-color)
  5833. }
  5834. .el-date-picker__prev-btn {
  5835. float: left
  5836. }
  5837. .el-date-picker__next-btn {
  5838. float: right
  5839. }
  5840. .el-date-picker__time-wrap {
  5841. padding: 10px;
  5842. text-align: center
  5843. }
  5844. .el-date-picker__time-label {
  5845. float: left;
  5846. cursor: pointer;
  5847. line-height: 30px;
  5848. margin-left: 10px
  5849. }
  5850. .el-date-picker .el-time-panel {
  5851. position: absolute
  5852. }
  5853. .el-date-range-picker {
  5854. --el-datepicker-text-color: var(--el-text-color-regular);
  5855. --el-datepicker-off-text-color: var(--el-text-color-placeholder);
  5856. --el-datepicker-header-text-color: var(--el-text-color-regular);
  5857. --el-datepicker-icon-color: var(--el-text-color-primary);
  5858. --el-datepicker-border-color: var(--el-disabled-border-color);
  5859. --el-datepicker-inner-border-color: var(--el-border-color-light);
  5860. --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
  5861. --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
  5862. --el-datepicker-active-color: var(--el-color-primary);
  5863. --el-datepicker-hover-text-color: var(--el-color-primary)
  5864. }
  5865. .el-date-range-picker {
  5866. width: 646px
  5867. }
  5868. .el-date-range-picker.has-sidebar {
  5869. width: 756px
  5870. }
  5871. .el-date-range-picker.has-time .el-picker-panel__body-wrapper {
  5872. position: relative
  5873. }
  5874. .el-date-range-picker table {
  5875. table-layout: fixed;
  5876. width: 100%
  5877. }
  5878. .el-date-range-picker .el-picker-panel__body {
  5879. min-width: 513px
  5880. }
  5881. .el-date-range-picker .el-picker-panel__content {
  5882. margin: 0
  5883. }
  5884. .el-date-range-picker__header {
  5885. position: relative;
  5886. text-align: center;
  5887. height: 28px
  5888. }
  5889. .el-date-range-picker__header [class*=arrow-left] {
  5890. float: left
  5891. }
  5892. .el-date-range-picker__header [class*=arrow-right] {
  5893. float: right
  5894. }
  5895. .el-date-range-picker__header div {
  5896. font-size: 16px;
  5897. font-weight: 500;
  5898. margin-right: 50px
  5899. }
  5900. .el-date-range-picker__content {
  5901. float: left;
  5902. width: 50%;
  5903. box-sizing: border-box;
  5904. margin: 0;
  5905. padding: 16px
  5906. }
  5907. .el-date-range-picker__content.is-left {
  5908. border-right: 1px solid var(--el-datepicker-inner-border-color)
  5909. }
  5910. .el-date-range-picker__content .el-date-range-picker__header div {
  5911. margin-left: 50px;
  5912. margin-right: 50px
  5913. }
  5914. .el-date-range-picker__editors-wrap {
  5915. box-sizing: border-box;
  5916. display: table-cell
  5917. }
  5918. .el-date-range-picker__editors-wrap.is-right {
  5919. text-align: right
  5920. }
  5921. .el-date-range-picker__time-header {
  5922. position: relative;
  5923. border-bottom: 1px solid var(--el-datepicker-inner-border-color);
  5924. font-size: 12px;
  5925. padding: 8px 5px 5px 5px;
  5926. display: table;
  5927. width: 100%;
  5928. box-sizing: border-box
  5929. }
  5930. .el-date-range-picker__time-header>.el-icon-arrow-right {
  5931. font-size: 20px;
  5932. vertical-align: middle;
  5933. display: table-cell;
  5934. color: var(--el-datepicker-icon-color)
  5935. }
  5936. .el-date-range-picker__time-picker-wrap {
  5937. position: relative;
  5938. display: table-cell;
  5939. padding: 0 5px
  5940. }
  5941. .el-date-range-picker__time-picker-wrap .el-picker-panel {
  5942. position: absolute;
  5943. top: 13px;
  5944. right: 0;
  5945. z-index: 1;
  5946. background: #fff
  5947. }
  5948. .el-date-range-picker__time-picker-wrap .el-time-panel {
  5949. position: absolute
  5950. }
  5951. .el-time-range-picker {
  5952. width: 354px;
  5953. overflow: visible
  5954. }
  5955. .el-time-range-picker__content {
  5956. position: relative;
  5957. text-align: center;
  5958. padding: 10px;
  5959. z-index: 1
  5960. }
  5961. .el-time-range-picker__cell {
  5962. box-sizing: border-box;
  5963. margin: 0;
  5964. padding: 4px 7px 7px;
  5965. width: 50%;
  5966. display: inline-block
  5967. }
  5968. .el-time-range-picker__header {
  5969. margin-bottom: 5px;
  5970. text-align: center;
  5971. font-size: 14px
  5972. }
  5973. .el-time-range-picker__body {
  5974. border-radius: 2px;
  5975. border: 1px solid var(--el-datepicker-border-color)
  5976. }
  5977. .el-time-panel {
  5978. border-radius: 2px;
  5979. position: relative;
  5980. width: 180px;
  5981. left: 0;
  5982. z-index: var(--el-index-top);
  5983. -webkit-user-select: none;
  5984. -moz-user-select: none;
  5985. -ms-user-select: none;
  5986. user-select: none;
  5987. box-sizing: content-box
  5988. }
  5989. .el-time-panel__content {
  5990. font-size: 0;
  5991. position: relative;
  5992. overflow: hidden
  5993. }
  5994. .el-time-panel__content::after,
  5995. .el-time-panel__content::before {
  5996. content: "";
  5997. top: 50%;
  5998. position: absolute;
  5999. margin-top: -16px;
  6000. height: 32px;
  6001. z-index: -1;
  6002. left: 0;
  6003. right: 0;
  6004. box-sizing: border-box;
  6005. padding-top: 6px;
  6006. text-align: left
  6007. }
  6008. .el-time-panel__content::after {
  6009. left: 50%;
  6010. margin-left: 12%;
  6011. margin-right: 12%
  6012. }
  6013. .el-time-panel__content::before {
  6014. padding-left: 50%;
  6015. margin-right: 12%;
  6016. margin-left: 12%;
  6017. border-top: 1px solid var(--el-border-color-light);
  6018. border-bottom: 1px solid var(--el-border-color-light)
  6019. }
  6020. .el-time-panel__content.has-seconds::after {
  6021. left: 66.6666666667%
  6022. }
  6023. .el-time-panel__content.has-seconds::before {
  6024. padding-left: 33.3333333333%
  6025. }
  6026. .el-time-panel__footer {
  6027. border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
  6028. padding: 4px;
  6029. height: 36px;
  6030. line-height: 25px;
  6031. text-align: right;
  6032. box-sizing: border-box
  6033. }
  6034. .el-time-panel__btn {
  6035. border: none;
  6036. line-height: 28px;
  6037. padding: 0 5px;
  6038. margin: 0 5px;
  6039. cursor: pointer;
  6040. background-color: transparent;
  6041. outline: 0;
  6042. font-size: 12px;
  6043. color: var(--el-text-color-primary)
  6044. }
  6045. .el-time-panel__btn.confirm {
  6046. font-weight: 800;
  6047. color: var(--el-timepicker-active-color, var(--el-color-primary))
  6048. }
  6049. .el-descriptions {
  6050. --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
  6051. --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
  6052. box-sizing: border-box;
  6053. font-size: var(--el-font-size-base);
  6054. color: var(--el-text-color-primary)
  6055. }
  6056. .el-descriptions__header {
  6057. display: flex;
  6058. justify-content: space-between;
  6059. align-items: center;
  6060. margin-bottom: 16px
  6061. }
  6062. .el-descriptions__title {
  6063. color: var(--el-text-color-primary);
  6064. font-size: 16px;
  6065. font-weight: 700
  6066. }
  6067. .el-descriptions__body {
  6068. background-color: var(--el-fill-color-blank)
  6069. }
  6070. .el-descriptions__body .el-descriptions__table {
  6071. border-collapse: collapse;
  6072. width: 100%
  6073. }
  6074. .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  6075. box-sizing: border-box;
  6076. text-align: left;
  6077. font-weight: 400;
  6078. line-height: 23px;
  6079. font-size: 14px
  6080. }
  6081. .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
  6082. text-align: left
  6083. }
  6084. .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center {
  6085. text-align: center
  6086. }
  6087. .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right {
  6088. text-align: right
  6089. }
  6090. .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  6091. border: var(--el-descriptions-table-border);
  6092. padding: 8px 11px
  6093. }
  6094. .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  6095. padding-bottom: 12px
  6096. }
  6097. .el-descriptions--large {
  6098. font-size: 14px
  6099. }
  6100. .el-descriptions--large .el-descriptions__header {
  6101. margin-bottom: 20px
  6102. }
  6103. .el-descriptions--large .el-descriptions__header .el-descriptions__title {
  6104. font-size: 16px
  6105. }
  6106. .el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  6107. font-size: 14px
  6108. }
  6109. .el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  6110. padding: 12px 15px
  6111. }
  6112. .el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  6113. padding-bottom: 16px
  6114. }
  6115. .el-descriptions--small {
  6116. font-size: 12px
  6117. }
  6118. .el-descriptions--small .el-descriptions__header {
  6119. margin-bottom: 12px
  6120. }
  6121. .el-descriptions--small .el-descriptions__header .el-descriptions__title {
  6122. font-size: 14px
  6123. }
  6124. .el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
  6125. font-size: 12px
  6126. }
  6127. .el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
  6128. padding: 4px 7px
  6129. }
  6130. .el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
  6131. padding-bottom: 8px
  6132. }
  6133. .el-descriptions__label.el-descriptions__cell.is-bordered-label {
  6134. font-weight: 700;
  6135. color: var(--el-text-color-regular);
  6136. background: var(--el-descriptions-item-bordered-label-background)
  6137. }
  6138. .el-descriptions__label:not(.is-bordered-label) {
  6139. color: var(--el-text-color-primary);
  6140. margin-right: 16px
  6141. }
  6142. .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  6143. padding-bottom: 6px
  6144. }
  6145. .el-descriptions__content.el-descriptions__cell.is-bordered-content {
  6146. color: var(--el-text-color-primary)
  6147. }
  6148. .el-descriptions__content:not(.is-bordered-label) {
  6149. color: var(--el-text-color-regular)
  6150. }
  6151. .el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
  6152. margin-right: 16px
  6153. }
  6154. .el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  6155. padding-bottom: 8px
  6156. }
  6157. .el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
  6158. margin-right: 12px
  6159. }
  6160. .el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
  6161. padding-bottom: 4px
  6162. }
  6163. :root {
  6164. --el-popup-modal-bg-color: var(--el-color-black);
  6165. --el-popup-modal-opacity: 0.5
  6166. }
  6167. .v-modal-enter {
  6168. -webkit-animation: v-modal-in var(--el-transition-duration-fast) ease;
  6169. animation: v-modal-in var(--el-transition-duration-fast) ease
  6170. }
  6171. .v-modal-leave {
  6172. -webkit-animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
  6173. animation: v-modal-out var(--el-transition-duration-fast) ease forwards
  6174. }
  6175. @-webkit-keyframes v-modal-in {
  6176. 0% {
  6177. opacity: 0
  6178. }
  6179. }
  6180. @keyframes v-modal-in {
  6181. 0% {
  6182. opacity: 0
  6183. }
  6184. }
  6185. @-webkit-keyframes v-modal-out {
  6186. 100% {
  6187. opacity: 0
  6188. }
  6189. }
  6190. @keyframes v-modal-out {
  6191. 100% {
  6192. opacity: 0
  6193. }
  6194. }
  6195. .v-modal {
  6196. position: fixed;
  6197. left: 0;
  6198. top: 0;
  6199. width: 100%;
  6200. height: 100%;
  6201. opacity: var(--el-popup-modal-opacity);
  6202. background: var(--el-popup-modal-bg-color)
  6203. }
  6204. .el-popup-parent--hidden {
  6205. overflow: hidden
  6206. }
  6207. .el-dialog {
  6208. --el-dialog-width: 50%;
  6209. --el-dialog-margin-top: 15vh;
  6210. --el-dialog-bg-color: var(--el-bg-color);
  6211. --el-dialog-box-shadow: var(--el-box-shadow);
  6212. --el-dialog-title-font-size: var(--el-font-size-large);
  6213. --el-dialog-content-font-size: 14px;
  6214. --el-dialog-font-line-height: var(--el-font-line-height-primary);
  6215. --el-dialog-padding-primary: 16px;
  6216. --el-dialog-border-radius: var(--el-border-radius-small);
  6217. position: relative;
  6218. margin: var(--el-dialog-margin-top, 15vh) auto 50px;
  6219. background: var(--el-dialog-bg-color);
  6220. border-radius: var(--el-dialog-border-radius);
  6221. box-shadow: var(--el-dialog-box-shadow);
  6222. box-sizing: border-box;
  6223. padding: var(--el-dialog-padding-primary);
  6224. width: var(--el-dialog-width, 50%);
  6225. overflow-wrap: break-word
  6226. }
  6227. .el-dialog:focus {
  6228. outline: 0 !important
  6229. }
  6230. .el-dialog.is-align-center {
  6231. margin: auto
  6232. }
  6233. .el-dialog.is-fullscreen {
  6234. --el-dialog-width: 100%;
  6235. --el-dialog-margin-top: 0;
  6236. margin-bottom: 0;
  6237. height: 100%;
  6238. overflow: auto
  6239. }
  6240. .el-dialog__wrapper {
  6241. position: fixed;
  6242. top: 0;
  6243. right: 0;
  6244. bottom: 0;
  6245. left: 0;
  6246. overflow: auto;
  6247. margin: 0
  6248. }
  6249. .el-dialog.is-draggable .el-dialog__header {
  6250. cursor: move;
  6251. -webkit-user-select: none;
  6252. -moz-user-select: none;
  6253. -ms-user-select: none;
  6254. user-select: none
  6255. }
  6256. .el-dialog__header {
  6257. padding-bottom: var(--el-dialog-padding-primary)
  6258. }
  6259. .el-dialog__header.show-close {
  6260. padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))
  6261. }
  6262. .el-dialog__headerbtn {
  6263. position: absolute;
  6264. top: 0;
  6265. right: 0;
  6266. padding: 0;
  6267. width: 48px;
  6268. height: 48px;
  6269. background: 0 0;
  6270. border: none;
  6271. outline: 0;
  6272. cursor: pointer;
  6273. font-size: var(--el-message-close-size, 16px)
  6274. }
  6275. .el-dialog__headerbtn .el-dialog__close {
  6276. color: var(--el-color-info);
  6277. font-size: inherit
  6278. }
  6279. .el-dialog__headerbtn:focus .el-dialog__close,
  6280. .el-dialog__headerbtn:hover .el-dialog__close {
  6281. color: var(--el-color-primary)
  6282. }
  6283. .el-dialog__title {
  6284. line-height: var(--el-dialog-font-line-height);
  6285. font-size: var(--el-dialog-title-font-size);
  6286. color: var(--el-text-color-primary)
  6287. }
  6288. .el-dialog__body {
  6289. color: var(--el-text-color-regular);
  6290. font-size: var(--el-dialog-content-font-size)
  6291. }
  6292. .el-dialog__footer {
  6293. padding-top: var(--el-dialog-padding-primary);
  6294. text-align: right;
  6295. box-sizing: border-box
  6296. }
  6297. .el-dialog--center {
  6298. text-align: center
  6299. }
  6300. .el-dialog--center .el-dialog__body {
  6301. text-align: initial
  6302. }
  6303. .el-dialog--center .el-dialog__footer {
  6304. text-align: inherit
  6305. }
  6306. .el-overlay-dialog {
  6307. position: fixed;
  6308. top: 0;
  6309. right: 0;
  6310. bottom: 0;
  6311. left: 0;
  6312. overflow: auto
  6313. }
  6314. .dialog-fade-enter-active {
  6315. -webkit-animation: modal-fade-in var(--el-transition-duration);
  6316. animation: modal-fade-in var(--el-transition-duration)
  6317. }
  6318. .dialog-fade-enter-active .el-overlay-dialog {
  6319. -webkit-animation: dialog-fade-in var(--el-transition-duration);
  6320. animation: dialog-fade-in var(--el-transition-duration)
  6321. }
  6322. .dialog-fade-leave-active {
  6323. -webkit-animation: modal-fade-out var(--el-transition-duration);
  6324. animation: modal-fade-out var(--el-transition-duration)
  6325. }
  6326. .dialog-fade-leave-active .el-overlay-dialog {
  6327. -webkit-animation: dialog-fade-out var(--el-transition-duration);
  6328. animation: dialog-fade-out var(--el-transition-duration)
  6329. }
  6330. @-webkit-keyframes dialog-fade-in {
  6331. 0% {
  6332. transform: translate3d(0, -20px, 0);
  6333. opacity: 0
  6334. }
  6335. 100% {
  6336. transform: translate3d(0, 0, 0);
  6337. opacity: 1
  6338. }
  6339. }
  6340. @keyframes dialog-fade-in {
  6341. 0% {
  6342. transform: translate3d(0, -20px, 0);
  6343. opacity: 0
  6344. }
  6345. 100% {
  6346. transform: translate3d(0, 0, 0);
  6347. opacity: 1
  6348. }
  6349. }
  6350. @-webkit-keyframes dialog-fade-out {
  6351. 0% {
  6352. transform: translate3d(0, 0, 0);
  6353. opacity: 1
  6354. }
  6355. 100% {
  6356. transform: translate3d(0, -20px, 0);
  6357. opacity: 0
  6358. }
  6359. }
  6360. @keyframes dialog-fade-out {
  6361. 0% {
  6362. transform: translate3d(0, 0, 0);
  6363. opacity: 1
  6364. }
  6365. 100% {
  6366. transform: translate3d(0, -20px, 0);
  6367. opacity: 0
  6368. }
  6369. }
  6370. @-webkit-keyframes modal-fade-in {
  6371. 0% {
  6372. opacity: 0
  6373. }
  6374. 100% {
  6375. opacity: 1
  6376. }
  6377. }
  6378. @keyframes modal-fade-in {
  6379. 0% {
  6380. opacity: 0
  6381. }
  6382. 100% {
  6383. opacity: 1
  6384. }
  6385. }
  6386. @-webkit-keyframes modal-fade-out {
  6387. 0% {
  6388. opacity: 1
  6389. }
  6390. 100% {
  6391. opacity: 0
  6392. }
  6393. }
  6394. @keyframes modal-fade-out {
  6395. 0% {
  6396. opacity: 1
  6397. }
  6398. 100% {
  6399. opacity: 0
  6400. }
  6401. }
  6402. .el-divider {
  6403. position: relative
  6404. }
  6405. .el-divider--horizontal {
  6406. display: block;
  6407. height: 1px;
  6408. width: 100%;
  6409. margin: 24px 0;
  6410. border-top: 1px var(--el-border-color) var(--el-border-style)
  6411. }
  6412. .el-divider--vertical {
  6413. display: inline-block;
  6414. width: 1px;
  6415. height: 1em;
  6416. margin: 0 8px;
  6417. vertical-align: middle;
  6418. position: relative;
  6419. border-left: 1px var(--el-border-color) var(--el-border-style)
  6420. }
  6421. .el-divider__text {
  6422. position: absolute;
  6423. background-color: var(--el-bg-color);
  6424. padding: 0 20px;
  6425. font-weight: 500;
  6426. color: var(--el-text-color-primary);
  6427. font-size: 14px
  6428. }
  6429. .el-divider__text.is-left {
  6430. left: 20px;
  6431. transform: translateY(-50%)
  6432. }
  6433. .el-divider__text.is-center {
  6434. left: 50%;
  6435. transform: translateX(-50%) translateY(-50%)
  6436. }
  6437. .el-divider__text.is-right {
  6438. right: 20px;
  6439. transform: translateY(-50%)
  6440. }
  6441. .el-drawer {
  6442. --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
  6443. --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px)
  6444. }
  6445. .el-drawer {
  6446. position: absolute;
  6447. box-sizing: border-box;
  6448. background-color: var(--el-drawer-bg-color);
  6449. display: flex;
  6450. flex-direction: column;
  6451. box-shadow: var(--el-box-shadow-dark);
  6452. overflow: hidden;
  6453. transition: all var(--el-transition-duration)
  6454. }
  6455. .el-drawer .rtl {
  6456. transform: translate(0, 0)
  6457. }
  6458. .el-drawer .ltr {
  6459. transform: translate(0, 0)
  6460. }
  6461. .el-drawer .ttb {
  6462. transform: translate(0, 0)
  6463. }
  6464. .el-drawer .btt {
  6465. transform: translate(0, 0)
  6466. }
  6467. .el-drawer__sr-focus:focus {
  6468. outline: 0 !important
  6469. }
  6470. .el-drawer__header {
  6471. align-items: center;
  6472. color: #72767b;
  6473. display: flex;
  6474. margin-bottom: 32px;
  6475. padding: var(--el-drawer-padding-primary);
  6476. padding-bottom: 0
  6477. }
  6478. .el-drawer__header>:first-child {
  6479. flex: 1
  6480. }
  6481. .el-drawer__title {
  6482. margin: 0;
  6483. flex: 1;
  6484. line-height: inherit;
  6485. font-size: 1rem
  6486. }
  6487. .el-drawer__footer {
  6488. padding: var(--el-drawer-padding-primary);
  6489. padding-top: 10px;
  6490. text-align: right
  6491. }
  6492. .el-drawer__close-btn {
  6493. display: inline-flex;
  6494. border: none;
  6495. cursor: pointer;
  6496. font-size: var(--el-font-size-extra-large);
  6497. color: inherit;
  6498. background-color: transparent;
  6499. outline: 0
  6500. }
  6501. .el-drawer__close-btn:focus i,
  6502. .el-drawer__close-btn:hover i {
  6503. color: var(--el-color-primary)
  6504. }
  6505. .el-drawer__body {
  6506. flex: 1;
  6507. padding: var(--el-drawer-padding-primary);
  6508. overflow: auto
  6509. }
  6510. .el-drawer__body>* {
  6511. box-sizing: border-box
  6512. }
  6513. .el-drawer.ltr,
  6514. .el-drawer.rtl {
  6515. height: 100%;
  6516. top: 0;
  6517. bottom: 0
  6518. }
  6519. .el-drawer.btt,
  6520. .el-drawer.ttb {
  6521. width: 100%;
  6522. left: 0;
  6523. right: 0
  6524. }
  6525. .el-drawer.ltr {
  6526. left: 0
  6527. }
  6528. .el-drawer.rtl {
  6529. right: 0
  6530. }
  6531. .el-drawer.ttb {
  6532. top: 0
  6533. }
  6534. .el-drawer.btt {
  6535. bottom: 0
  6536. }
  6537. .el-drawer-fade-enter-active,
  6538. .el-drawer-fade-leave-active {
  6539. transition: all var(--el-transition-duration)
  6540. }
  6541. .el-drawer-fade-enter-active,
  6542. .el-drawer-fade-enter-from,
  6543. .el-drawer-fade-enter-to,
  6544. .el-drawer-fade-leave-active,
  6545. .el-drawer-fade-leave-from,
  6546. .el-drawer-fade-leave-to {
  6547. overflow: hidden !important
  6548. }
  6549. .el-drawer-fade-enter-from,
  6550. .el-drawer-fade-leave-to {
  6551. opacity: 0
  6552. }
  6553. .el-drawer-fade-enter-to,
  6554. .el-drawer-fade-leave-from {
  6555. opacity: 1
  6556. }
  6557. .el-drawer-fade-enter-from .rtl,
  6558. .el-drawer-fade-leave-to .rtl {
  6559. transform: translateX(100%)
  6560. }
  6561. .el-drawer-fade-enter-from .ltr,
  6562. .el-drawer-fade-leave-to .ltr {
  6563. transform: translateX(-100%)
  6564. }
  6565. .el-drawer-fade-enter-from .ttb,
  6566. .el-drawer-fade-leave-to .ttb {
  6567. transform: translateY(-100%)
  6568. }
  6569. .el-drawer-fade-enter-from .btt,
  6570. .el-drawer-fade-leave-to .btt {
  6571. transform: translateY(100%)
  6572. }
  6573. .el-dropdown {
  6574. --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  6575. --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  6576. --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  6577. --el-dropdown-menu-index: 10;
  6578. display: inline-flex;
  6579. position: relative;
  6580. color: var(--el-text-color-regular);
  6581. font-size: var(--el-font-size-base);
  6582. line-height: 1;
  6583. vertical-align: top
  6584. }
  6585. .el-dropdown.is-disabled {
  6586. color: var(--el-text-color-placeholder);
  6587. cursor: not-allowed
  6588. }
  6589. .el-dropdown__popper {
  6590. --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  6591. --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  6592. --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  6593. --el-dropdown-menu-index: 10
  6594. }
  6595. .el-dropdown__popper.el-popper {
  6596. background: var(--el-bg-color-overlay);
  6597. border: 1px solid var(--el-border-color-light);
  6598. box-shadow: var(--el-dropdown-menu-box-shadow)
  6599. }
  6600. .el-dropdown__popper.el-popper .el-popper__arrow::before {
  6601. border: 1px solid var(--el-border-color-light)
  6602. }
  6603. .el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  6604. border-top-color: transparent;
  6605. border-left-color: transparent
  6606. }
  6607. .el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  6608. border-bottom-color: transparent;
  6609. border-right-color: transparent
  6610. }
  6611. .el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  6612. border-left-color: transparent;
  6613. border-bottom-color: transparent
  6614. }
  6615. .el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  6616. border-right-color: transparent;
  6617. border-top-color: transparent
  6618. }
  6619. .el-dropdown__popper .el-dropdown-menu {
  6620. border: none
  6621. }
  6622. .el-dropdown__popper .el-dropdown__popper-selfdefine {
  6623. outline: 0
  6624. }
  6625. .el-dropdown__popper .el-scrollbar__bar {
  6626. z-index: calc(var(--el-dropdown-menu-index) + 1)
  6627. }
  6628. .el-dropdown__popper .el-dropdown__list {
  6629. list-style: none;
  6630. padding: 0;
  6631. margin: 0;
  6632. box-sizing: border-box
  6633. }
  6634. .el-dropdown .el-dropdown__caret-button {
  6635. padding-left: 0;
  6636. padding-right: 0;
  6637. display: inline-flex;
  6638. justify-content: center;
  6639. align-items: center;
  6640. width: 32px;
  6641. border-left: none
  6642. }
  6643. .el-dropdown .el-dropdown__caret-button>span {
  6644. display: inline-flex
  6645. }
  6646. .el-dropdown .el-dropdown__caret-button::before {
  6647. content: "";
  6648. position: absolute;
  6649. display: block;
  6650. width: 1px;
  6651. top: -1px;
  6652. bottom: -1px;
  6653. left: 0;
  6654. background: var(--el-overlay-color-lighter)
  6655. }
  6656. .el-dropdown .el-dropdown__caret-button.el-button::before {
  6657. background: var(--el-border-color);
  6658. opacity: .5
  6659. }
  6660. .el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  6661. font-size: inherit;
  6662. padding-left: 0
  6663. }
  6664. .el-dropdown .el-dropdown-selfdefine {
  6665. outline: 0
  6666. }
  6667. .el-dropdown--large .el-dropdown__caret-button {
  6668. width: 40px
  6669. }
  6670. .el-dropdown--small .el-dropdown__caret-button {
  6671. width: 24px
  6672. }
  6673. .el-dropdown-menu {
  6674. position: relative;
  6675. top: 0;
  6676. left: 0;
  6677. z-index: var(--el-dropdown-menu-index);
  6678. padding: 5px 0;
  6679. margin: 0;
  6680. background-color: var(--el-bg-color-overlay);
  6681. border: none;
  6682. border-radius: var(--el-border-radius-base);
  6683. box-shadow: none;
  6684. list-style: none
  6685. }
  6686. .el-dropdown-menu__item {
  6687. display: flex;
  6688. align-items: center;
  6689. white-space: nowrap;
  6690. list-style: none;
  6691. line-height: 22px;
  6692. padding: 5px 16px;
  6693. margin: 0;
  6694. font-size: var(--el-font-size-base);
  6695. color: var(--el-text-color-regular);
  6696. cursor: pointer;
  6697. outline: 0
  6698. }
  6699. .el-dropdown-menu__item:not(.is-disabled):focus {
  6700. background-color: var(--el-dropdown-menuItem-hover-fill);
  6701. color: var(--el-dropdown-menuItem-hover-color)
  6702. }
  6703. .el-dropdown-menu__item i {
  6704. margin-right: 5px
  6705. }
  6706. .el-dropdown-menu__item--divided {
  6707. margin: 6px 0;
  6708. border-top: 1px solid var(--el-border-color-lighter)
  6709. }
  6710. .el-dropdown-menu__item.is-disabled {
  6711. cursor: not-allowed;
  6712. color: var(--el-text-color-disabled)
  6713. }
  6714. .el-dropdown-menu--large {
  6715. padding: 7px 0
  6716. }
  6717. .el-dropdown-menu--large .el-dropdown-menu__item {
  6718. padding: 7px 20px;
  6719. line-height: 22px;
  6720. font-size: 14px
  6721. }
  6722. .el-dropdown-menu--large .el-dropdown-menu__item--divided {
  6723. margin: 8px 0
  6724. }
  6725. .el-dropdown-menu--small {
  6726. padding: 3px 0
  6727. }
  6728. .el-dropdown-menu--small .el-dropdown-menu__item {
  6729. padding: 2px 12px;
  6730. line-height: 20px;
  6731. font-size: 12px
  6732. }
  6733. .el-dropdown-menu--small .el-dropdown-menu__item--divided {
  6734. margin: 4px 0
  6735. }
  6736. .el-empty {
  6737. --el-empty-padding: 40px 0;
  6738. --el-empty-image-width: 160px;
  6739. --el-empty-description-margin-top: 20px;
  6740. --el-empty-bottom-margin-top: 20px;
  6741. --el-empty-fill-color-0: var(--el-color-white);
  6742. --el-empty-fill-color-1: #fcfcfd;
  6743. --el-empty-fill-color-2: #f8f9fb;
  6744. --el-empty-fill-color-3: #f7f8fc;
  6745. --el-empty-fill-color-4: #eeeff3;
  6746. --el-empty-fill-color-5: #edeef2;
  6747. --el-empty-fill-color-6: #e9ebef;
  6748. --el-empty-fill-color-7: #e5e7e9;
  6749. --el-empty-fill-color-8: #e0e3e9;
  6750. --el-empty-fill-color-9: #d5d7de;
  6751. display: flex;
  6752. justify-content: center;
  6753. align-items: center;
  6754. flex-direction: column;
  6755. text-align: center;
  6756. box-sizing: border-box;
  6757. padding: var(--el-empty-padding)
  6758. }
  6759. .el-empty__image {
  6760. width: var(--el-empty-image-width)
  6761. }
  6762. .el-empty__image img {
  6763. -webkit-user-select: none;
  6764. -moz-user-select: none;
  6765. -ms-user-select: none;
  6766. user-select: none;
  6767. width: 100%;
  6768. height: 100%;
  6769. vertical-align: top;
  6770. -o-object-fit: contain;
  6771. object-fit: contain
  6772. }
  6773. .el-empty__image svg {
  6774. color: var(--el-svg-monochrome-grey);
  6775. fill: currentColor;
  6776. width: 100%;
  6777. height: 100%;
  6778. vertical-align: top
  6779. }
  6780. .el-empty__description {
  6781. margin-top: var(--el-empty-description-margin-top)
  6782. }
  6783. .el-empty__description p {
  6784. margin: 0;
  6785. font-size: var(--el-font-size-base);
  6786. color: var(--el-text-color-secondary)
  6787. }
  6788. .el-empty__bottom {
  6789. margin-top: var(--el-empty-bottom-margin-top)
  6790. }
  6791. .el-footer {
  6792. --el-footer-padding: 0 20px;
  6793. --el-footer-height: 60px;
  6794. padding: var(--el-footer-padding);
  6795. box-sizing: border-box;
  6796. flex-shrink: 0;
  6797. height: var(--el-footer-height)
  6798. }
  6799. .el-form {
  6800. --el-form-label-font-size: var(--el-font-size-base);
  6801. --el-form-inline-content-width: 220px
  6802. }
  6803. .el-form--label-left .el-form-item__label {
  6804. justify-content: flex-start
  6805. }
  6806. .el-form--label-top .el-form-item {
  6807. display: block
  6808. }
  6809. .el-form--label-top .el-form-item .el-form-item__label {
  6810. display: block;
  6811. height: auto;
  6812. text-align: left;
  6813. margin-bottom: 8px;
  6814. line-height: 22px
  6815. }
  6816. .el-form--inline .el-form-item {
  6817. display: inline-flex;
  6818. vertical-align: middle;
  6819. margin-right: 32px
  6820. }
  6821. .el-form--inline.el-form--label-top {
  6822. display: flex;
  6823. flex-wrap: wrap
  6824. }
  6825. .el-form--inline.el-form--label-top .el-form-item {
  6826. display: block
  6827. }
  6828. .el-form--large.el-form--label-top .el-form-item .el-form-item__label {
  6829. margin-bottom: 12px;
  6830. line-height: 22px
  6831. }
  6832. .el-form--default.el-form--label-top .el-form-item .el-form-item__label {
  6833. margin-bottom: 8px;
  6834. line-height: 22px
  6835. }
  6836. .el-form--small.el-form--label-top .el-form-item .el-form-item__label {
  6837. margin-bottom: 4px;
  6838. line-height: 20px
  6839. }
  6840. .el-form-item {
  6841. display: flex;
  6842. --font-size: 14px;
  6843. margin-bottom: 18px
  6844. }
  6845. .el-form-item .el-form-item {
  6846. margin-bottom: 0
  6847. }
  6848. .el-form-item .el-input__validateIcon {
  6849. display: none
  6850. }
  6851. .el-form-item--large {
  6852. --font-size: 14px;
  6853. --el-form-label-font-size: var(--font-size);
  6854. margin-bottom: 22px
  6855. }
  6856. .el-form-item--large .el-form-item__label {
  6857. height: 40px;
  6858. line-height: 40px
  6859. }
  6860. .el-form-item--large .el-form-item__content {
  6861. line-height: 40px
  6862. }
  6863. .el-form-item--large .el-form-item__error {
  6864. padding-top: 4px
  6865. }
  6866. .el-form-item--default {
  6867. --font-size: 14px;
  6868. --el-form-label-font-size: var(--font-size);
  6869. margin-bottom: 18px
  6870. }
  6871. .el-form-item--default .el-form-item__label {
  6872. height: 32px;
  6873. line-height: 32px
  6874. }
  6875. .el-form-item--default .el-form-item__content {
  6876. line-height: 32px
  6877. }
  6878. .el-form-item--default .el-form-item__error {
  6879. padding-top: 2px
  6880. }
  6881. .el-form-item--small {
  6882. --font-size: 12px;
  6883. --el-form-label-font-size: var(--font-size);
  6884. margin-bottom: 18px
  6885. }
  6886. .el-form-item--small .el-form-item__label {
  6887. height: 24px;
  6888. line-height: 24px
  6889. }
  6890. .el-form-item--small .el-form-item__content {
  6891. line-height: 24px
  6892. }
  6893. .el-form-item--small .el-form-item__error {
  6894. padding-top: 2px
  6895. }
  6896. .el-form-item__label-wrap {
  6897. display: flex
  6898. }
  6899. .el-form-item__label {
  6900. display: inline-flex;
  6901. justify-content: flex-end;
  6902. align-items: flex-start;
  6903. flex: 0 0 auto;
  6904. font-size: var(--el-form-label-font-size);
  6905. color: var(--el-text-color-regular);
  6906. height: 32px;
  6907. line-height: 32px;
  6908. padding: 0 12px 0 0;
  6909. box-sizing: border-box
  6910. }
  6911. .el-form-item__content {
  6912. display: flex;
  6913. flex-wrap: wrap;
  6914. align-items: center;
  6915. flex: 1;
  6916. line-height: 32px;
  6917. position: relative;
  6918. font-size: var(--font-size);
  6919. min-width: 0
  6920. }
  6921. .el-form-item__content .el-input-group {
  6922. vertical-align: top
  6923. }
  6924. .el-form-item__error {
  6925. color: var(--el-color-danger);
  6926. font-size: 12px;
  6927. line-height: 1;
  6928. padding-top: 2px;
  6929. position: absolute;
  6930. top: 100%;
  6931. left: 0
  6932. }
  6933. .el-form-item__error--inline {
  6934. position: relative;
  6935. top: auto;
  6936. left: auto;
  6937. display: inline-block;
  6938. margin-left: 10px
  6939. }
  6940. .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,
  6941. .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before {
  6942. content: "*";
  6943. color: var(--el-color-danger);
  6944. margin-right: 4px
  6945. }
  6946. .el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,
  6947. .el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after {
  6948. content: "*";
  6949. color: var(--el-color-danger);
  6950. margin-left: 4px
  6951. }
  6952. .el-form-item.is-error .el-input__wrapper,
  6953. .el-form-item.is-error .el-input__wrapper.is-focus,
  6954. .el-form-item.is-error .el-input__wrapper:focus,
  6955. .el-form-item.is-error .el-input__wrapper:hover,
  6956. .el-form-item.is-error .el-select__wrapper,
  6957. .el-form-item.is-error .el-select__wrapper.is-focus,
  6958. .el-form-item.is-error .el-select__wrapper:focus,
  6959. .el-form-item.is-error .el-select__wrapper:hover,
  6960. .el-form-item.is-error .el-textarea__inner,
  6961. .el-form-item.is-error .el-textarea__inner.is-focus,
  6962. .el-form-item.is-error .el-textarea__inner:focus,
  6963. .el-form-item.is-error .el-textarea__inner:hover {
  6964. box-shadow: 0 0 0 1px var(--el-color-danger) inset
  6965. }
  6966. .el-form-item.is-error .el-input-group__append .el-input__wrapper,
  6967. .el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
  6968. box-shadow: 0 0 0 1px transparent inset
  6969. }
  6970. .el-form-item.is-error .el-input__validateIcon {
  6971. color: var(--el-color-danger)
  6972. }
  6973. .el-form-item--feedback .el-input__validateIcon {
  6974. display: inline-flex
  6975. }
  6976. .el-header {
  6977. --el-header-padding: 0 20px;
  6978. --el-header-height: 60px;
  6979. padding: var(--el-header-padding);
  6980. box-sizing: border-box;
  6981. flex-shrink: 0;
  6982. height: var(--el-header-height)
  6983. }
  6984. .el-image-viewer__wrapper {
  6985. position: fixed;
  6986. top: 0;
  6987. right: 0;
  6988. bottom: 0;
  6989. left: 0
  6990. }
  6991. .el-image-viewer__btn {
  6992. position: absolute;
  6993. z-index: 1;
  6994. display: flex;
  6995. align-items: center;
  6996. justify-content: center;
  6997. border-radius: 50%;
  6998. opacity: .8;
  6999. cursor: pointer;
  7000. box-sizing: border-box;
  7001. -webkit-user-select: none;
  7002. -moz-user-select: none;
  7003. -ms-user-select: none;
  7004. user-select: none
  7005. }
  7006. .el-image-viewer__btn .el-icon {
  7007. font-size: inherit;
  7008. cursor: pointer
  7009. }
  7010. .el-image-viewer__close {
  7011. top: 40px;
  7012. right: 40px;
  7013. width: 40px;
  7014. height: 40px;
  7015. font-size: 40px
  7016. }
  7017. .el-image-viewer__canvas {
  7018. position: static;
  7019. width: 100%;
  7020. height: 100%;
  7021. display: flex;
  7022. justify-content: center;
  7023. align-items: center;
  7024. -webkit-user-select: none;
  7025. -moz-user-select: none;
  7026. -ms-user-select: none;
  7027. user-select: none
  7028. }
  7029. .el-image-viewer__actions {
  7030. left: 50%;
  7031. bottom: 30px;
  7032. transform: translateX(-50%);
  7033. width: 282px;
  7034. height: 44px;
  7035. padding: 0 23px;
  7036. background-color: var(--el-text-color-regular);
  7037. border-color: #fff;
  7038. border-radius: 22px
  7039. }
  7040. .el-image-viewer__actions__inner {
  7041. width: 100%;
  7042. height: 100%;
  7043. cursor: default;
  7044. font-size: 23px;
  7045. color: #fff;
  7046. display: flex;
  7047. align-items: center;
  7048. justify-content: space-around
  7049. }
  7050. .el-image-viewer__prev {
  7051. top: 50%;
  7052. transform: translateY(-50%);
  7053. left: 40px;
  7054. width: 44px;
  7055. height: 44px;
  7056. font-size: 24px;
  7057. color: #fff;
  7058. background-color: var(--el-text-color-regular);
  7059. border-color: #fff
  7060. }
  7061. .el-image-viewer__next {
  7062. top: 50%;
  7063. transform: translateY(-50%);
  7064. right: 40px;
  7065. text-indent: 2px;
  7066. width: 44px;
  7067. height: 44px;
  7068. font-size: 24px;
  7069. color: #fff;
  7070. background-color: var(--el-text-color-regular);
  7071. border-color: #fff
  7072. }
  7073. .el-image-viewer__close {
  7074. width: 44px;
  7075. height: 44px;
  7076. font-size: 24px;
  7077. color: #fff;
  7078. background-color: var(--el-text-color-regular);
  7079. border-color: #fff
  7080. }
  7081. .el-image-viewer__mask {
  7082. position: absolute;
  7083. width: 100%;
  7084. height: 100%;
  7085. top: 0;
  7086. left: 0;
  7087. opacity: .5;
  7088. background: #000
  7089. }
  7090. .viewer-fade-enter-active {
  7091. -webkit-animation: viewer-fade-in var(--el-transition-duration);
  7092. animation: viewer-fade-in var(--el-transition-duration)
  7093. }
  7094. .viewer-fade-leave-active {
  7095. -webkit-animation: viewer-fade-out var(--el-transition-duration);
  7096. animation: viewer-fade-out var(--el-transition-duration)
  7097. }
  7098. @-webkit-keyframes viewer-fade-in {
  7099. 0% {
  7100. transform: translate3d(0, -20px, 0);
  7101. opacity: 0
  7102. }
  7103. 100% {
  7104. transform: translate3d(0, 0, 0);
  7105. opacity: 1
  7106. }
  7107. }
  7108. @keyframes viewer-fade-in {
  7109. 0% {
  7110. transform: translate3d(0, -20px, 0);
  7111. opacity: 0
  7112. }
  7113. 100% {
  7114. transform: translate3d(0, 0, 0);
  7115. opacity: 1
  7116. }
  7117. }
  7118. @-webkit-keyframes viewer-fade-out {
  7119. 0% {
  7120. transform: translate3d(0, 0, 0);
  7121. opacity: 1
  7122. }
  7123. 100% {
  7124. transform: translate3d(0, -20px, 0);
  7125. opacity: 0
  7126. }
  7127. }
  7128. @keyframes viewer-fade-out {
  7129. 0% {
  7130. transform: translate3d(0, 0, 0);
  7131. opacity: 1
  7132. }
  7133. 100% {
  7134. transform: translate3d(0, -20px, 0);
  7135. opacity: 0
  7136. }
  7137. }
  7138. .el-image__error,
  7139. .el-image__inner,
  7140. .el-image__placeholder,
  7141. .el-image__wrapper {
  7142. width: 100%;
  7143. height: 100%
  7144. }
  7145. .el-image {
  7146. position: relative;
  7147. display: inline-block;
  7148. overflow: hidden
  7149. }
  7150. .el-image__inner {
  7151. vertical-align: top;
  7152. opacity: 1
  7153. }
  7154. .el-image__inner.is-loading {
  7155. opacity: 0
  7156. }
  7157. .el-image__wrapper {
  7158. position: absolute;
  7159. top: 0;
  7160. left: 0
  7161. }
  7162. .el-image__placeholder {
  7163. background: var(--el-fill-color-light)
  7164. }
  7165. .el-image__error {
  7166. display: flex;
  7167. justify-content: center;
  7168. align-items: center;
  7169. font-size: 14px;
  7170. background: var(--el-fill-color-light);
  7171. color: var(--el-text-color-placeholder);
  7172. vertical-align: middle
  7173. }
  7174. .el-image__preview {
  7175. cursor: pointer
  7176. }
  7177. .el-input-number {
  7178. position: relative;
  7179. display: inline-flex;
  7180. width: 150px;
  7181. line-height: 30px
  7182. }
  7183. .el-input-number .el-input__wrapper {
  7184. padding-left: 42px;
  7185. padding-right: 42px
  7186. }
  7187. .el-input-number .el-input__inner {
  7188. -webkit-appearance: none;
  7189. -moz-appearance: textfield;
  7190. text-align: center;
  7191. line-height: 1
  7192. }
  7193. .el-input-number .el-input__inner::-webkit-inner-spin-button,
  7194. .el-input-number .el-input__inner::-webkit-outer-spin-button {
  7195. margin: 0;
  7196. -webkit-appearance: none
  7197. }
  7198. .el-input-number__decrease,
  7199. .el-input-number__increase {
  7200. display: flex;
  7201. justify-content: center;
  7202. align-items: center;
  7203. height: auto;
  7204. position: absolute;
  7205. z-index: 1;
  7206. top: 1px;
  7207. bottom: 1px;
  7208. width: 32px;
  7209. background: var(--el-fill-color-light);
  7210. color: var(--el-text-color-regular);
  7211. cursor: pointer;
  7212. font-size: 13px;
  7213. -webkit-user-select: none;
  7214. -moz-user-select: none;
  7215. -ms-user-select: none;
  7216. user-select: none
  7217. }
  7218. .el-input-number__decrease:hover,
  7219. .el-input-number__increase:hover {
  7220. color: var(--el-color-primary)
  7221. }
  7222. .el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper,
  7223. .el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper {
  7224. box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
  7225. }
  7226. .el-input-number__decrease.is-disabled,
  7227. .el-input-number__increase.is-disabled {
  7228. color: var(--el-disabled-text-color);
  7229. cursor: not-allowed
  7230. }
  7231. .el-input-number__increase {
  7232. right: 1px;
  7233. border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
  7234. border-left: var(--el-border)
  7235. }
  7236. .el-input-number__decrease {
  7237. left: 1px;
  7238. border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  7239. border-right: var(--el-border)
  7240. }
  7241. .el-input-number.is-disabled .el-input-number__decrease,
  7242. .el-input-number.is-disabled .el-input-number__increase {
  7243. border-color: var(--el-disabled-border-color);
  7244. color: var(--el-disabled-border-color)
  7245. }
  7246. .el-input-number.is-disabled .el-input-number__decrease:hover,
  7247. .el-input-number.is-disabled .el-input-number__increase:hover {
  7248. color: var(--el-disabled-border-color);
  7249. cursor: not-allowed
  7250. }
  7251. .el-input-number--large {
  7252. width: 180px;
  7253. line-height: 38px
  7254. }
  7255. .el-input-number--large .el-input-number__decrease,
  7256. .el-input-number--large .el-input-number__increase {
  7257. width: 40px;
  7258. font-size: 14px
  7259. }
  7260. .el-input-number--large .el-input__wrapper {
  7261. padding-left: 47px;
  7262. padding-right: 47px
  7263. }
  7264. .el-input-number--small {
  7265. width: 120px;
  7266. line-height: 22px
  7267. }
  7268. .el-input-number--small .el-input-number__decrease,
  7269. .el-input-number--small .el-input-number__increase {
  7270. width: 24px;
  7271. font-size: 12px
  7272. }
  7273. .el-input-number--small .el-input__wrapper {
  7274. padding-left: 31px;
  7275. padding-right: 31px
  7276. }
  7277. .el-input-number--small .el-input-number__decrease [class*=el-icon],
  7278. .el-input-number--small .el-input-number__increase [class*=el-icon] {
  7279. transform: scale(.9)
  7280. }
  7281. .el-input-number.is-without-controls .el-input__wrapper {
  7282. padding-left: 15px;
  7283. padding-right: 15px
  7284. }
  7285. .el-input-number.is-controls-right .el-input__wrapper {
  7286. padding-left: 15px;
  7287. padding-right: 42px
  7288. }
  7289. .el-input-number.is-controls-right .el-input-number__decrease,
  7290. .el-input-number.is-controls-right .el-input-number__increase {
  7291. --el-input-number-controls-height: 15px;
  7292. height: var(--el-input-number-controls-height);
  7293. line-height: var(--el-input-number-controls-height)
  7294. }
  7295. .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
  7296. .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
  7297. transform: scale(.8)
  7298. }
  7299. .el-input-number.is-controls-right .el-input-number__increase {
  7300. bottom: auto;
  7301. left: auto;
  7302. border-radius: 0 var(--el-border-radius-base) 0 0;
  7303. border-bottom: var(--el-border)
  7304. }
  7305. .el-input-number.is-controls-right .el-input-number__decrease {
  7306. right: 1px;
  7307. top: auto;
  7308. left: auto;
  7309. border-right: none;
  7310. border-left: var(--el-border);
  7311. border-radius: 0 0 var(--el-border-radius-base) 0
  7312. }
  7313. .el-input-number.is-controls-right[class*=large] [class*=decrease],
  7314. .el-input-number.is-controls-right[class*=large] [class*=increase] {
  7315. --el-input-number-controls-height: 19px
  7316. }
  7317. .el-input-number.is-controls-right[class*=small] [class*=decrease],
  7318. .el-input-number.is-controls-right[class*=small] [class*=increase] {
  7319. --el-input-number-controls-height: 11px
  7320. }
  7321. .el-textarea {
  7322. --el-input-text-color: var(--el-text-color-regular);
  7323. --el-input-border: var(--el-border);
  7324. --el-input-hover-border: var(--el-border-color-hover);
  7325. --el-input-focus-border: var(--el-color-primary);
  7326. --el-input-transparent-border: 0 0 0 1px transparent inset;
  7327. --el-input-border-color: var(--el-border-color);
  7328. --el-input-border-radius: var(--el-border-radius-base);
  7329. --el-input-bg-color: var(--el-fill-color-blank);
  7330. --el-input-icon-color: var(--el-text-color-placeholder);
  7331. --el-input-placeholder-color: var(--el-text-color-placeholder);
  7332. --el-input-hover-border-color: var(--el-border-color-hover);
  7333. --el-input-clear-hover-color: var(--el-text-color-secondary);
  7334. --el-input-focus-border-color: var(--el-color-primary);
  7335. --el-input-width: 100%
  7336. }
  7337. .el-textarea {
  7338. position: relative;
  7339. display: inline-block;
  7340. width: 100%;
  7341. vertical-align: bottom;
  7342. font-size: var(--el-font-size-base)
  7343. }
  7344. .el-textarea__inner {
  7345. position: relative;
  7346. display: block;
  7347. resize: vertical;
  7348. padding: 5px 11px;
  7349. line-height: 1.5;
  7350. box-sizing: border-box;
  7351. width: 100%;
  7352. font-size: inherit;
  7353. font-family: inherit;
  7354. color: var(--el-input-text-color, var(--el-text-color-regular));
  7355. background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  7356. background-image: none;
  7357. -webkit-appearance: none;
  7358. box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
  7359. border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  7360. transition: var(--el-transition-box-shadow);
  7361. border: none
  7362. }
  7363. .el-textarea__inner::-moz-placeholder {
  7364. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
  7365. }
  7366. .el-textarea__inner:-ms-input-placeholder {
  7367. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
  7368. }
  7369. .el-textarea__inner::placeholder {
  7370. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
  7371. }
  7372. .el-textarea__inner:hover {
  7373. box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
  7374. }
  7375. .el-textarea__inner:focus {
  7376. outline: 0;
  7377. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
  7378. }
  7379. .el-textarea .el-input__count {
  7380. color: var(--el-color-info);
  7381. background: var(--el-fill-color-blank);
  7382. position: absolute;
  7383. font-size: 12px;
  7384. line-height: 14px;
  7385. bottom: 5px;
  7386. right: 10px
  7387. }
  7388. .el-textarea.is-disabled .el-textarea__inner {
  7389. box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  7390. background-color: var(--el-disabled-bg-color);
  7391. color: var(--el-disabled-text-color);
  7392. cursor: not-allowed
  7393. }
  7394. .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  7395. color: var(--el-text-color-placeholder)
  7396. }
  7397. .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
  7398. color: var(--el-text-color-placeholder)
  7399. }
  7400. .el-textarea.is-disabled .el-textarea__inner::placeholder {
  7401. color: var(--el-text-color-placeholder)
  7402. }
  7403. .el-textarea.is-exceed .el-textarea__inner {
  7404. box-shadow: 0 0 0 1px var(--el-color-danger) inset
  7405. }
  7406. .el-textarea.is-exceed .el-input__count {
  7407. color: var(--el-color-danger)
  7408. }
  7409. .el-input {
  7410. --el-input-text-color: var(--el-text-color-regular);
  7411. --el-input-border: var(--el-border);
  7412. --el-input-hover-border: var(--el-border-color-hover);
  7413. --el-input-focus-border: var(--el-color-primary);
  7414. --el-input-transparent-border: 0 0 0 1px transparent inset;
  7415. --el-input-border-color: var(--el-border-color);
  7416. --el-input-border-radius: var(--el-border-radius-base);
  7417. --el-input-bg-color: var(--el-fill-color-blank);
  7418. --el-input-icon-color: var(--el-text-color-placeholder);
  7419. --el-input-placeholder-color: var(--el-text-color-placeholder);
  7420. --el-input-hover-border-color: var(--el-border-color-hover);
  7421. --el-input-clear-hover-color: var(--el-text-color-secondary);
  7422. --el-input-focus-border-color: var(--el-color-primary);
  7423. --el-input-width: 100%
  7424. }
  7425. .el-input {
  7426. --el-input-height: var(--el-component-size);
  7427. position: relative;
  7428. font-size: var(--el-font-size-base);
  7429. display: inline-flex;
  7430. width: var(--el-input-width);
  7431. line-height: var(--el-input-height);
  7432. box-sizing: border-box;
  7433. vertical-align: middle
  7434. }
  7435. .el-input::-webkit-scrollbar {
  7436. z-index: 11;
  7437. width: 6px
  7438. }
  7439. .el-input::-webkit-scrollbar:horizontal {
  7440. height: 6px
  7441. }
  7442. .el-input::-webkit-scrollbar-thumb {
  7443. border-radius: 5px;
  7444. width: 6px;
  7445. background: var(--el-text-color-disabled)
  7446. }
  7447. .el-input::-webkit-scrollbar-corner {
  7448. background: var(--el-fill-color-blank)
  7449. }
  7450. .el-input::-webkit-scrollbar-track {
  7451. background: var(--el-fill-color-blank)
  7452. }
  7453. .el-input::-webkit-scrollbar-track-piece {
  7454. background: var(--el-fill-color-blank);
  7455. width: 6px
  7456. }
  7457. .el-input .el-input__clear,
  7458. .el-input .el-input__password {
  7459. color: var(--el-input-icon-color);
  7460. font-size: 14px;
  7461. cursor: pointer
  7462. }
  7463. .el-input .el-input__clear:hover,
  7464. .el-input .el-input__password:hover {
  7465. color: var(--el-input-clear-hover-color)
  7466. }
  7467. .el-input .el-input__count {
  7468. height: 100%;
  7469. display: inline-flex;
  7470. align-items: center;
  7471. color: var(--el-color-info);
  7472. font-size: 12px
  7473. }
  7474. .el-input .el-input__count .el-input__count-inner {
  7475. background: var(--el-fill-color-blank);
  7476. line-height: initial;
  7477. display: inline-block;
  7478. padding-left: 8px
  7479. }
  7480. .el-input__wrapper {
  7481. display: inline-flex;
  7482. flex-grow: 1;
  7483. align-items: center;
  7484. justify-content: center;
  7485. padding: 1px 11px;
  7486. background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
  7487. background-image: none;
  7488. border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  7489. cursor: text;
  7490. transition: var(--el-transition-box-shadow);
  7491. transform: translate3d(0, 0, 0);
  7492. box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
  7493. }
  7494. .el-input__wrapper:hover {
  7495. box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
  7496. }
  7497. .el-input__wrapper.is-focus {
  7498. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
  7499. }
  7500. .el-input__inner {
  7501. --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
  7502. width: 100%;
  7503. flex-grow: 1;
  7504. -webkit-appearance: none;
  7505. color: var(--el-input-text-color, var(--el-text-color-regular));
  7506. font-size: inherit;
  7507. height: var(--el-input-inner-height);
  7508. line-height: var(--el-input-inner-height);
  7509. padding: 0;
  7510. outline: 0;
  7511. border: none;
  7512. background: 0 0;
  7513. box-sizing: border-box
  7514. }
  7515. .el-input__inner:focus {
  7516. outline: 0
  7517. }
  7518. .el-input__inner::-moz-placeholder {
  7519. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
  7520. }
  7521. .el-input__inner:-ms-input-placeholder {
  7522. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
  7523. }
  7524. .el-input__inner::placeholder {
  7525. color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
  7526. }
  7527. .el-input__inner[type=password]::-ms-reveal {
  7528. display: none
  7529. }
  7530. .el-input__inner[type=number] {
  7531. line-height: 1
  7532. }
  7533. .el-input__prefix {
  7534. display: inline-flex;
  7535. white-space: nowrap;
  7536. flex-shrink: 0;
  7537. flex-wrap: nowrap;
  7538. height: 100%;
  7539. text-align: center;
  7540. color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  7541. transition: all var(--el-transition-duration);
  7542. pointer-events: none
  7543. }
  7544. .el-input__prefix-inner {
  7545. pointer-events: all;
  7546. display: inline-flex;
  7547. align-items: center;
  7548. justify-content: center
  7549. }
  7550. .el-input__prefix-inner>:last-child {
  7551. margin-right: 8px
  7552. }
  7553. .el-input__prefix-inner>:first-child,
  7554. .el-input__prefix-inner>:first-child.el-input__icon {
  7555. margin-left: 0
  7556. }
  7557. .el-input__suffix {
  7558. display: inline-flex;
  7559. white-space: nowrap;
  7560. flex-shrink: 0;
  7561. flex-wrap: nowrap;
  7562. height: 100%;
  7563. text-align: center;
  7564. color: var(--el-input-icon-color, var(--el-text-color-placeholder));
  7565. transition: all var(--el-transition-duration);
  7566. pointer-events: none
  7567. }
  7568. .el-input__suffix-inner {
  7569. pointer-events: all;
  7570. display: inline-flex;
  7571. align-items: center;
  7572. justify-content: center
  7573. }
  7574. .el-input__suffix-inner>:first-child {
  7575. margin-left: 8px
  7576. }
  7577. .el-input .el-input__icon {
  7578. height: inherit;
  7579. line-height: inherit;
  7580. display: flex;
  7581. justify-content: center;
  7582. align-items: center;
  7583. transition: all var(--el-transition-duration);
  7584. margin-left: 8px
  7585. }
  7586. .el-input__validateIcon {
  7587. pointer-events: none
  7588. }
  7589. .el-input.is-active .el-input__wrapper {
  7590. box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset
  7591. }
  7592. .el-input.is-disabled {
  7593. cursor: not-allowed
  7594. }
  7595. .el-input.is-disabled .el-input__wrapper {
  7596. background-color: var(--el-disabled-bg-color);
  7597. box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset
  7598. }
  7599. .el-input.is-disabled .el-input__inner {
  7600. color: var(--el-disabled-text-color);
  7601. -webkit-text-fill-color: var(--el-disabled-text-color);
  7602. cursor: not-allowed
  7603. }
  7604. .el-input.is-disabled .el-input__inner::-moz-placeholder {
  7605. color: var(--el-text-color-placeholder)
  7606. }
  7607. .el-input.is-disabled .el-input__inner:-ms-input-placeholder {
  7608. color: var(--el-text-color-placeholder)
  7609. }
  7610. .el-input.is-disabled .el-input__inner::placeholder {
  7611. color: var(--el-text-color-placeholder)
  7612. }
  7613. .el-input.is-disabled .el-input__icon {
  7614. cursor: not-allowed
  7615. }
  7616. .el-input.is-exceed .el-input__wrapper {
  7617. box-shadow: 0 0 0 1px var(--el-color-danger) inset
  7618. }
  7619. .el-input.is-exceed .el-input__suffix .el-input__count {
  7620. color: var(--el-color-danger)
  7621. }
  7622. .el-input--large {
  7623. --el-input-height: var(--el-component-size-large);
  7624. font-size: 14px
  7625. }
  7626. .el-input--large .el-input__wrapper {
  7627. padding: 1px 15px
  7628. }
  7629. .el-input--large .el-input__inner {
  7630. --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
  7631. }
  7632. .el-input--small {
  7633. --el-input-height: var(--el-component-size-small);
  7634. font-size: 12px
  7635. }
  7636. .el-input--small .el-input__wrapper {
  7637. padding: 1px 7px
  7638. }
  7639. .el-input--small .el-input__inner {
  7640. --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px)
  7641. }
  7642. .el-input-group {
  7643. display: inline-flex;
  7644. width: 100%;
  7645. align-items: stretch
  7646. }
  7647. .el-input-group__append,
  7648. .el-input-group__prepend {
  7649. background-color: var(--el-fill-color-light);
  7650. color: var(--el-color-info);
  7651. position: relative;
  7652. display: inline-flex;
  7653. align-items: center;
  7654. justify-content: center;
  7655. min-height: 100%;
  7656. border-radius: var(--el-input-border-radius);
  7657. padding: 0 20px;
  7658. white-space: nowrap
  7659. }
  7660. .el-input-group__append:focus,
  7661. .el-input-group__prepend:focus {
  7662. outline: 0
  7663. }
  7664. .el-input-group__append .el-button,
  7665. .el-input-group__append .el-select,
  7666. .el-input-group__prepend .el-button,
  7667. .el-input-group__prepend .el-select {
  7668. display: inline-block;
  7669. margin: 0 -20px
  7670. }
  7671. .el-input-group__append button.el-button,
  7672. .el-input-group__append button.el-button:hover,
  7673. .el-input-group__append div.el-select .el-select__wrapper,
  7674. .el-input-group__append div.el-select:hover .el-select__wrapper,
  7675. .el-input-group__prepend button.el-button,
  7676. .el-input-group__prepend button.el-button:hover,
  7677. .el-input-group__prepend div.el-select .el-select__wrapper,
  7678. .el-input-group__prepend div.el-select:hover .el-select__wrapper {
  7679. border-color: transparent;
  7680. background-color: transparent;
  7681. color: inherit
  7682. }
  7683. .el-input-group__append .el-button,
  7684. .el-input-group__append .el-input,
  7685. .el-input-group__prepend .el-button,
  7686. .el-input-group__prepend .el-input {
  7687. font-size: inherit
  7688. }
  7689. .el-input-group__prepend {
  7690. border-right: 0;
  7691. border-top-right-radius: 0;
  7692. border-bottom-right-radius: 0;
  7693. box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
  7694. }
  7695. .el-input-group__append {
  7696. border-left: 0;
  7697. border-top-left-radius: 0;
  7698. border-bottom-left-radius: 0;
  7699. box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
  7700. }
  7701. .el-input-group--prepend>.el-input__wrapper {
  7702. border-top-left-radius: 0;
  7703. border-bottom-left-radius: 0
  7704. }
  7705. .el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
  7706. border-top-right-radius: 0;
  7707. border-bottom-right-radius: 0;
  7708. box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
  7709. }
  7710. .el-input-group--append>.el-input__wrapper {
  7711. border-top-right-radius: 0;
  7712. border-bottom-right-radius: 0
  7713. }
  7714. .el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
  7715. border-top-left-radius: 0;
  7716. border-bottom-left-radius: 0;
  7717. box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
  7718. }
  7719. .el-input-hidden {
  7720. display: none !important
  7721. }
  7722. .el-link {
  7723. --el-link-font-size: var(--el-font-size-base);
  7724. --el-link-font-weight: var(--el-font-weight-primary);
  7725. --el-link-text-color: var(--el-text-color-regular);
  7726. --el-link-hover-text-color: var(--el-color-primary);
  7727. --el-link-disabled-text-color: var(--el-text-color-placeholder)
  7728. }
  7729. .el-link {
  7730. display: inline-flex;
  7731. flex-direction: row;
  7732. align-items: center;
  7733. justify-content: center;
  7734. vertical-align: middle;
  7735. position: relative;
  7736. text-decoration: none;
  7737. outline: 0;
  7738. cursor: pointer;
  7739. padding: 0;
  7740. font-size: var(--el-link-font-size);
  7741. font-weight: var(--el-link-font-weight);
  7742. color: var(--el-link-text-color)
  7743. }
  7744. .el-link:hover {
  7745. color: var(--el-link-hover-text-color)
  7746. }
  7747. .el-link.is-underline:hover:after {
  7748. content: "";
  7749. position: absolute;
  7750. left: 0;
  7751. right: 0;
  7752. height: 0;
  7753. bottom: 0;
  7754. border-bottom: 1px solid var(--el-link-hover-text-color)
  7755. }
  7756. .el-link.is-disabled {
  7757. color: var(--el-link-disabled-text-color);
  7758. cursor: not-allowed
  7759. }
  7760. .el-link [class*=el-icon-]+span {
  7761. margin-left: 5px
  7762. }
  7763. .el-link.el-link--default:after {
  7764. border-color: var(--el-link-hover-text-color)
  7765. }
  7766. .el-link__inner {
  7767. display: inline-flex;
  7768. justify-content: center;
  7769. align-items: center
  7770. }
  7771. .el-link.el-link--primary {
  7772. --el-link-text-color: var(--el-color-primary);
  7773. --el-link-hover-text-color: var(--el-color-primary-light-3);
  7774. --el-link-disabled-text-color: var(--el-color-primary-light-5)
  7775. }
  7776. .el-link.el-link--primary:after {
  7777. border-color: var(--el-link-text-color)
  7778. }
  7779. .el-link.el-link--primary.is-underline:hover:after {
  7780. border-color: var(--el-link-text-color)
  7781. }
  7782. .el-link.el-link--success {
  7783. --el-link-text-color: var(--el-color-success);
  7784. --el-link-hover-text-color: var(--el-color-success-light-3);
  7785. --el-link-disabled-text-color: var(--el-color-success-light-5)
  7786. }
  7787. .el-link.el-link--success:after {
  7788. border-color: var(--el-link-text-color)
  7789. }
  7790. .el-link.el-link--success.is-underline:hover:after {
  7791. border-color: var(--el-link-text-color)
  7792. }
  7793. .el-link.el-link--warning {
  7794. --el-link-text-color: var(--el-color-warning);
  7795. --el-link-hover-text-color: var(--el-color-warning-light-3);
  7796. --el-link-disabled-text-color: var(--el-color-warning-light-5)
  7797. }
  7798. .el-link.el-link--warning:after {
  7799. border-color: var(--el-link-text-color)
  7800. }
  7801. .el-link.el-link--warning.is-underline:hover:after {
  7802. border-color: var(--el-link-text-color)
  7803. }
  7804. .el-link.el-link--danger {
  7805. --el-link-text-color: var(--el-color-danger);
  7806. --el-link-hover-text-color: var(--el-color-danger-light-3);
  7807. --el-link-disabled-text-color: var(--el-color-danger-light-5)
  7808. }
  7809. .el-link.el-link--danger:after {
  7810. border-color: var(--el-link-text-color)
  7811. }
  7812. .el-link.el-link--danger.is-underline:hover:after {
  7813. border-color: var(--el-link-text-color)
  7814. }
  7815. .el-link.el-link--error {
  7816. --el-link-text-color: var(--el-color-error);
  7817. --el-link-hover-text-color: var(--el-color-error-light-3);
  7818. --el-link-disabled-text-color: var(--el-color-error-light-5)
  7819. }
  7820. .el-link.el-link--error:after {
  7821. border-color: var(--el-link-text-color)
  7822. }
  7823. .el-link.el-link--error.is-underline:hover:after {
  7824. border-color: var(--el-link-text-color)
  7825. }
  7826. .el-link.el-link--info {
  7827. --el-link-text-color: var(--el-color-info);
  7828. --el-link-hover-text-color: var(--el-color-info-light-3);
  7829. --el-link-disabled-text-color: var(--el-color-info-light-5)
  7830. }
  7831. .el-link.el-link--info:after {
  7832. border-color: var(--el-link-text-color)
  7833. }
  7834. .el-link.el-link--info.is-underline:hover:after {
  7835. border-color: var(--el-link-text-color)
  7836. }
  7837. :root {
  7838. --el-loading-spinner-size: 42px;
  7839. --el-loading-fullscreen-spinner-size: 50px
  7840. }
  7841. .el-loading-parent--relative {
  7842. position: relative !important
  7843. }
  7844. .el-loading-parent--hidden {
  7845. overflow: hidden !important
  7846. }
  7847. .el-loading-mask {
  7848. position: absolute;
  7849. z-index: 2000;
  7850. background-color: var(--el-mask-color);
  7851. margin: 0;
  7852. top: 0;
  7853. right: 0;
  7854. bottom: 0;
  7855. left: 0;
  7856. transition: opacity var(--el-transition-duration)
  7857. }
  7858. .el-loading-mask.is-fullscreen {
  7859. position: fixed
  7860. }
  7861. .el-loading-mask.is-fullscreen .el-loading-spinner {
  7862. margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size))/ 2)
  7863. }
  7864. .el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  7865. height: var(--el-loading-fullscreen-spinner-size);
  7866. width: var(--el-loading-fullscreen-spinner-size)
  7867. }
  7868. .el-loading-spinner {
  7869. top: 50%;
  7870. margin-top: calc((0px - var(--el-loading-spinner-size))/ 2);
  7871. width: 100%;
  7872. text-align: center;
  7873. position: absolute
  7874. }
  7875. .el-loading-spinner .el-loading-text {
  7876. color: var(--el-color-primary);
  7877. margin: 3px 0;
  7878. font-size: 14px
  7879. }
  7880. .el-loading-spinner .circular {
  7881. display: inline;
  7882. height: var(--el-loading-spinner-size);
  7883. width: var(--el-loading-spinner-size);
  7884. -webkit-animation: loading-rotate 2s linear infinite;
  7885. animation: loading-rotate 2s linear infinite
  7886. }
  7887. .el-loading-spinner .path {
  7888. -webkit-animation: loading-dash 1.5s ease-in-out infinite;
  7889. animation: loading-dash 1.5s ease-in-out infinite;
  7890. stroke-dasharray: 90, 150;
  7891. stroke-dashoffset: 0;
  7892. stroke-width: 2;
  7893. stroke: var(--el-color-primary);
  7894. stroke-linecap: round
  7895. }
  7896. .el-loading-spinner i {
  7897. color: var(--el-color-primary)
  7898. }
  7899. .el-loading-fade-enter-from,
  7900. .el-loading-fade-leave-to {
  7901. opacity: 0
  7902. }
  7903. @-webkit-keyframes loading-rotate {
  7904. 100% {
  7905. transform: rotate(360deg)
  7906. }
  7907. }
  7908. @keyframes loading-rotate {
  7909. 100% {
  7910. transform: rotate(360deg)
  7911. }
  7912. }
  7913. @-webkit-keyframes loading-dash {
  7914. 0% {
  7915. stroke-dasharray: 1, 200;
  7916. stroke-dashoffset: 0
  7917. }
  7918. 50% {
  7919. stroke-dasharray: 90, 150;
  7920. stroke-dashoffset: -40px
  7921. }
  7922. 100% {
  7923. stroke-dasharray: 90, 150;
  7924. stroke-dashoffset: -120px
  7925. }
  7926. }
  7927. @keyframes loading-dash {
  7928. 0% {
  7929. stroke-dasharray: 1, 200;
  7930. stroke-dashoffset: 0
  7931. }
  7932. 50% {
  7933. stroke-dasharray: 90, 150;
  7934. stroke-dashoffset: -40px
  7935. }
  7936. 100% {
  7937. stroke-dasharray: 90, 150;
  7938. stroke-dashoffset: -120px
  7939. }
  7940. }
  7941. .el-main {
  7942. --el-main-padding: 20px;
  7943. display: block;
  7944. flex: 1;
  7945. flex-basis: auto;
  7946. overflow: auto;
  7947. box-sizing: border-box;
  7948. padding: var(--el-main-padding)
  7949. }
  7950. :root {
  7951. --el-menu-active-color: var(--el-color-primary);
  7952. --el-menu-text-color: var(--el-text-color-primary);
  7953. --el-menu-hover-text-color: var(--el-color-primary);
  7954. --el-menu-bg-color: var(--el-fill-color-blank);
  7955. --el-menu-hover-bg-color: var(--el-color-primary-light-9);
  7956. --el-menu-item-height: 56px;
  7957. --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
  7958. --el-menu-horizontal-height: 60px;
  7959. --el-menu-horizontal-sub-item-height: 36px;
  7960. --el-menu-item-font-size: var(--el-font-size-base);
  7961. --el-menu-item-hover-fill: var(--el-color-primary-light-9);
  7962. --el-menu-border-color: var(--el-border-color);
  7963. --el-menu-base-level-padding: 20px;
  7964. --el-menu-level-padding: 20px;
  7965. --el-menu-icon-width: 24px
  7966. }
  7967. .el-menu {
  7968. border-right: solid 1px var(--el-menu-border-color);
  7969. list-style: none;
  7970. position: relative;
  7971. margin: 0;
  7972. padding-left: 0;
  7973. background-color: var(--el-menu-bg-color);
  7974. box-sizing: border-box
  7975. }
  7976. .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,
  7977. .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,
  7978. .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title {
  7979. white-space: nowrap;
  7980. padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding))
  7981. }
  7982. .el-menu:not(.el-menu--collapse) .el-sub-menu__title {
  7983. padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))
  7984. }
  7985. .el-menu--horizontal {
  7986. display: flex;
  7987. flex-wrap: nowrap;
  7988. border-right: none;
  7989. height: var(--el-menu-horizontal-height)
  7990. }
  7991. .el-menu--horizontal.el-menu--popup-container {
  7992. height: unset
  7993. }
  7994. .el-menu--horizontal.el-menu {
  7995. border-bottom: solid 1px var(--el-menu-border-color)
  7996. }
  7997. .el-menu--horizontal>.el-menu-item {
  7998. display: inline-flex;
  7999. justify-content: center;
  8000. align-items: center;
  8001. height: 100%;
  8002. margin: 0;
  8003. border-bottom: 2px solid transparent;
  8004. color: var(--el-menu-text-color)
  8005. }
  8006. .el-menu--horizontal>.el-menu-item a,
  8007. .el-menu--horizontal>.el-menu-item a:hover {
  8008. color: inherit
  8009. }
  8010. .el-menu--horizontal>.el-sub-menu:focus,
  8011. .el-menu--horizontal>.el-sub-menu:hover {
  8012. outline: 0
  8013. }
  8014. .el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title {
  8015. color: var(--el-menu-hover-text-color)
  8016. }
  8017. .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title {
  8018. border-bottom: 2px solid var(--el-menu-active-color);
  8019. color: var(--el-menu-active-color)
  8020. }
  8021. .el-menu--horizontal>.el-sub-menu .el-sub-menu__title {
  8022. height: 100%;
  8023. border-bottom: 2px solid transparent;
  8024. color: var(--el-menu-text-color)
  8025. }
  8026. .el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
  8027. background-color: var(--el-menu-bg-color)
  8028. }
  8029. .el-menu--horizontal .el-menu .el-menu-item,
  8030. .el-menu--horizontal .el-menu .el-sub-menu__title {
  8031. background-color: var(--el-menu-bg-color);
  8032. display: flex;
  8033. align-items: center;
  8034. height: var(--el-menu-horizontal-sub-item-height);
  8035. line-height: var(--el-menu-horizontal-sub-item-height);
  8036. padding: 0 10px;
  8037. color: var(--el-menu-text-color)
  8038. }
  8039. .el-menu--horizontal .el-menu .el-sub-menu__title {
  8040. padding-right: 40px
  8041. }
  8042. .el-menu--horizontal .el-menu .el-menu-item.is-active,
  8043. .el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title {
  8044. color: var(--el-menu-active-color)
  8045. }
  8046. .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
  8047. .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  8048. outline: 0;
  8049. color: var(--el-menu-hover-text-color);
  8050. background-color: var(--el-menu-hover-bg-color)
  8051. }
  8052. .el-menu--horizontal>.el-menu-item.is-active {
  8053. border-bottom: 2px solid var(--el-menu-active-color);
  8054. color: var(--el-menu-active-color) !important
  8055. }
  8056. .el-menu--collapse {
  8057. width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2)
  8058. }
  8059. .el-menu--collapse>.el-menu-item [class^=el-icon],
  8060. .el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon],
  8061. .el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon] {
  8062. margin: 0;
  8063. vertical-align: middle;
  8064. width: var(--el-menu-icon-width);
  8065. text-align: center
  8066. }
  8067. .el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,
  8068. .el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,
  8069. .el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow {
  8070. display: none
  8071. }
  8072. .el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span,
  8073. .el-menu--collapse>.el-menu-item>span,
  8074. .el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span {
  8075. height: 0;
  8076. width: 0;
  8077. overflow: hidden;
  8078. visibility: hidden;
  8079. display: inline-block
  8080. }
  8081. .el-menu--collapse>.el-menu-item.is-active i {
  8082. color: inherit
  8083. }
  8084. .el-menu--collapse .el-menu .el-sub-menu {
  8085. min-width: 200px
  8086. }
  8087. .el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
  8088. color: var(--el-menu-active-color)
  8089. }
  8090. .el-menu--popup {
  8091. z-index: 100;
  8092. min-width: 200px;
  8093. border: none;
  8094. padding: 5px 0;
  8095. border-radius: var(--el-border-radius-small);
  8096. box-shadow: var(--el-box-shadow-light)
  8097. }
  8098. .el-menu .el-icon {
  8099. flex-shrink: 0
  8100. }
  8101. .el-menu-item {
  8102. display: flex;
  8103. align-items: center;
  8104. height: var(--el-menu-item-height);
  8105. line-height: var(--el-menu-item-height);
  8106. font-size: var(--el-menu-item-font-size);
  8107. color: var(--el-menu-text-color);
  8108. padding: 0 var(--el-menu-base-level-padding);
  8109. list-style: none;
  8110. cursor: pointer;
  8111. position: relative;
  8112. transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  8113. box-sizing: border-box;
  8114. white-space: nowrap
  8115. }
  8116. .el-menu-item * {
  8117. vertical-align: bottom
  8118. }
  8119. .el-menu-item i {
  8120. color: inherit
  8121. }
  8122. .el-menu-item:focus,
  8123. .el-menu-item:hover {
  8124. outline: 0
  8125. }
  8126. .el-menu-item:hover {
  8127. background-color: var(--el-menu-hover-bg-color)
  8128. }
  8129. .el-menu-item.is-disabled {
  8130. opacity: .25;
  8131. cursor: not-allowed;
  8132. background: 0 0 !important
  8133. }
  8134. .el-menu-item [class^=el-icon] {
  8135. margin-right: 5px;
  8136. width: var(--el-menu-icon-width);
  8137. text-align: center;
  8138. font-size: 18px;
  8139. vertical-align: middle
  8140. }
  8141. .el-menu-item.is-active {
  8142. color: var(--el-menu-active-color)
  8143. }
  8144. .el-menu-item.is-active i {
  8145. color: inherit
  8146. }
  8147. .el-menu-item .el-menu-tooltip__trigger {
  8148. position: absolute;
  8149. left: 0;
  8150. top: 0;
  8151. height: 100%;
  8152. width: 100%;
  8153. display: inline-flex;
  8154. align-items: center;
  8155. box-sizing: border-box;
  8156. padding: 0 var(--el-menu-base-level-padding)
  8157. }
  8158. .el-sub-menu {
  8159. list-style: none;
  8160. margin: 0;
  8161. padding-left: 0
  8162. }
  8163. .el-sub-menu__title {
  8164. display: flex;
  8165. align-items: center;
  8166. height: var(--el-menu-item-height);
  8167. line-height: var(--el-menu-item-height);
  8168. font-size: var(--el-menu-item-font-size);
  8169. color: var(--el-menu-text-color);
  8170. padding: 0 var(--el-menu-base-level-padding);
  8171. list-style: none;
  8172. cursor: pointer;
  8173. position: relative;
  8174. transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  8175. box-sizing: border-box;
  8176. white-space: nowrap
  8177. }
  8178. .el-sub-menu__title * {
  8179. vertical-align: bottom
  8180. }
  8181. .el-sub-menu__title i {
  8182. color: inherit
  8183. }
  8184. .el-sub-menu__title:focus,
  8185. .el-sub-menu__title:hover {
  8186. outline: 0
  8187. }
  8188. .el-sub-menu__title:hover {
  8189. background-color: var(--el-menu-hover-bg-color)
  8190. }
  8191. .el-sub-menu__title.is-disabled {
  8192. opacity: .25;
  8193. cursor: not-allowed;
  8194. background: 0 0 !important
  8195. }
  8196. .el-sub-menu__title:hover {
  8197. background-color: var(--el-menu-hover-bg-color)
  8198. }
  8199. .el-sub-menu .el-menu {
  8200. border: none
  8201. }
  8202. .el-sub-menu .el-menu-item {
  8203. height: var(--el-menu-sub-item-height);
  8204. line-height: var(--el-menu-sub-item-height)
  8205. }
  8206. .el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
  8207. display: none !important
  8208. }
  8209. .el-sub-menu.is-active .el-sub-menu__title {
  8210. border-bottom-color: var(--el-menu-active-color)
  8211. }
  8212. .el-sub-menu.is-disabled .el-menu-item,
  8213. .el-sub-menu.is-disabled .el-sub-menu__title {
  8214. opacity: .25;
  8215. cursor: not-allowed;
  8216. background: 0 0 !important
  8217. }
  8218. .el-sub-menu .el-icon {
  8219. vertical-align: middle;
  8220. margin-right: 5px;
  8221. width: var(--el-menu-icon-width);
  8222. text-align: center;
  8223. font-size: 18px
  8224. }
  8225. .el-sub-menu .el-icon.el-sub-menu__icon-more {
  8226. margin-right: 0 !important
  8227. }
  8228. .el-sub-menu .el-sub-menu__icon-arrow {
  8229. position: absolute;
  8230. top: 50%;
  8231. right: var(--el-menu-base-level-padding);
  8232. margin-top: -6px;
  8233. transition: transform var(--el-transition-duration);
  8234. font-size: 12px;
  8235. margin-right: 0;
  8236. width: inherit
  8237. }
  8238. .el-menu-item-group>ul {
  8239. padding: 0
  8240. }
  8241. .el-menu-item-group__title {
  8242. padding: 7px 0 7px var(--el-menu-base-level-padding);
  8243. line-height: normal;
  8244. font-size: 12px;
  8245. color: var(--el-text-color-secondary)
  8246. }
  8247. .horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
  8248. transition: var(--el-transition-duration-fast);
  8249. opacity: 0
  8250. }
  8251. .el-message-box {
  8252. --el-messagebox-title-color: var(--el-text-color-primary);
  8253. --el-messagebox-width: 420px;
  8254. --el-messagebox-border-radius: 4px;
  8255. --el-messagebox-box-shadow: var(--el-box-shadow);
  8256. --el-messagebox-font-size: var(--el-font-size-large);
  8257. --el-messagebox-content-font-size: var(--el-font-size-base);
  8258. --el-messagebox-content-color: var(--el-text-color-regular);
  8259. --el-messagebox-error-font-size: 12px;
  8260. --el-messagebox-padding-primary: 12px;
  8261. --el-messagebox-font-line-height: var(--el-font-line-height-primary)
  8262. }
  8263. .el-message-box {
  8264. display: inline-block;
  8265. position: relative;
  8266. max-width: var(--el-messagebox-width);
  8267. width: 100%;
  8268. padding: var(--el-messagebox-padding-primary);
  8269. vertical-align: middle;
  8270. background-color: var(--el-bg-color);
  8271. border-radius: var(--el-messagebox-border-radius);
  8272. font-size: var(--el-messagebox-font-size);
  8273. box-shadow: var(--el-messagebox-box-shadow);
  8274. text-align: left;
  8275. overflow: hidden;
  8276. -webkit-backface-visibility: hidden;
  8277. backface-visibility: hidden;
  8278. box-sizing: border-box;
  8279. overflow-wrap: break-word
  8280. }
  8281. .el-message-box:focus {
  8282. outline: 0 !important
  8283. }
  8284. .el-overlay.is-message-box .el-overlay-message-box {
  8285. text-align: center;
  8286. position: fixed;
  8287. top: 0;
  8288. right: 0;
  8289. bottom: 0;
  8290. left: 0;
  8291. padding: 16px;
  8292. overflow: auto
  8293. }
  8294. .el-overlay.is-message-box .el-overlay-message-box::after {
  8295. content: "";
  8296. display: inline-block;
  8297. height: 100%;
  8298. width: 0;
  8299. vertical-align: middle
  8300. }
  8301. .el-message-box.is-draggable .el-message-box__header {
  8302. cursor: move;
  8303. -webkit-user-select: none;
  8304. -moz-user-select: none;
  8305. -ms-user-select: none;
  8306. user-select: none
  8307. }
  8308. .el-message-box__header {
  8309. padding-bottom: var(--el-messagebox-padding-primary)
  8310. }
  8311. .el-message-box__header.show-close {
  8312. padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px))
  8313. }
  8314. .el-message-box__title {
  8315. font-size: var(--el-messagebox-font-size);
  8316. line-height: var(--el-messagebox-font-line-height);
  8317. color: var(--el-messagebox-title-color)
  8318. }
  8319. .el-message-box__headerbtn {
  8320. position: absolute;
  8321. top: 0;
  8322. right: 0;
  8323. padding: 0;
  8324. width: 40px;
  8325. height: 40px;
  8326. border: none;
  8327. outline: 0;
  8328. background: 0 0;
  8329. font-size: var(--el-message-close-size, 16px);
  8330. cursor: pointer
  8331. }
  8332. .el-message-box__headerbtn .el-message-box__close {
  8333. color: var(--el-color-info);
  8334. font-size: inherit
  8335. }
  8336. .el-message-box__headerbtn:focus .el-message-box__close,
  8337. .el-message-box__headerbtn:hover .el-message-box__close {
  8338. color: var(--el-color-primary)
  8339. }
  8340. .el-message-box__content {
  8341. color: var(--el-messagebox-content-color);
  8342. font-size: var(--el-messagebox-content-font-size)
  8343. }
  8344. .el-message-box__container {
  8345. display: flex;
  8346. align-items: center;
  8347. gap: 12px
  8348. }
  8349. .el-message-box__input {
  8350. padding-top: 12px
  8351. }
  8352. .el-message-box__input div.invalid>input {
  8353. border-color: var(--el-color-error)
  8354. }
  8355. .el-message-box__input div.invalid>input:focus {
  8356. border-color: var(--el-color-error)
  8357. }
  8358. .el-message-box__status {
  8359. font-size: 24px
  8360. }
  8361. .el-message-box__status.el-message-box-icon--success {
  8362. --el-messagebox-color: var(--el-color-success);
  8363. color: var(--el-messagebox-color)
  8364. }
  8365. .el-message-box__status.el-message-box-icon--info {
  8366. --el-messagebox-color: var(--el-color-info);
  8367. color: var(--el-messagebox-color)
  8368. }
  8369. .el-message-box__status.el-message-box-icon--warning {
  8370. --el-messagebox-color: var(--el-color-warning);
  8371. color: var(--el-messagebox-color)
  8372. }
  8373. .el-message-box__status.el-message-box-icon--error {
  8374. --el-messagebox-color: var(--el-color-error);
  8375. color: var(--el-messagebox-color)
  8376. }
  8377. .el-message-box__message {
  8378. margin: 0
  8379. }
  8380. .el-message-box__message p {
  8381. margin: 0;
  8382. line-height: var(--el-messagebox-font-line-height)
  8383. }
  8384. .el-message-box__errormsg {
  8385. color: var(--el-color-error);
  8386. font-size: var(--el-messagebox-error-font-size);
  8387. line-height: var(--el-messagebox-font-line-height)
  8388. }
  8389. .el-message-box__btns {
  8390. display: flex;
  8391. flex-wrap: wrap;
  8392. justify-content: flex-end;
  8393. align-items: center;
  8394. padding-top: var(--el-messagebox-padding-primary)
  8395. }
  8396. .el-message-box--center .el-message-box__title {
  8397. display: flex;
  8398. align-items: center;
  8399. justify-content: center;
  8400. gap: 6px
  8401. }
  8402. .el-message-box--center .el-message-box__status {
  8403. font-size: inherit
  8404. }
  8405. .el-message-box--center .el-message-box__btns {
  8406. justify-content: center
  8407. }
  8408. .el-message-box--center .el-message-box__container {
  8409. justify-content: center
  8410. }
  8411. .fade-in-linear-enter-active .el-overlay-message-box {
  8412. -webkit-animation: msgbox-fade-in var(--el-transition-duration);
  8413. animation: msgbox-fade-in var(--el-transition-duration)
  8414. }
  8415. .fade-in-linear-leave-active .el-overlay-message-box {
  8416. animation: msgbox-fade-in var(--el-transition-duration) reverse
  8417. }
  8418. @-webkit-keyframes msgbox-fade-in {
  8419. 0% {
  8420. transform: translate3d(0, -20px, 0);
  8421. opacity: 0
  8422. }
  8423. 100% {
  8424. transform: translate3d(0, 0, 0);
  8425. opacity: 1
  8426. }
  8427. }
  8428. @keyframes msgbox-fade-in {
  8429. 0% {
  8430. transform: translate3d(0, -20px, 0);
  8431. opacity: 0
  8432. }
  8433. 100% {
  8434. transform: translate3d(0, 0, 0);
  8435. opacity: 1
  8436. }
  8437. }
  8438. .el-message {
  8439. --el-message-bg-color: var(--el-color-info-light-9);
  8440. --el-message-border-color: var(--el-border-color-lighter);
  8441. --el-message-padding: 11px 15px;
  8442. --el-message-close-size: 16px;
  8443. --el-message-close-icon-color: var(--el-text-color-placeholder);
  8444. --el-message-close-hover-color: var(--el-text-color-secondary)
  8445. }
  8446. .el-message {
  8447. width: -webkit-fit-content;
  8448. width: -moz-fit-content;
  8449. width: fit-content;
  8450. max-width: calc(100% - 32px);
  8451. box-sizing: border-box;
  8452. border-radius: var(--el-border-radius-base);
  8453. border-width: var(--el-border-width);
  8454. border-style: var(--el-border-style);
  8455. border-color: var(--el-message-border-color);
  8456. position: fixed;
  8457. left: 50%;
  8458. top: 20px;
  8459. transform: translateX(-50%);
  8460. background-color: var(--el-message-bg-color);
  8461. transition: opacity var(--el-transition-duration), transform .4s, top .4s;
  8462. padding: var(--el-message-padding);
  8463. display: flex;
  8464. align-items: center;
  8465. gap: 8px
  8466. }
  8467. .el-message.is-center {
  8468. justify-content: center
  8469. }
  8470. .el-message p {
  8471. margin: 0
  8472. }
  8473. .el-message--success {
  8474. --el-message-bg-color: var(--el-color-success-light-9);
  8475. --el-message-border-color: var(--el-color-success-light-8);
  8476. --el-message-text-color: var(--el-color-success)
  8477. }
  8478. .el-message--success .el-message__content {
  8479. color: var(--el-message-text-color);
  8480. overflow-wrap: break-word
  8481. }
  8482. .el-message .el-message-icon--success {
  8483. color: var(--el-message-text-color)
  8484. }
  8485. .el-message--info {
  8486. --el-message-bg-color: var(--el-color-info-light-9);
  8487. --el-message-border-color: var(--el-color-info-light-8);
  8488. --el-message-text-color: var(--el-color-info)
  8489. }
  8490. .el-message--info .el-message__content {
  8491. color: var(--el-message-text-color);
  8492. overflow-wrap: break-word
  8493. }
  8494. .el-message .el-message-icon--info {
  8495. color: var(--el-message-text-color)
  8496. }
  8497. .el-message--warning {
  8498. --el-message-bg-color: var(--el-color-warning-light-9);
  8499. --el-message-border-color: var(--el-color-warning-light-8);
  8500. --el-message-text-color: var(--el-color-warning)
  8501. }
  8502. .el-message--warning .el-message__content {
  8503. color: var(--el-message-text-color);
  8504. overflow-wrap: break-word
  8505. }
  8506. .el-message .el-message-icon--warning {
  8507. color: var(--el-message-text-color)
  8508. }
  8509. .el-message--error {
  8510. --el-message-bg-color: var(--el-color-error-light-9);
  8511. --el-message-border-color: var(--el-color-error-light-8);
  8512. --el-message-text-color: var(--el-color-error)
  8513. }
  8514. .el-message--error .el-message__content {
  8515. color: var(--el-message-text-color);
  8516. overflow-wrap: break-word
  8517. }
  8518. .el-message .el-message-icon--error {
  8519. color: var(--el-message-text-color)
  8520. }
  8521. .el-message .el-message__badge {
  8522. position: absolute;
  8523. top: -8px;
  8524. right: -8px
  8525. }
  8526. .el-message__content {
  8527. padding: 0;
  8528. font-size: 14px;
  8529. line-height: 1
  8530. }
  8531. .el-message__content:focus {
  8532. outline-width: 0
  8533. }
  8534. .el-message .el-message__closeBtn {
  8535. cursor: pointer;
  8536. color: var(--el-message-close-icon-color);
  8537. font-size: var(--el-message-close-size)
  8538. }
  8539. .el-message .el-message__closeBtn:focus {
  8540. outline-width: 0
  8541. }
  8542. .el-message .el-message__closeBtn:hover {
  8543. color: var(--el-message-close-hover-color)
  8544. }
  8545. .el-message-fade-enter-from,
  8546. .el-message-fade-leave-to {
  8547. opacity: 0;
  8548. transform: translate(-50%, -100%)
  8549. }
  8550. .el-notification {
  8551. --el-notification-width: 330px;
  8552. --el-notification-padding: 14px 26px 14px 13px;
  8553. --el-notification-radius: 8px;
  8554. --el-notification-shadow: var(--el-box-shadow-light);
  8555. --el-notification-border-color: var(--el-border-color-lighter);
  8556. --el-notification-icon-size: 24px;
  8557. --el-notification-close-font-size: var(--el-message-close-size, 16px);
  8558. --el-notification-group-margin-left: 13px;
  8559. --el-notification-group-margin-right: 8px;
  8560. --el-notification-content-font-size: var(--el-font-size-base);
  8561. --el-notification-content-color: var(--el-text-color-regular);
  8562. --el-notification-title-font-size: 16px;
  8563. --el-notification-title-color: var(--el-text-color-primary);
  8564. --el-notification-close-color: var(--el-text-color-secondary);
  8565. --el-notification-close-hover-color: var(--el-text-color-regular)
  8566. }
  8567. .el-notification {
  8568. display: flex;
  8569. width: var(--el-notification-width);
  8570. padding: var(--el-notification-padding);
  8571. border-radius: var(--el-notification-radius);
  8572. box-sizing: border-box;
  8573. border: 1px solid var(--el-notification-border-color);
  8574. position: fixed;
  8575. background-color: var(--el-bg-color-overlay);
  8576. box-shadow: var(--el-notification-shadow);
  8577. transition: opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top .4s, bottom var(--el-transition-duration);
  8578. overflow-wrap: break-word;
  8579. overflow: hidden;
  8580. z-index: 9999
  8581. }
  8582. .el-notification.right {
  8583. right: 16px
  8584. }
  8585. .el-notification.left {
  8586. left: 16px
  8587. }
  8588. .el-notification__group {
  8589. margin-left: var(--el-notification-group-margin-left);
  8590. margin-right: var(--el-notification-group-margin-right)
  8591. }
  8592. .el-notification__title {
  8593. font-weight: 700;
  8594. font-size: var(--el-notification-title-font-size);
  8595. line-height: var(--el-notification-icon-size);
  8596. color: var(--el-notification-title-color);
  8597. margin: 0
  8598. }
  8599. .el-notification__content {
  8600. font-size: var(--el-notification-content-font-size);
  8601. line-height: 24px;
  8602. margin: 6px 0 0;
  8603. color: var(--el-notification-content-color)
  8604. }
  8605. .el-notification__content p {
  8606. margin: 0
  8607. }
  8608. .el-notification .el-notification__icon {
  8609. height: var(--el-notification-icon-size);
  8610. width: var(--el-notification-icon-size);
  8611. font-size: var(--el-notification-icon-size)
  8612. }
  8613. .el-notification .el-notification__closeBtn {
  8614. position: absolute;
  8615. top: 18px;
  8616. right: 15px;
  8617. cursor: pointer;
  8618. color: var(--el-notification-close-color);
  8619. font-size: var(--el-notification-close-font-size)
  8620. }
  8621. .el-notification .el-notification__closeBtn:hover {
  8622. color: var(--el-notification-close-hover-color)
  8623. }
  8624. .el-notification .el-notification--success {
  8625. --el-notification-icon-color: var(--el-color-success);
  8626. color: var(--el-notification-icon-color)
  8627. }
  8628. .el-notification .el-notification--info {
  8629. --el-notification-icon-color: var(--el-color-info);
  8630. color: var(--el-notification-icon-color)
  8631. }
  8632. .el-notification .el-notification--warning {
  8633. --el-notification-icon-color: var(--el-color-warning);
  8634. color: var(--el-notification-icon-color)
  8635. }
  8636. .el-notification .el-notification--error {
  8637. --el-notification-icon-color: var(--el-color-error);
  8638. color: var(--el-notification-icon-color)
  8639. }
  8640. .el-notification-fade-enter-from.right {
  8641. right: 0;
  8642. transform: translateX(100%)
  8643. }
  8644. .el-notification-fade-enter-from.left {
  8645. left: 0;
  8646. transform: translateX(-100%)
  8647. }
  8648. .el-notification-fade-leave-to {
  8649. opacity: 0
  8650. }
  8651. .el-overlay {
  8652. position: fixed;
  8653. top: 0;
  8654. right: 0;
  8655. bottom: 0;
  8656. left: 0;
  8657. z-index: 2000;
  8658. height: 100%;
  8659. background-color: var(--el-overlay-color-lighter);
  8660. overflow: auto
  8661. }
  8662. .el-overlay .el-overlay-root {
  8663. height: 0
  8664. }
  8665. .el-page-header.is-contentful .el-page-header__main {
  8666. border-top: 1px solid var(--el-border-color-light);
  8667. margin-top: 16px
  8668. }
  8669. .el-page-header__header {
  8670. display: flex;
  8671. align-items: center;
  8672. justify-content: space-between;
  8673. line-height: 24px
  8674. }
  8675. .el-page-header__left {
  8676. display: flex;
  8677. align-items: center;
  8678. margin-right: 40px;
  8679. position: relative
  8680. }
  8681. .el-page-header__back {
  8682. display: flex;
  8683. align-items: center;
  8684. cursor: pointer
  8685. }
  8686. .el-page-header__left .el-divider--vertical {
  8687. margin: 0 16px
  8688. }
  8689. .el-page-header__icon {
  8690. font-size: 16px;
  8691. margin-right: 10px;
  8692. display: flex;
  8693. align-items: center
  8694. }
  8695. .el-page-header__icon .el-icon {
  8696. font-size: inherit
  8697. }
  8698. .el-page-header__title {
  8699. font-size: 14px;
  8700. font-weight: 500
  8701. }
  8702. .el-page-header__content {
  8703. font-size: 18px;
  8704. color: var(--el-text-color-primary)
  8705. }
  8706. .el-page-header__breadcrumb {
  8707. margin-bottom: 16px
  8708. }
  8709. .el-pagination {
  8710. --el-pagination-font-size: 14px;
  8711. --el-pagination-bg-color: var(--el-fill-color-blank);
  8712. --el-pagination-text-color: var(--el-text-color-primary);
  8713. --el-pagination-border-radius: 2px;
  8714. --el-pagination-button-color: var(--el-text-color-primary);
  8715. --el-pagination-button-width: 32px;
  8716. --el-pagination-button-height: 32px;
  8717. --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
  8718. --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
  8719. --el-pagination-button-bg-color: var(--el-fill-color);
  8720. --el-pagination-hover-color: var(--el-color-primary);
  8721. --el-pagination-font-size-small: 12px;
  8722. --el-pagination-button-width-small: 24px;
  8723. --el-pagination-button-height-small: 24px;
  8724. --el-pagination-item-gap: 16px;
  8725. white-space: nowrap;
  8726. color: var(--el-pagination-text-color);
  8727. font-size: var(--el-pagination-font-size);
  8728. font-weight: 400;
  8729. display: flex;
  8730. align-items: center
  8731. }
  8732. .el-pagination .el-input__inner {
  8733. text-align: center;
  8734. -moz-appearance: textfield
  8735. }
  8736. .el-pagination .el-select {
  8737. width: 128px
  8738. }
  8739. .el-pagination button {
  8740. display: flex;
  8741. justify-content: center;
  8742. align-items: center;
  8743. font-size: var(--el-pagination-font-size);
  8744. min-width: var(--el-pagination-button-width);
  8745. height: var(--el-pagination-button-height);
  8746. line-height: var(--el-pagination-button-height);
  8747. color: var(--el-pagination-button-color);
  8748. background: var(--el-pagination-bg-color);
  8749. padding: 0 4px;
  8750. border: none;
  8751. border-radius: var(--el-pagination-border-radius);
  8752. cursor: pointer;
  8753. text-align: center;
  8754. box-sizing: border-box
  8755. }
  8756. .el-pagination button * {
  8757. pointer-events: none
  8758. }
  8759. .el-pagination button:focus {
  8760. outline: 0
  8761. }
  8762. .el-pagination button:hover {
  8763. color: var(--el-pagination-hover-color)
  8764. }
  8765. .el-pagination button.is-active {
  8766. color: var(--el-pagination-hover-color);
  8767. cursor: default;
  8768. font-weight: 700
  8769. }
  8770. .el-pagination button.is-active.is-disabled {
  8771. font-weight: 700;
  8772. color: var(--el-text-color-secondary)
  8773. }
  8774. .el-pagination button.is-disabled,
  8775. .el-pagination button:disabled {
  8776. color: var(--el-pagination-button-disabled-color);
  8777. background-color: var(--el-pagination-button-disabled-bg-color);
  8778. cursor: not-allowed
  8779. }
  8780. .el-pagination button:focus-visible {
  8781. outline: 1px solid var(--el-pagination-hover-color);
  8782. outline-offset: -1px
  8783. }
  8784. .el-pagination .btn-next .el-icon,
  8785. .el-pagination .btn-prev .el-icon {
  8786. display: block;
  8787. font-size: 12px;
  8788. font-weight: 700;
  8789. width: inherit
  8790. }
  8791. .el-pagination>.is-first {
  8792. margin-left: 0 !important
  8793. }
  8794. .el-pagination>.is-last {
  8795. margin-right: 0 !important
  8796. }
  8797. .el-pagination .btn-prev {
  8798. margin-left: var(--el-pagination-item-gap)
  8799. }
  8800. .el-pagination__sizes {
  8801. margin-left: var(--el-pagination-item-gap);
  8802. font-weight: 400;
  8803. color: var(--el-text-color-regular)
  8804. }
  8805. .el-pagination__total {
  8806. margin-left: var(--el-pagination-item-gap);
  8807. font-weight: 400;
  8808. color: var(--el-text-color-regular)
  8809. }
  8810. .el-pagination__total[disabled=true] {
  8811. color: var(--el-text-color-placeholder)
  8812. }
  8813. .el-pagination__jump {
  8814. display: flex;
  8815. align-items: center;
  8816. margin-left: var(--el-pagination-item-gap);
  8817. font-weight: 400;
  8818. color: var(--el-text-color-regular)
  8819. }
  8820. .el-pagination__jump[disabled=true] {
  8821. color: var(--el-text-color-placeholder)
  8822. }
  8823. .el-pagination__goto {
  8824. margin-right: 8px
  8825. }
  8826. .el-pagination__editor {
  8827. text-align: center;
  8828. box-sizing: border-box
  8829. }
  8830. .el-pagination__editor.el-input {
  8831. width: 56px
  8832. }
  8833. .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
  8834. .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  8835. -webkit-appearance: none;
  8836. margin: 0
  8837. }
  8838. .el-pagination__classifier {
  8839. margin-left: 8px
  8840. }
  8841. .el-pagination__rightwrapper {
  8842. flex: 1;
  8843. display: flex;
  8844. align-items: center;
  8845. justify-content: flex-end
  8846. }
  8847. .el-pagination.is-background .btn-next,
  8848. .el-pagination.is-background .btn-prev,
  8849. .el-pagination.is-background .el-pager li {
  8850. margin: 0 4px;
  8851. background-color: var(--el-pagination-button-bg-color)
  8852. }
  8853. .el-pagination.is-background .btn-next.is-active,
  8854. .el-pagination.is-background .btn-prev.is-active,
  8855. .el-pagination.is-background .el-pager li.is-active {
  8856. background-color: var(--el-color-primary);
  8857. color: var(--el-color-white)
  8858. }
  8859. .el-pagination.is-background .btn-next.is-disabled,
  8860. .el-pagination.is-background .btn-next:disabled,
  8861. .el-pagination.is-background .btn-prev.is-disabled,
  8862. .el-pagination.is-background .btn-prev:disabled,
  8863. .el-pagination.is-background .el-pager li.is-disabled,
  8864. .el-pagination.is-background .el-pager li:disabled {
  8865. color: var(--el-text-color-placeholder);
  8866. background-color: var(--el-disabled-bg-color)
  8867. }
  8868. .el-pagination.is-background .btn-next.is-disabled.is-active,
  8869. .el-pagination.is-background .btn-next:disabled.is-active,
  8870. .el-pagination.is-background .btn-prev.is-disabled.is-active,
  8871. .el-pagination.is-background .btn-prev:disabled.is-active,
  8872. .el-pagination.is-background .el-pager li.is-disabled.is-active,
  8873. .el-pagination.is-background .el-pager li:disabled.is-active {
  8874. color: var(--el-text-color-secondary);
  8875. background-color: var(--el-fill-color-dark)
  8876. }
  8877. .el-pagination.is-background .btn-prev {
  8878. margin-left: var(--el-pagination-item-gap)
  8879. }
  8880. .el-pagination--small .btn-next,
  8881. .el-pagination--small .btn-prev,
  8882. .el-pagination--small .el-pager li {
  8883. height: var(--el-pagination-button-height-small);
  8884. line-height: var(--el-pagination-button-height-small);
  8885. font-size: var(--el-pagination-font-size-small);
  8886. min-width: var(--el-pagination-button-width-small)
  8887. }
  8888. .el-pagination--small button,
  8889. .el-pagination--small span:not([class*=suffix]) {
  8890. font-size: var(--el-pagination-font-size-small)
  8891. }
  8892. .el-pagination--small .el-select {
  8893. width: 100px
  8894. }
  8895. .el-pager {
  8896. -webkit-user-select: none;
  8897. -moz-user-select: none;
  8898. -ms-user-select: none;
  8899. user-select: none;
  8900. list-style: none;
  8901. font-size: 0;
  8902. padding: 0;
  8903. margin: 0;
  8904. display: flex;
  8905. align-items: center
  8906. }
  8907. .el-pager li {
  8908. display: flex;
  8909. justify-content: center;
  8910. align-items: center;
  8911. font-size: var(--el-pagination-font-size);
  8912. min-width: var(--el-pagination-button-width);
  8913. height: var(--el-pagination-button-height);
  8914. line-height: var(--el-pagination-button-height);
  8915. color: var(--el-pagination-button-color);
  8916. background: var(--el-pagination-bg-color);
  8917. padding: 0 4px;
  8918. border: none;
  8919. border-radius: var(--el-pagination-border-radius);
  8920. cursor: pointer;
  8921. text-align: center;
  8922. box-sizing: border-box
  8923. }
  8924. .el-pager li * {
  8925. pointer-events: none
  8926. }
  8927. .el-pager li:focus {
  8928. outline: 0
  8929. }
  8930. .el-pager li:hover {
  8931. color: var(--el-pagination-hover-color)
  8932. }
  8933. .el-pager li.is-active {
  8934. color: var(--el-pagination-hover-color);
  8935. cursor: default;
  8936. font-weight: 700
  8937. }
  8938. .el-pager li.is-active.is-disabled {
  8939. font-weight: 700;
  8940. color: var(--el-text-color-secondary)
  8941. }
  8942. .el-pager li.is-disabled,
  8943. .el-pager li:disabled {
  8944. color: var(--el-pagination-button-disabled-color);
  8945. background-color: var(--el-pagination-button-disabled-bg-color);
  8946. cursor: not-allowed
  8947. }
  8948. .el-pager li:focus-visible {
  8949. outline: 1px solid var(--el-pagination-hover-color);
  8950. outline-offset: -1px
  8951. }
  8952. .el-popconfirm__main {
  8953. display: flex;
  8954. align-items: center
  8955. }
  8956. .el-popconfirm__icon {
  8957. margin-right: 5px
  8958. }
  8959. .el-popconfirm__action {
  8960. text-align: right;
  8961. margin-top: 8px
  8962. }
  8963. .el-popover {
  8964. --el-popover-bg-color: var(--el-bg-color-overlay);
  8965. --el-popover-font-size: var(--el-font-size-base);
  8966. --el-popover-border-color: var(--el-border-color-lighter);
  8967. --el-popover-padding: 12px;
  8968. --el-popover-padding-large: 18px 20px;
  8969. --el-popover-title-font-size: 16px;
  8970. --el-popover-title-text-color: var(--el-text-color-primary);
  8971. --el-popover-border-radius: 4px
  8972. }
  8973. .el-popover.el-popper {
  8974. background: var(--el-popover-bg-color);
  8975. min-width: 150px;
  8976. border-radius: var(--el-popover-border-radius);
  8977. border: 1px solid var(--el-popover-border-color);
  8978. padding: var(--el-popover-padding);
  8979. z-index: var(--el-index-popper);
  8980. color: var(--el-text-color-regular);
  8981. line-height: 1.4;
  8982. font-size: var(--el-popover-font-size);
  8983. box-shadow: var(--el-box-shadow-light);
  8984. overflow-wrap: break-word;
  8985. box-sizing: border-box
  8986. }
  8987. .el-popover.el-popper--plain {
  8988. padding: var(--el-popover-padding-large)
  8989. }
  8990. .el-popover__title {
  8991. color: var(--el-popover-title-text-color);
  8992. font-size: var(--el-popover-title-font-size);
  8993. line-height: 1;
  8994. margin-bottom: 12px
  8995. }
  8996. .el-popover__reference:focus:hover,
  8997. .el-popover__reference:focus:not(.focusing) {
  8998. outline-width: 0
  8999. }
  9000. .el-popover.el-popper.is-dark {
  9001. --el-popover-bg-color: var(--el-text-color-primary);
  9002. --el-popover-border-color: var(--el-text-color-primary);
  9003. --el-popover-title-text-color: var(--el-bg-color);
  9004. color: var(--el-bg-color)
  9005. }
  9006. .el-popover.el-popper:focus,
  9007. .el-popover.el-popper:focus:active {
  9008. outline-width: 0
  9009. }
  9010. .el-progress {
  9011. position: relative;
  9012. line-height: 1;
  9013. display: flex;
  9014. align-items: center
  9015. }
  9016. .el-progress__text {
  9017. font-size: 14px;
  9018. color: var(--el-text-color-regular);
  9019. margin-left: 5px;
  9020. min-width: 50px;
  9021. line-height: 1
  9022. }
  9023. .el-progress__text i {
  9024. vertical-align: middle;
  9025. display: block
  9026. }
  9027. .el-progress--circle,
  9028. .el-progress--dashboard {
  9029. display: inline-block
  9030. }
  9031. .el-progress--circle .el-progress__text,
  9032. .el-progress--dashboard .el-progress__text {
  9033. position: absolute;
  9034. top: 50%;
  9035. left: 0;
  9036. width: 100%;
  9037. text-align: center;
  9038. margin: 0;
  9039. transform: translate(0, -50%)
  9040. }
  9041. .el-progress--circle .el-progress__text i,
  9042. .el-progress--dashboard .el-progress__text i {
  9043. vertical-align: middle;
  9044. display: inline-block
  9045. }
  9046. .el-progress--without-text .el-progress__text {
  9047. display: none
  9048. }
  9049. .el-progress--without-text .el-progress-bar {
  9050. padding-right: 0;
  9051. margin-right: 0;
  9052. display: block
  9053. }
  9054. .el-progress--text-inside .el-progress-bar {
  9055. padding-right: 0;
  9056. margin-right: 0
  9057. }
  9058. .el-progress.is-success .el-progress-bar__inner {
  9059. background-color: var(--el-color-success)
  9060. }
  9061. .el-progress.is-success .el-progress__text {
  9062. color: var(--el-color-success)
  9063. }
  9064. .el-progress.is-warning .el-progress-bar__inner {
  9065. background-color: var(--el-color-warning)
  9066. }
  9067. .el-progress.is-warning .el-progress__text {
  9068. color: var(--el-color-warning)
  9069. }
  9070. .el-progress.is-exception .el-progress-bar__inner {
  9071. background-color: var(--el-color-danger)
  9072. }
  9073. .el-progress.is-exception .el-progress__text {
  9074. color: var(--el-color-danger)
  9075. }
  9076. .el-progress-bar {
  9077. flex-grow: 1;
  9078. box-sizing: border-box
  9079. }
  9080. .el-progress-bar__outer {
  9081. height: 6px;
  9082. border-radius: 100px;
  9083. background-color: var(--el-border-color-lighter);
  9084. overflow: hidden;
  9085. position: relative;
  9086. vertical-align: middle
  9087. }
  9088. .el-progress-bar__inner {
  9089. position: absolute;
  9090. left: 0;
  9091. top: 0;
  9092. height: 100%;
  9093. background-color: var(--el-color-primary);
  9094. text-align: right;
  9095. border-radius: 100px;
  9096. line-height: 1;
  9097. white-space: nowrap;
  9098. transition: width .6s ease
  9099. }
  9100. .el-progress-bar__inner::after {
  9101. display: inline-block;
  9102. content: "";
  9103. height: 100%;
  9104. vertical-align: middle
  9105. }
  9106. .el-progress-bar__inner--indeterminate {
  9107. transform: translateZ(0);
  9108. -webkit-animation: indeterminate 3s infinite;
  9109. animation: indeterminate 3s infinite
  9110. }
  9111. .el-progress-bar__inner--striped {
  9112. background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 75%, transparent 75%, transparent);
  9113. background-size: 1.25em 1.25em
  9114. }
  9115. .el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
  9116. -webkit-animation: striped-flow 3s linear infinite;
  9117. animation: striped-flow 3s linear infinite
  9118. }
  9119. .el-progress-bar__innerText {
  9120. display: inline-block;
  9121. vertical-align: middle;
  9122. color: #fff;
  9123. font-size: 12px;
  9124. margin: 0 5px
  9125. }
  9126. @-webkit-keyframes progress {
  9127. 0% {
  9128. background-position: 0 0
  9129. }
  9130. 100% {
  9131. background-position: 32px 0
  9132. }
  9133. }
  9134. @keyframes progress {
  9135. 0% {
  9136. background-position: 0 0
  9137. }
  9138. 100% {
  9139. background-position: 32px 0
  9140. }
  9141. }
  9142. @-webkit-keyframes indeterminate {
  9143. 0% {
  9144. left: -100%
  9145. }
  9146. 100% {
  9147. left: 100%
  9148. }
  9149. }
  9150. @keyframes indeterminate {
  9151. 0% {
  9152. left: -100%
  9153. }
  9154. 100% {
  9155. left: 100%
  9156. }
  9157. }
  9158. @-webkit-keyframes striped-flow {
  9159. 0% {
  9160. background-position: -100%
  9161. }
  9162. 100% {
  9163. background-position: 100%
  9164. }
  9165. }
  9166. @keyframes striped-flow {
  9167. 0% {
  9168. background-position: -100%
  9169. }
  9170. 100% {
  9171. background-position: 100%
  9172. }
  9173. }
  9174. .el-radio-button {
  9175. --el-radio-button-checked-bg-color: var(--el-color-primary);
  9176. --el-radio-button-checked-text-color: var(--el-color-white);
  9177. --el-radio-button-checked-border-color: var(--el-color-primary);
  9178. --el-radio-button-disabled-checked-fill: var(--el-border-color-extra-light)
  9179. }
  9180. .el-radio-button {
  9181. position: relative;
  9182. display: inline-block;
  9183. outline: 0
  9184. }
  9185. .el-radio-button__inner {
  9186. display: inline-block;
  9187. line-height: 1;
  9188. white-space: nowrap;
  9189. vertical-align: middle;
  9190. background: var(--el-button-bg-color, var(--el-fill-color-blank));
  9191. border: var(--el-border);
  9192. font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
  9193. border-left: 0;
  9194. color: var(--el-button-text-color, var(--el-text-color-regular));
  9195. -webkit-appearance: none;
  9196. text-align: center;
  9197. box-sizing: border-box;
  9198. outline: 0;
  9199. margin: 0;
  9200. position: relative;
  9201. cursor: pointer;
  9202. transition: var(--el-transition-all);
  9203. -webkit-user-select: none;
  9204. -moz-user-select: none;
  9205. -ms-user-select: none;
  9206. user-select: none;
  9207. padding: 8px 15px;
  9208. font-size: var(--el-font-size-base);
  9209. border-radius: 0
  9210. }
  9211. .el-radio-button__inner.is-round {
  9212. padding: 8px 15px
  9213. }
  9214. .el-radio-button__inner:hover {
  9215. color: var(--el-color-primary)
  9216. }
  9217. .el-radio-button__inner [class*=el-icon-] {
  9218. line-height: .9
  9219. }
  9220. .el-radio-button__inner [class*=el-icon-]+span {
  9221. margin-left: 5px
  9222. }
  9223. .el-radio-button:first-child .el-radio-button__inner {
  9224. border-left: var(--el-border);
  9225. border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
  9226. box-shadow: none !important
  9227. }
  9228. .el-radio-button__original-radio {
  9229. opacity: 0;
  9230. outline: 0;
  9231. position: absolute;
  9232. z-index: -1
  9233. }
  9234. .el-radio-button__original-radio:checked+.el-radio-button__inner {
  9235. color: var(--el-radio-button-checked-text-color, var(--el-color-white));
  9236. background-color: var(--el-radio-button-checked-bg-color, var(--el-color-primary));
  9237. border-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
  9238. box-shadow: -1px 0 0 0 var(--el-radio-button-checked-border-color, var(--el-color-primary))
  9239. }
  9240. .el-radio-button__original-radio:focus-visible+.el-radio-button__inner {
  9241. border-left: var(--el-border);
  9242. border-left-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
  9243. outline: 2px solid var(--el-radio-button-checked-border-color);
  9244. outline-offset: 1px;
  9245. z-index: 2;
  9246. border-radius: var(--el-border-radius-base);
  9247. box-shadow: none
  9248. }
  9249. .el-radio-button__original-radio:disabled+.el-radio-button__inner {
  9250. color: var(--el-disabled-text-color);
  9251. cursor: not-allowed;
  9252. background-image: none;
  9253. background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
  9254. border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
  9255. box-shadow: none
  9256. }
  9257. .el-radio-button__original-radio:disabled:checked+.el-radio-button__inner {
  9258. background-color: var(--el-radio-button-disabled-checked-fill)
  9259. }
  9260. .el-radio-button:last-child .el-radio-button__inner {
  9261. border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0
  9262. }
  9263. .el-radio-button:first-child:last-child .el-radio-button__inner {
  9264. border-radius: var(--el-border-radius-base)
  9265. }
  9266. .el-radio-button--large .el-radio-button__inner {
  9267. padding: 12px 19px;
  9268. font-size: var(--el-font-size-base);
  9269. border-radius: 0
  9270. }
  9271. .el-radio-button--large .el-radio-button__inner.is-round {
  9272. padding: 12px 19px
  9273. }
  9274. .el-radio-button--small .el-radio-button__inner {
  9275. padding: 5px 11px;
  9276. font-size: 12px;
  9277. border-radius: 0
  9278. }
  9279. .el-radio-button--small .el-radio-button__inner.is-round {
  9280. padding: 5px 11px
  9281. }
  9282. .el-radio-group {
  9283. display: inline-flex;
  9284. align-items: center;
  9285. flex-wrap: wrap;
  9286. font-size: 0
  9287. }
  9288. .el-radio {
  9289. --el-radio-font-size: var(--el-font-size-base);
  9290. --el-radio-text-color: var(--el-text-color-regular);
  9291. --el-radio-font-weight: var(--el-font-weight-primary);
  9292. --el-radio-input-height: 14px;
  9293. --el-radio-input-width: 14px;
  9294. --el-radio-input-border-radius: var(--el-border-radius-circle);
  9295. --el-radio-input-bg-color: var(--el-fill-color-blank);
  9296. --el-radio-input-border: var(--el-border);
  9297. --el-radio-input-border-color: var(--el-border-color);
  9298. --el-radio-input-border-color-hover: var(--el-color-primary)
  9299. }
  9300. .el-radio {
  9301. color: var(--el-radio-text-color);
  9302. font-weight: var(--el-radio-font-weight);
  9303. position: relative;
  9304. cursor: pointer;
  9305. display: inline-flex;
  9306. align-items: center;
  9307. white-space: nowrap;
  9308. outline: 0;
  9309. font-size: var(--el-font-size-base);
  9310. -webkit-user-select: none;
  9311. -moz-user-select: none;
  9312. -ms-user-select: none;
  9313. user-select: none;
  9314. margin-right: 32px;
  9315. height: 32px
  9316. }
  9317. .el-radio.el-radio--large {
  9318. height: 40px
  9319. }
  9320. .el-radio.el-radio--small {
  9321. height: 24px
  9322. }
  9323. .el-radio.is-bordered {
  9324. padding: 0 15px 0 9px;
  9325. border-radius: var(--el-border-radius-base);
  9326. border: var(--el-border);
  9327. box-sizing: border-box
  9328. }
  9329. .el-radio.is-bordered.is-checked {
  9330. border-color: var(--el-color-primary)
  9331. }
  9332. .el-radio.is-bordered.is-disabled {
  9333. cursor: not-allowed;
  9334. border-color: var(--el-border-color-lighter)
  9335. }
  9336. .el-radio.is-bordered.el-radio--large {
  9337. padding: 0 19px 0 11px;
  9338. border-radius: var(--el-border-radius-base)
  9339. }
  9340. .el-radio.is-bordered.el-radio--large .el-radio__label {
  9341. font-size: var(--el-font-size-base)
  9342. }
  9343. .el-radio.is-bordered.el-radio--large .el-radio__inner {
  9344. height: 14px;
  9345. width: 14px
  9346. }
  9347. .el-radio.is-bordered.el-radio--small {
  9348. padding: 0 11px 0 7px;
  9349. border-radius: var(--el-border-radius-base)
  9350. }
  9351. .el-radio.is-bordered.el-radio--small .el-radio__label {
  9352. font-size: 12px
  9353. }
  9354. .el-radio.is-bordered.el-radio--small .el-radio__inner {
  9355. height: 12px;
  9356. width: 12px
  9357. }
  9358. .el-radio:last-child {
  9359. margin-right: 0
  9360. }
  9361. .el-radio__input {
  9362. white-space: nowrap;
  9363. cursor: pointer;
  9364. outline: 0;
  9365. display: inline-flex;
  9366. position: relative;
  9367. vertical-align: middle
  9368. }
  9369. .el-radio__input.is-disabled .el-radio__inner {
  9370. background-color: var(--el-disabled-bg-color);
  9371. border-color: var(--el-disabled-border-color);
  9372. cursor: not-allowed
  9373. }
  9374. .el-radio__input.is-disabled .el-radio__inner::after {
  9375. cursor: not-allowed;
  9376. background-color: var(--el-disabled-bg-color)
  9377. }
  9378. .el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
  9379. cursor: not-allowed
  9380. }
  9381. .el-radio__input.is-disabled.is-checked .el-radio__inner {
  9382. background-color: var(--el-disabled-bg-color);
  9383. border-color: var(--el-disabled-border-color)
  9384. }
  9385. .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  9386. background-color: var(--el-text-color-placeholder)
  9387. }
  9388. .el-radio__input.is-disabled+span.el-radio__label {
  9389. color: var(--el-text-color-placeholder);
  9390. cursor: not-allowed
  9391. }
  9392. .el-radio__input.is-checked .el-radio__inner {
  9393. border-color: var(--el-color-primary);
  9394. background: var(--el-color-primary)
  9395. }
  9396. .el-radio__input.is-checked .el-radio__inner::after {
  9397. transform: translate(-50%, -50%) scale(1)
  9398. }
  9399. .el-radio__input.is-checked+.el-radio__label {
  9400. color: var(--el-color-primary)
  9401. }
  9402. .el-radio__input.is-focus .el-radio__inner {
  9403. border-color: var(--el-radio-input-border-color-hover)
  9404. }
  9405. .el-radio__inner {
  9406. border: var(--el-radio-input-border);
  9407. border-radius: var(--el-radio-input-border-radius);
  9408. width: var(--el-radio-input-width);
  9409. height: var(--el-radio-input-height);
  9410. background-color: var(--el-radio-input-bg-color);
  9411. position: relative;
  9412. cursor: pointer;
  9413. display: inline-block;
  9414. box-sizing: border-box
  9415. }
  9416. .el-radio__inner:hover {
  9417. border-color: var(--el-radio-input-border-color-hover)
  9418. }
  9419. .el-radio__inner::after {
  9420. width: 4px;
  9421. height: 4px;
  9422. border-radius: var(--el-radio-input-border-radius);
  9423. background-color: var(--el-color-white);
  9424. content: "";
  9425. position: absolute;
  9426. left: 50%;
  9427. top: 50%;
  9428. transform: translate(-50%, -50%) scale(0);
  9429. transition: transform .15s ease-in
  9430. }
  9431. .el-radio__original {
  9432. opacity: 0;
  9433. outline: 0;
  9434. position: absolute;
  9435. z-index: -1;
  9436. top: 0;
  9437. left: 0;
  9438. right: 0;
  9439. bottom: 0;
  9440. margin: 0
  9441. }
  9442. .el-radio__original:focus-visible+.el-radio__inner {
  9443. outline: 2px solid var(--el-radio-input-border-color-hover);
  9444. outline-offset: 1px;
  9445. border-radius: var(--el-radio-input-border-radius)
  9446. }
  9447. .el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  9448. box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover)
  9449. }
  9450. .el-radio__label {
  9451. font-size: var(--el-radio-font-size);
  9452. padding-left: 8px
  9453. }
  9454. .el-radio.el-radio--large .el-radio__label {
  9455. font-size: 14px
  9456. }
  9457. .el-radio.el-radio--large .el-radio__inner {
  9458. width: 14px;
  9459. height: 14px
  9460. }
  9461. .el-radio.el-radio--small .el-radio__label {
  9462. font-size: 12px
  9463. }
  9464. .el-radio.el-radio--small .el-radio__inner {
  9465. width: 12px;
  9466. height: 12px
  9467. }
  9468. .el-rate {
  9469. --el-rate-height: 20px;
  9470. --el-rate-font-size: var(--el-font-size-base);
  9471. --el-rate-icon-size: 18px;
  9472. --el-rate-icon-margin: 6px;
  9473. --el-rate-void-color: var(--el-border-color-darker);
  9474. --el-rate-fill-color: #f7ba2a;
  9475. --el-rate-disabled-void-color: var(--el-fill-color);
  9476. --el-rate-text-color: var(--el-text-color-primary)
  9477. }
  9478. .el-rate {
  9479. display: inline-flex;
  9480. align-items: center;
  9481. height: 32px
  9482. }
  9483. .el-rate:active,
  9484. .el-rate:focus {
  9485. outline: 0
  9486. }
  9487. .el-rate__item {
  9488. cursor: pointer;
  9489. display: inline-block;
  9490. position: relative;
  9491. font-size: 0;
  9492. vertical-align: middle;
  9493. color: var(--el-rate-void-color);
  9494. line-height: normal
  9495. }
  9496. .el-rate .el-rate__icon {
  9497. position: relative;
  9498. display: inline-block;
  9499. font-size: var(--el-rate-icon-size);
  9500. margin-right: var(--el-rate-icon-margin);
  9501. transition: var(--el-transition-duration)
  9502. }
  9503. .el-rate .el-rate__icon.hover {
  9504. transform: scale(1.15)
  9505. }
  9506. .el-rate .el-rate__icon .path2 {
  9507. position: absolute;
  9508. left: 0;
  9509. top: 0
  9510. }
  9511. .el-rate .el-rate__icon.is-active {
  9512. color: var(--el-rate-fill-color)
  9513. }
  9514. .el-rate__decimal {
  9515. position: absolute;
  9516. top: 0;
  9517. left: 0;
  9518. display: inline-block;
  9519. overflow: hidden;
  9520. color: var(--el-rate-fill-color)
  9521. }
  9522. .el-rate__decimal--box {
  9523. position: absolute;
  9524. top: 0;
  9525. left: 0
  9526. }
  9527. .el-rate__text {
  9528. font-size: var(--el-rate-font-size);
  9529. vertical-align: middle;
  9530. color: var(--el-rate-text-color)
  9531. }
  9532. .el-rate--large {
  9533. height: 40px
  9534. }
  9535. .el-rate--small {
  9536. height: 24px
  9537. }
  9538. .el-rate--small .el-rate__icon {
  9539. font-size: 14px
  9540. }
  9541. .el-rate.is-disabled .el-rate__item {
  9542. cursor: auto;
  9543. color: var(--el-rate-disabled-void-color)
  9544. }
  9545. .el-result {
  9546. --el-result-padding: 40px 30px;
  9547. --el-result-icon-font-size: 64px;
  9548. --el-result-title-font-size: 20px;
  9549. --el-result-title-margin-top: 20px;
  9550. --el-result-subtitle-margin-top: 10px;
  9551. --el-result-extra-margin-top: 30px
  9552. }
  9553. .el-result {
  9554. display: flex;
  9555. justify-content: center;
  9556. align-items: center;
  9557. flex-direction: column;
  9558. text-align: center;
  9559. box-sizing: border-box;
  9560. padding: var(--el-result-padding)
  9561. }
  9562. .el-result__icon svg {
  9563. width: var(--el-result-icon-font-size);
  9564. height: var(--el-result-icon-font-size)
  9565. }
  9566. .el-result__title {
  9567. margin-top: var(--el-result-title-margin-top)
  9568. }
  9569. .el-result__title p {
  9570. margin: 0;
  9571. font-size: var(--el-result-title-font-size);
  9572. color: var(--el-text-color-primary);
  9573. line-height: 1.3
  9574. }
  9575. .el-result__subtitle {
  9576. margin-top: var(--el-result-subtitle-margin-top)
  9577. }
  9578. .el-result__subtitle p {
  9579. margin: 0;
  9580. font-size: var(--el-font-size-base);
  9581. color: var(--el-text-color-regular);
  9582. line-height: 1.3
  9583. }
  9584. .el-result__extra {
  9585. margin-top: var(--el-result-extra-margin-top)
  9586. }
  9587. .el-result .icon-primary {
  9588. --el-result-color: var(--el-color-primary);
  9589. color: var(--el-result-color)
  9590. }
  9591. .el-result .icon-success {
  9592. --el-result-color: var(--el-color-success);
  9593. color: var(--el-result-color)
  9594. }
  9595. .el-result .icon-warning {
  9596. --el-result-color: var(--el-color-warning);
  9597. color: var(--el-result-color)
  9598. }
  9599. .el-result .icon-danger {
  9600. --el-result-color: var(--el-color-danger);
  9601. color: var(--el-result-color)
  9602. }
  9603. .el-result .icon-error {
  9604. --el-result-color: var(--el-color-error);
  9605. color: var(--el-result-color)
  9606. }
  9607. .el-result .icon-info {
  9608. --el-result-color: var(--el-color-info);
  9609. color: var(--el-result-color)
  9610. }
  9611. .el-row {
  9612. display: flex;
  9613. flex-wrap: wrap;
  9614. position: relative;
  9615. box-sizing: border-box
  9616. }
  9617. .el-row.is-justify-center {
  9618. justify-content: center
  9619. }
  9620. .el-row.is-justify-end {
  9621. justify-content: flex-end
  9622. }
  9623. .el-row.is-justify-space-between {
  9624. justify-content: space-between
  9625. }
  9626. .el-row.is-justify-space-around {
  9627. justify-content: space-around
  9628. }
  9629. .el-row.is-justify-space-evenly {
  9630. justify-content: space-evenly
  9631. }
  9632. .el-row.is-align-top {
  9633. align-items: flex-start
  9634. }
  9635. .el-row.is-align-middle {
  9636. align-items: center
  9637. }
  9638. .el-row.is-align-bottom {
  9639. align-items: flex-end
  9640. }
  9641. .el-scrollbar {
  9642. --el-scrollbar-opacity: 0.3;
  9643. --el-scrollbar-bg-color: var(--el-text-color-secondary);
  9644. --el-scrollbar-hover-opacity: 0.5;
  9645. --el-scrollbar-hover-bg-color: var(--el-text-color-secondary)
  9646. }
  9647. .el-scrollbar {
  9648. overflow: hidden;
  9649. position: relative;
  9650. height: 100%
  9651. }
  9652. .el-scrollbar__wrap {
  9653. overflow: auto;
  9654. height: 100%
  9655. }
  9656. .el-scrollbar__wrap--hidden-default {
  9657. scrollbar-width: none
  9658. }
  9659. .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  9660. display: none
  9661. }
  9662. .el-scrollbar__thumb {
  9663. position: relative;
  9664. display: block;
  9665. width: 0;
  9666. height: 0;
  9667. cursor: pointer;
  9668. border-radius: inherit;
  9669. background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
  9670. transition: var(--el-transition-duration) background-color;
  9671. opacity: var(--el-scrollbar-opacity, .3)
  9672. }
  9673. .el-scrollbar__thumb:hover {
  9674. background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
  9675. opacity: var(--el-scrollbar-hover-opacity, .5)
  9676. }
  9677. .el-scrollbar__bar {
  9678. position: absolute;
  9679. right: 2px;
  9680. bottom: 2px;
  9681. z-index: 1;
  9682. border-radius: 4px
  9683. }
  9684. .el-scrollbar__bar.is-vertical {
  9685. width: 6px;
  9686. top: 2px
  9687. }
  9688. .el-scrollbar__bar.is-vertical>div {
  9689. width: 100%
  9690. }
  9691. .el-scrollbar__bar.is-horizontal {
  9692. height: 6px;
  9693. left: 2px
  9694. }
  9695. .el-scrollbar__bar.is-horizontal>div {
  9696. height: 100%
  9697. }
  9698. .el-scrollbar-fade-enter-active {
  9699. transition: opacity 340ms ease-out
  9700. }
  9701. .el-scrollbar-fade-leave-active {
  9702. transition: opacity 120ms ease-out
  9703. }
  9704. .el-scrollbar-fade-enter-from,
  9705. .el-scrollbar-fade-leave-active {
  9706. opacity: 0
  9707. }
  9708. .el-select-dropdown {
  9709. z-index: calc(var(--el-index-top) + 1);
  9710. border-radius: var(--el-border-radius-base);
  9711. box-sizing: border-box
  9712. }
  9713. .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  9714. padding: 0
  9715. }
  9716. .el-select-dropdown__loading {
  9717. padding: 10px 0;
  9718. margin: 0;
  9719. text-align: center;
  9720. color: var(--el-text-color-secondary);
  9721. font-size: var(--el-select-font-size)
  9722. }
  9723. .el-select-dropdown__empty {
  9724. padding: 10px 0;
  9725. margin: 0;
  9726. text-align: center;
  9727. color: var(--el-text-color-secondary);
  9728. font-size: var(--el-select-font-size)
  9729. }
  9730. .el-select-dropdown__wrap {
  9731. max-height: 274px
  9732. }
  9733. .el-select-dropdown__list {
  9734. list-style: none;
  9735. padding: 6px 0;
  9736. margin: 0;
  9737. box-sizing: border-box
  9738. }
  9739. .el-select-dropdown__list.el-vl__window {
  9740. margin: 6px 0;
  9741. padding: 0
  9742. }
  9743. .el-select-dropdown__header {
  9744. padding: 10px;
  9745. border-bottom: 1px solid var(--el-border-color-light)
  9746. }
  9747. .el-select-dropdown__footer {
  9748. padding: 10px;
  9749. border-top: 1px solid var(--el-border-color-light)
  9750. }
  9751. .el-select-dropdown__item {
  9752. font-size: var(--el-font-size-base);
  9753. padding: 0 32px 0 20px;
  9754. position: relative;
  9755. white-space: nowrap;
  9756. overflow: hidden;
  9757. text-overflow: ellipsis;
  9758. color: var(--el-text-color-regular);
  9759. height: 34px;
  9760. line-height: 34px;
  9761. box-sizing: border-box;
  9762. cursor: pointer
  9763. }
  9764. .el-select-dropdown__item.is-hovering {
  9765. background-color: var(--el-fill-color-light)
  9766. }
  9767. .el-select-dropdown__item.is-selected {
  9768. color: var(--el-color-primary);
  9769. font-weight: 700
  9770. }
  9771. .el-select-dropdown__item.is-disabled {
  9772. color: var(--el-text-color-placeholder);
  9773. cursor: not-allowed;
  9774. background-color: unset
  9775. }
  9776. .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected::after {
  9777. content: "";
  9778. position: absolute;
  9779. top: 50%;
  9780. right: 20px;
  9781. border-top: none;
  9782. border-right: none;
  9783. background-repeat: no-repeat;
  9784. background-position: center;
  9785. background-color: var(--el-color-primary);
  9786. -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  9787. mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  9788. mask-size: 100% 100%;
  9789. -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  9790. -webkit-mask-size: 100% 100%;
  9791. transform: translateY(-50%);
  9792. width: 12px;
  9793. height: 12px
  9794. }
  9795. .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
  9796. background-color: var(--el-text-color-placeholder)
  9797. }
  9798. .el-select-group {
  9799. margin: 0;
  9800. padding: 0
  9801. }
  9802. .el-select-group__wrap {
  9803. position: relative;
  9804. list-style: none;
  9805. margin: 0;
  9806. padding: 0
  9807. }
  9808. .el-select-group__wrap:not(:last-of-type) {
  9809. padding-bottom: 24px
  9810. }
  9811. .el-select-group__wrap:not(:last-of-type)::after {
  9812. content: "";
  9813. position: absolute;
  9814. display: block;
  9815. left: 20px;
  9816. right: 20px;
  9817. bottom: 12px;
  9818. height: 1px;
  9819. background: var(--el-border-color-light)
  9820. }
  9821. .el-select-group__split-dash {
  9822. position: absolute;
  9823. left: 20px;
  9824. right: 20px;
  9825. height: 1px;
  9826. background: var(--el-border-color-light)
  9827. }
  9828. .el-select-group__title {
  9829. padding-left: 20px;
  9830. font-size: 12px;
  9831. color: var(--el-color-info);
  9832. line-height: 30px
  9833. }
  9834. .el-select-group .el-select-dropdown__item {
  9835. padding-left: 20px
  9836. }
  9837. .el-select {
  9838. --el-select-border-color-hover: var(--el-border-color-hover);
  9839. --el-select-disabled-color: var(--el-disabled-text-color);
  9840. --el-select-disabled-border: var(--el-disabled-border-color);
  9841. --el-select-font-size: var(--el-font-size-base);
  9842. --el-select-close-hover-color: var(--el-text-color-secondary);
  9843. --el-select-input-color: var(--el-text-color-placeholder);
  9844. --el-select-multiple-input-color: var(--el-text-color-regular);
  9845. --el-select-input-focus-border-color: var(--el-color-primary);
  9846. --el-select-input-font-size: 14px;
  9847. --el-select-width: 100%
  9848. }
  9849. .el-select {
  9850. display: inline-block;
  9851. position: relative;
  9852. vertical-align: middle;
  9853. width: var(--el-select-width)
  9854. }
  9855. .el-select__wrapper {
  9856. display: flex;
  9857. align-items: center;
  9858. position: relative;
  9859. box-sizing: border-box;
  9860. cursor: pointer;
  9861. text-align: left;
  9862. font-size: 14px;
  9863. padding: 4px 12px;
  9864. gap: 6px;
  9865. min-height: 32px;
  9866. line-height: 24px;
  9867. border-radius: var(--el-border-radius-base);
  9868. background-color: var(--el-fill-color-blank);
  9869. transition: var(--el-transition-duration);
  9870. box-shadow: 0 0 0 1px var(--el-border-color) inset
  9871. }
  9872. .el-select__wrapper:hover {
  9873. box-shadow: 0 0 0 1px var(--el-text-color) inset
  9874. }
  9875. .el-select__wrapper.is-filterable {
  9876. cursor: text
  9877. }
  9878. .el-select__wrapper.is-focused {
  9879. box-shadow: 0 0 0 1px var(--el-color-primary) inset
  9880. }
  9881. .el-select__wrapper.is-hovering:not(.is-focused) {
  9882. box-shadow: 0 0 0 1px var(--el-border-color-hover) inset
  9883. }
  9884. .el-select__wrapper.is-disabled {
  9885. cursor: not-allowed;
  9886. background-color: var(--el-fill-color-light);
  9887. color: var(--el-text-color-placeholder);
  9888. box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
  9889. }
  9890. .el-select__wrapper.is-disabled:hover {
  9891. box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
  9892. }
  9893. .el-select__wrapper.is-disabled.is-focus {
  9894. box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
  9895. }
  9896. .el-select__wrapper.is-disabled .el-select__selected-item {
  9897. color: var(--el-select-disabled-color)
  9898. }
  9899. .el-select__wrapper.is-disabled .el-select__caret {
  9900. cursor: not-allowed
  9901. }
  9902. .el-select__wrapper.is-disabled .el-tag {
  9903. cursor: not-allowed
  9904. }
  9905. .el-select__prefix {
  9906. display: flex;
  9907. align-items: center;
  9908. flex-shrink: 0;
  9909. gap: 6px;
  9910. color: var(--el-input-icon-color, var(--el-text-color-placeholder))
  9911. }
  9912. .el-select__suffix {
  9913. display: flex;
  9914. align-items: center;
  9915. flex-shrink: 0;
  9916. gap: 6px;
  9917. color: var(--el-input-icon-color, var(--el-text-color-placeholder))
  9918. }
  9919. .el-select__caret {
  9920. color: var(--el-select-input-color);
  9921. font-size: var(--el-select-input-font-size);
  9922. transition: var(--el-transition-duration);
  9923. transform: rotateZ(0);
  9924. cursor: pointer
  9925. }
  9926. .el-select__caret.is-reverse {
  9927. transform: rotateZ(180deg)
  9928. }
  9929. .el-select__selection {
  9930. position: relative;
  9931. display: flex;
  9932. flex-wrap: wrap;
  9933. align-items: center;
  9934. flex: 1;
  9935. min-width: 0;
  9936. gap: 6px
  9937. }
  9938. .el-select__selection.is-near {
  9939. margin-left: -8px
  9940. }
  9941. .el-select__selection .el-tag {
  9942. cursor: pointer;
  9943. border-color: transparent
  9944. }
  9945. .el-select__selection .el-tag .el-tag__content {
  9946. min-width: 0
  9947. }
  9948. .el-select__selected-item {
  9949. display: flex;
  9950. flex-wrap: wrap;
  9951. -webkit-user-select: none;
  9952. -moz-user-select: none;
  9953. -ms-user-select: none;
  9954. user-select: none
  9955. }
  9956. .el-select__tags-text {
  9957. display: block;
  9958. line-height: normal;
  9959. overflow: hidden;
  9960. text-overflow: ellipsis;
  9961. white-space: nowrap
  9962. }
  9963. .el-select__placeholder {
  9964. position: absolute;
  9965. display: block;
  9966. top: 50%;
  9967. transform: translateY(-50%);
  9968. width: 100%;
  9969. overflow: hidden;
  9970. text-overflow: ellipsis;
  9971. white-space: nowrap;
  9972. color: var(--el-input-text-color, var(--el-text-color-regular))
  9973. }
  9974. .el-select__placeholder.is-transparent {
  9975. -webkit-user-select: none;
  9976. -moz-user-select: none;
  9977. -ms-user-select: none;
  9978. user-select: none;
  9979. color: var(--el-text-color-placeholder)
  9980. }
  9981. .el-select__popper.el-popper {
  9982. background: var(--el-bg-color-overlay);
  9983. border: 1px solid var(--el-border-color-light);
  9984. box-shadow: var(--el-box-shadow-light)
  9985. }
  9986. .el-select__popper.el-popper .el-popper__arrow::before {
  9987. border: 1px solid var(--el-border-color-light)
  9988. }
  9989. .el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  9990. border-top-color: transparent;
  9991. border-left-color: transparent
  9992. }
  9993. .el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  9994. border-bottom-color: transparent;
  9995. border-right-color: transparent
  9996. }
  9997. .el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  9998. border-left-color: transparent;
  9999. border-bottom-color: transparent
  10000. }
  10001. .el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  10002. border-right-color: transparent;
  10003. border-top-color: transparent
  10004. }
  10005. .el-select__input-wrapper {
  10006. max-width: 100%
  10007. }
  10008. .el-select__input-wrapper.is-hidden {
  10009. position: absolute;
  10010. opacity: 0
  10011. }
  10012. .el-select__input {
  10013. border: none;
  10014. outline: 0;
  10015. padding: 0;
  10016. color: var(--el-select-multiple-input-color);
  10017. font-size: inherit;
  10018. font-family: inherit;
  10019. -webkit-appearance: none;
  10020. -moz-appearance: none;
  10021. appearance: none;
  10022. height: 24px;
  10023. max-width: 100%;
  10024. background-color: transparent
  10025. }
  10026. .el-select__input.is-disabled {
  10027. cursor: not-allowed
  10028. }
  10029. .el-select__input-calculator {
  10030. position: absolute;
  10031. left: 0;
  10032. top: 0;
  10033. max-width: 100%;
  10034. visibility: hidden;
  10035. white-space: pre;
  10036. overflow: hidden
  10037. }
  10038. .el-select--large .el-select__wrapper {
  10039. gap: 6px;
  10040. padding: 8px 16px;
  10041. min-height: 40px;
  10042. line-height: 24px;
  10043. font-size: 14px
  10044. }
  10045. .el-select--large .el-select__selection {
  10046. gap: 6px
  10047. }
  10048. .el-select--large .el-select__selection.is-near {
  10049. margin-left: -8px
  10050. }
  10051. .el-select--large .el-select__prefix {
  10052. gap: 6px
  10053. }
  10054. .el-select--large .el-select__suffix {
  10055. gap: 6px
  10056. }
  10057. .el-select--large .el-select__input {
  10058. height: 24px
  10059. }
  10060. .el-select--small .el-select__wrapper {
  10061. gap: 4px;
  10062. padding: 2px 8px;
  10063. min-height: 24px;
  10064. line-height: 20px;
  10065. font-size: 12px
  10066. }
  10067. .el-select--small .el-select__selection {
  10068. gap: 4px
  10069. }
  10070. .el-select--small .el-select__selection.is-near {
  10071. margin-left: -6px
  10072. }
  10073. .el-select--small .el-select__prefix {
  10074. gap: 4px
  10075. }
  10076. .el-select--small .el-select__suffix {
  10077. gap: 4px
  10078. }
  10079. .el-select--small .el-select__input {
  10080. height: 20px
  10081. }
  10082. .el-skeleton {
  10083. --el-skeleton-circle-size: var(--el-avatar-size)
  10084. }
  10085. .el-skeleton__item {
  10086. background: var(--el-skeleton-color);
  10087. display: inline-block;
  10088. height: 16px;
  10089. border-radius: var(--el-border-radius-base);
  10090. width: 100%
  10091. }
  10092. .el-skeleton__circle {
  10093. border-radius: 50%;
  10094. width: var(--el-skeleton-circle-size);
  10095. height: var(--el-skeleton-circle-size);
  10096. line-height: var(--el-skeleton-circle-size)
  10097. }
  10098. .el-skeleton__button {
  10099. height: 40px;
  10100. width: 64px;
  10101. border-radius: 4px
  10102. }
  10103. .el-skeleton__p {
  10104. width: 100%
  10105. }
  10106. .el-skeleton__p.is-last {
  10107. width: 61%
  10108. }
  10109. .el-skeleton__p.is-first {
  10110. width: 33%
  10111. }
  10112. .el-skeleton__text {
  10113. width: 100%;
  10114. height: var(--el-font-size-small)
  10115. }
  10116. .el-skeleton__caption {
  10117. height: var(--el-font-size-extra-small)
  10118. }
  10119. .el-skeleton__h1 {
  10120. height: var(--el-font-size-extra-large)
  10121. }
  10122. .el-skeleton__h3 {
  10123. height: var(--el-font-size-large)
  10124. }
  10125. .el-skeleton__h5 {
  10126. height: var(--el-font-size-medium)
  10127. }
  10128. .el-skeleton__image {
  10129. width: unset;
  10130. display: flex;
  10131. align-items: center;
  10132. justify-content: center;
  10133. border-radius: 0
  10134. }
  10135. .el-skeleton__image svg {
  10136. color: var(--el-svg-monochrome-grey);
  10137. fill: currentColor;
  10138. width: 22%;
  10139. height: 22%
  10140. }
  10141. .el-skeleton {
  10142. --el-skeleton-color: var(--el-fill-color);
  10143. --el-skeleton-to-color: var(--el-fill-color-darker)
  10144. }
  10145. @-webkit-keyframes el-skeleton-loading {
  10146. 0% {
  10147. background-position: 100% 50%
  10148. }
  10149. 100% {
  10150. background-position: 0 50%
  10151. }
  10152. }
  10153. @keyframes el-skeleton-loading {
  10154. 0% {
  10155. background-position: 100% 50%
  10156. }
  10157. 100% {
  10158. background-position: 0 50%
  10159. }
  10160. }
  10161. .el-skeleton {
  10162. width: 100%
  10163. }
  10164. .el-skeleton__first-line {
  10165. height: 16px;
  10166. margin-top: 16px;
  10167. background: var(--el-skeleton-color)
  10168. }
  10169. .el-skeleton__paragraph {
  10170. height: 16px;
  10171. margin-top: 16px;
  10172. background: var(--el-skeleton-color)
  10173. }
  10174. .el-skeleton.is-animated .el-skeleton__item {
  10175. background: linear-gradient(90deg, var(--el-skeleton-color) 25%, var(--el-skeleton-to-color) 37%, var(--el-skeleton-color) 63%);
  10176. background-size: 400% 100%;
  10177. -webkit-animation: el-skeleton-loading 1.4s ease infinite;
  10178. animation: el-skeleton-loading 1.4s ease infinite
  10179. }
  10180. .el-slider {
  10181. --el-slider-main-bg-color: var(--el-color-primary);
  10182. --el-slider-runway-bg-color: var(--el-border-color-light);
  10183. --el-slider-stop-bg-color: var(--el-color-white);
  10184. --el-slider-disabled-color: var(--el-text-color-placeholder);
  10185. --el-slider-border-radius: 3px;
  10186. --el-slider-height: 6px;
  10187. --el-slider-button-size: 20px;
  10188. --el-slider-button-wrapper-size: 36px;
  10189. --el-slider-button-wrapper-offset: -15px
  10190. }
  10191. .el-slider {
  10192. width: 100%;
  10193. height: 32px;
  10194. display: flex;
  10195. align-items: center
  10196. }
  10197. .el-slider__runway {
  10198. flex: 1;
  10199. height: var(--el-slider-height);
  10200. background-color: var(--el-slider-runway-bg-color);
  10201. border-radius: var(--el-slider-border-radius);
  10202. position: relative;
  10203. cursor: pointer
  10204. }
  10205. .el-slider__runway.show-input {
  10206. margin-right: 30px;
  10207. width: auto
  10208. }
  10209. .el-slider__runway.is-disabled {
  10210. cursor: default
  10211. }
  10212. .el-slider__runway.is-disabled .el-slider__bar {
  10213. background-color: var(--el-slider-disabled-color)
  10214. }
  10215. .el-slider__runway.is-disabled .el-slider__button {
  10216. border-color: var(--el-slider-disabled-color)
  10217. }
  10218. .el-slider__runway.is-disabled .el-slider__button-wrapper.hover,
  10219. .el-slider__runway.is-disabled .el-slider__button-wrapper:hover {
  10220. cursor: not-allowed
  10221. }
  10222. .el-slider__runway.is-disabled .el-slider__button-wrapper.dragging {
  10223. cursor: not-allowed
  10224. }
  10225. .el-slider__runway.is-disabled .el-slider__button.dragging,
  10226. .el-slider__runway.is-disabled .el-slider__button.hover,
  10227. .el-slider__runway.is-disabled .el-slider__button:hover {
  10228. transform: scale(1)
  10229. }
  10230. .el-slider__runway.is-disabled .el-slider__button.hover,
  10231. .el-slider__runway.is-disabled .el-slider__button:hover {
  10232. cursor: not-allowed
  10233. }
  10234. .el-slider__runway.is-disabled .el-slider__button.dragging {
  10235. cursor: not-allowed
  10236. }
  10237. .el-slider__input {
  10238. flex-shrink: 0;
  10239. width: 130px
  10240. }
  10241. .el-slider__bar {
  10242. height: var(--el-slider-height);
  10243. background-color: var(--el-slider-main-bg-color);
  10244. border-top-left-radius: var(--el-slider-border-radius);
  10245. border-bottom-left-radius: var(--el-slider-border-radius);
  10246. position: absolute
  10247. }
  10248. .el-slider__button-wrapper {
  10249. height: var(--el-slider-button-wrapper-size);
  10250. width: var(--el-slider-button-wrapper-size);
  10251. position: absolute;
  10252. z-index: 1;
  10253. top: var(--el-slider-button-wrapper-offset);
  10254. transform: translateX(-50%);
  10255. background-color: transparent;
  10256. text-align: center;
  10257. -webkit-user-select: none;
  10258. -moz-user-select: none;
  10259. -ms-user-select: none;
  10260. user-select: none;
  10261. line-height: normal;
  10262. outline: 0
  10263. }
  10264. .el-slider__button-wrapper::after {
  10265. display: inline-block;
  10266. content: "";
  10267. height: 100%;
  10268. vertical-align: middle
  10269. }
  10270. .el-slider__button-wrapper.hover,
  10271. .el-slider__button-wrapper:hover {
  10272. cursor: -webkit-grab;
  10273. cursor: grab
  10274. }
  10275. .el-slider__button-wrapper.dragging {
  10276. cursor: -webkit-grabbing;
  10277. cursor: grabbing
  10278. }
  10279. .el-slider__button {
  10280. display: inline-block;
  10281. width: var(--el-slider-button-size);
  10282. height: var(--el-slider-button-size);
  10283. vertical-align: middle;
  10284. border: solid 2px var(--el-slider-main-bg-color);
  10285. background-color: var(--el-color-white);
  10286. border-radius: 50%;
  10287. box-sizing: border-box;
  10288. transition: var(--el-transition-duration-fast);
  10289. -webkit-user-select: none;
  10290. -moz-user-select: none;
  10291. -ms-user-select: none;
  10292. user-select: none
  10293. }
  10294. .el-slider__button.dragging,
  10295. .el-slider__button.hover,
  10296. .el-slider__button:hover {
  10297. transform: scale(1.2)
  10298. }
  10299. .el-slider__button.hover,
  10300. .el-slider__button:hover {
  10301. cursor: -webkit-grab;
  10302. cursor: grab
  10303. }
  10304. .el-slider__button.dragging {
  10305. cursor: -webkit-grabbing;
  10306. cursor: grabbing
  10307. }
  10308. .el-slider__stop {
  10309. position: absolute;
  10310. height: var(--el-slider-height);
  10311. width: var(--el-slider-height);
  10312. border-radius: var(--el-border-radius-circle);
  10313. background-color: var(--el-slider-stop-bg-color);
  10314. transform: translateX(-50%)
  10315. }
  10316. .el-slider__marks {
  10317. top: 0;
  10318. left: 12px;
  10319. width: 18px;
  10320. height: 100%
  10321. }
  10322. .el-slider__marks-text {
  10323. position: absolute;
  10324. transform: translateX(-50%);
  10325. font-size: 14px;
  10326. color: var(--el-color-info);
  10327. margin-top: 15px;
  10328. white-space: pre
  10329. }
  10330. .el-slider.is-vertical {
  10331. position: relative;
  10332. display: inline-flex;
  10333. width: auto;
  10334. height: 100%;
  10335. flex: 0
  10336. }
  10337. .el-slider.is-vertical .el-slider__runway {
  10338. width: var(--el-slider-height);
  10339. height: 100%;
  10340. margin: 0 16px
  10341. }
  10342. .el-slider.is-vertical .el-slider__bar {
  10343. width: var(--el-slider-height);
  10344. height: auto;
  10345. border-radius: 0 0 3px 3px
  10346. }
  10347. .el-slider.is-vertical .el-slider__button-wrapper {
  10348. top: auto;
  10349. left: var(--el-slider-button-wrapper-offset);
  10350. transform: translateY(50%)
  10351. }
  10352. .el-slider.is-vertical .el-slider__stop {
  10353. transform: translateY(50%)
  10354. }
  10355. .el-slider.is-vertical .el-slider__marks-text {
  10356. margin-top: 0;
  10357. left: 15px;
  10358. transform: translateY(50%)
  10359. }
  10360. .el-slider--large {
  10361. height: 40px
  10362. }
  10363. .el-slider--small {
  10364. height: 24px
  10365. }
  10366. .el-space {
  10367. display: inline-flex;
  10368. vertical-align: top
  10369. }
  10370. .el-space__item {
  10371. display: flex;
  10372. flex-wrap: wrap
  10373. }
  10374. .el-space__item>* {
  10375. flex: 1
  10376. }
  10377. .el-space--vertical {
  10378. flex-direction: column
  10379. }
  10380. .el-time-spinner {
  10381. width: 100%;
  10382. white-space: nowrap
  10383. }
  10384. .el-spinner {
  10385. display: inline-block;
  10386. vertical-align: middle
  10387. }
  10388. .el-spinner-inner {
  10389. -webkit-animation: rotate 2s linear infinite;
  10390. animation: rotate 2s linear infinite;
  10391. width: 50px;
  10392. height: 50px
  10393. }
  10394. .el-spinner-inner .path {
  10395. stroke: var(--el-border-color-lighter);
  10396. stroke-linecap: round;
  10397. -webkit-animation: dash 1.5s ease-in-out infinite;
  10398. animation: dash 1.5s ease-in-out infinite
  10399. }
  10400. @-webkit-keyframes rotate {
  10401. 100% {
  10402. transform: rotate(360deg)
  10403. }
  10404. }
  10405. @keyframes rotate {
  10406. 100% {
  10407. transform: rotate(360deg)
  10408. }
  10409. }
  10410. @-webkit-keyframes dash {
  10411. 0% {
  10412. stroke-dasharray: 1, 150;
  10413. stroke-dashoffset: 0
  10414. }
  10415. 50% {
  10416. stroke-dasharray: 90, 150;
  10417. stroke-dashoffset: -35
  10418. }
  10419. 100% {
  10420. stroke-dasharray: 90, 150;
  10421. stroke-dashoffset: -124
  10422. }
  10423. }
  10424. @keyframes dash {
  10425. 0% {
  10426. stroke-dasharray: 1, 150;
  10427. stroke-dashoffset: 0
  10428. }
  10429. 50% {
  10430. stroke-dasharray: 90, 150;
  10431. stroke-dashoffset: -35
  10432. }
  10433. 100% {
  10434. stroke-dasharray: 90, 150;
  10435. stroke-dashoffset: -124
  10436. }
  10437. }
  10438. .el-step {
  10439. position: relative;
  10440. flex-shrink: 1
  10441. }
  10442. .el-step:last-of-type .el-step__line {
  10443. display: none
  10444. }
  10445. .el-step:last-of-type.is-flex {
  10446. flex-basis: auto !important;
  10447. flex-shrink: 0;
  10448. flex-grow: 0
  10449. }
  10450. .el-step:last-of-type .el-step__description,
  10451. .el-step:last-of-type .el-step__main {
  10452. padding-right: 0
  10453. }
  10454. .el-step__head {
  10455. position: relative;
  10456. width: 100%
  10457. }
  10458. .el-step__head.is-process {
  10459. color: var(--el-text-color-primary);
  10460. border-color: var(--el-text-color-primary)
  10461. }
  10462. .el-step__head.is-wait {
  10463. color: var(--el-text-color-placeholder);
  10464. border-color: var(--el-text-color-placeholder)
  10465. }
  10466. .el-step__head.is-success {
  10467. color: var(--el-color-success);
  10468. border-color: var(--el-color-success)
  10469. }
  10470. .el-step__head.is-error {
  10471. color: var(--el-color-danger);
  10472. border-color: var(--el-color-danger)
  10473. }
  10474. .el-step__head.is-finish {
  10475. color: var(--el-color-primary);
  10476. border-color: var(--el-color-primary)
  10477. }
  10478. .el-step__icon {
  10479. position: relative;
  10480. z-index: 1;
  10481. display: inline-flex;
  10482. justify-content: center;
  10483. align-items: center;
  10484. width: 24px;
  10485. height: 24px;
  10486. font-size: 14px;
  10487. box-sizing: border-box;
  10488. background: var(--el-bg-color);
  10489. transition: .15s ease-out
  10490. }
  10491. .el-step__icon.is-text {
  10492. border-radius: 50%;
  10493. border: 2px solid;
  10494. border-color: inherit
  10495. }
  10496. .el-step__icon.is-icon {
  10497. width: 40px
  10498. }
  10499. .el-step__icon-inner {
  10500. display: inline-block;
  10501. -webkit-user-select: none;
  10502. -moz-user-select: none;
  10503. -ms-user-select: none;
  10504. user-select: none;
  10505. text-align: center;
  10506. font-weight: 700;
  10507. line-height: 1;
  10508. color: inherit
  10509. }
  10510. .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  10511. font-size: 25px;
  10512. font-weight: 400
  10513. }
  10514. .el-step__icon-inner.is-status {
  10515. transform: translateY(1px)
  10516. }
  10517. .el-step__line {
  10518. position: absolute;
  10519. border-color: inherit;
  10520. background-color: var(--el-text-color-placeholder)
  10521. }
  10522. .el-step__line-inner {
  10523. display: block;
  10524. border-width: 1px;
  10525. border-style: solid;
  10526. border-color: inherit;
  10527. transition: .15s ease-out;
  10528. box-sizing: border-box;
  10529. width: 0;
  10530. height: 0
  10531. }
  10532. .el-step__main {
  10533. white-space: normal;
  10534. text-align: left
  10535. }
  10536. .el-step__title {
  10537. font-size: 16px;
  10538. line-height: 38px
  10539. }
  10540. .el-step__title.is-process {
  10541. font-weight: 700;
  10542. color: var(--el-text-color-primary)
  10543. }
  10544. .el-step__title.is-wait {
  10545. color: var(--el-text-color-placeholder)
  10546. }
  10547. .el-step__title.is-success {
  10548. color: var(--el-color-success)
  10549. }
  10550. .el-step__title.is-error {
  10551. color: var(--el-color-danger)
  10552. }
  10553. .el-step__title.is-finish {
  10554. color: var(--el-color-primary)
  10555. }
  10556. .el-step__description {
  10557. padding-right: 10%;
  10558. margin-top: -5px;
  10559. font-size: 12px;
  10560. line-height: 20px;
  10561. font-weight: 400
  10562. }
  10563. .el-step__description.is-process {
  10564. color: var(--el-text-color-primary)
  10565. }
  10566. .el-step__description.is-wait {
  10567. color: var(--el-text-color-placeholder)
  10568. }
  10569. .el-step__description.is-success {
  10570. color: var(--el-color-success)
  10571. }
  10572. .el-step__description.is-error {
  10573. color: var(--el-color-danger)
  10574. }
  10575. .el-step__description.is-finish {
  10576. color: var(--el-color-primary)
  10577. }
  10578. .el-step.is-horizontal {
  10579. display: inline-block
  10580. }
  10581. .el-step.is-horizontal .el-step__line {
  10582. height: 2px;
  10583. top: 11px;
  10584. left: 0;
  10585. right: 0
  10586. }
  10587. .el-step.is-vertical {
  10588. display: flex
  10589. }
  10590. .el-step.is-vertical .el-step__head {
  10591. flex-grow: 0;
  10592. width: 24px
  10593. }
  10594. .el-step.is-vertical .el-step__main {
  10595. padding-left: 10px;
  10596. flex-grow: 1
  10597. }
  10598. .el-step.is-vertical .el-step__title {
  10599. line-height: 24px;
  10600. padding-bottom: 8px
  10601. }
  10602. .el-step.is-vertical .el-step__line {
  10603. width: 2px;
  10604. top: 0;
  10605. bottom: 0;
  10606. left: 11px
  10607. }
  10608. .el-step.is-vertical .el-step__icon.is-icon {
  10609. width: 24px
  10610. }
  10611. .el-step.is-center .el-step__head {
  10612. text-align: center
  10613. }
  10614. .el-step.is-center .el-step__main {
  10615. text-align: center
  10616. }
  10617. .el-step.is-center .el-step__description {
  10618. padding-left: 20%;
  10619. padding-right: 20%
  10620. }
  10621. .el-step.is-center .el-step__line {
  10622. left: 50%;
  10623. right: -50%
  10624. }
  10625. .el-step.is-simple {
  10626. display: flex;
  10627. align-items: center
  10628. }
  10629. .el-step.is-simple .el-step__head {
  10630. width: auto;
  10631. font-size: 0;
  10632. padding-right: 10px
  10633. }
  10634. .el-step.is-simple .el-step__icon {
  10635. background: 0 0;
  10636. width: 16px;
  10637. height: 16px;
  10638. font-size: 12px
  10639. }
  10640. .el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  10641. font-size: 18px
  10642. }
  10643. .el-step.is-simple .el-step__icon-inner.is-status {
  10644. transform: scale(.8) translateY(1px)
  10645. }
  10646. .el-step.is-simple .el-step__main {
  10647. position: relative;
  10648. display: flex;
  10649. align-items: stretch;
  10650. flex-grow: 1
  10651. }
  10652. .el-step.is-simple .el-step__title {
  10653. font-size: 16px;
  10654. line-height: 20px
  10655. }
  10656. .el-step.is-simple:not(:last-of-type) .el-step__title {
  10657. max-width: 50%;
  10658. overflow-wrap: break-word
  10659. }
  10660. .el-step.is-simple .el-step__arrow {
  10661. flex-grow: 1;
  10662. display: flex;
  10663. align-items: center;
  10664. justify-content: center
  10665. }
  10666. .el-step.is-simple .el-step__arrow::after,
  10667. .el-step.is-simple .el-step__arrow::before {
  10668. content: "";
  10669. display: inline-block;
  10670. position: absolute;
  10671. height: 15px;
  10672. width: 1px;
  10673. background: var(--el-text-color-placeholder)
  10674. }
  10675. .el-step.is-simple .el-step__arrow::before {
  10676. transform: rotate(-45deg) translateY(-4px);
  10677. transform-origin: 0 0
  10678. }
  10679. .el-step.is-simple .el-step__arrow::after {
  10680. transform: rotate(45deg) translateY(4px);
  10681. transform-origin: 100% 100%
  10682. }
  10683. .el-step.is-simple:last-of-type .el-step__arrow {
  10684. display: none
  10685. }
  10686. .el-steps {
  10687. display: flex
  10688. }
  10689. .el-steps--simple {
  10690. padding: 13px 8%;
  10691. border-radius: 4px;
  10692. background: var(--el-fill-color-light)
  10693. }
  10694. .el-steps--horizontal {
  10695. white-space: nowrap
  10696. }
  10697. .el-steps--vertical {
  10698. height: 100%;
  10699. flex-flow: column
  10700. }
  10701. .el-switch {
  10702. --el-switch-on-color: var(--el-color-primary);
  10703. --el-switch-off-color: var(--el-border-color)
  10704. }
  10705. .el-switch {
  10706. display: inline-flex;
  10707. align-items: center;
  10708. position: relative;
  10709. font-size: 14px;
  10710. line-height: 20px;
  10711. height: 32px;
  10712. vertical-align: middle
  10713. }
  10714. .el-switch.is-disabled .el-switch__core,
  10715. .el-switch.is-disabled .el-switch__label {
  10716. cursor: not-allowed
  10717. }
  10718. .el-switch__label {
  10719. transition: var(--el-transition-duration-fast);
  10720. height: 20px;
  10721. display: inline-block;
  10722. font-size: 14px;
  10723. font-weight: 500;
  10724. cursor: pointer;
  10725. vertical-align: middle;
  10726. color: var(--el-text-color-primary)
  10727. }
  10728. .el-switch__label.is-active {
  10729. color: var(--el-color-primary)
  10730. }
  10731. .el-switch__label--left {
  10732. margin-right: 10px
  10733. }
  10734. .el-switch__label--right {
  10735. margin-left: 10px
  10736. }
  10737. .el-switch__label * {
  10738. line-height: 1;
  10739. font-size: 14px;
  10740. display: inline-block
  10741. }
  10742. .el-switch__label .el-icon {
  10743. height: inherit
  10744. }
  10745. .el-switch__label .el-icon svg {
  10746. vertical-align: middle
  10747. }
  10748. .el-switch__input {
  10749. position: absolute;
  10750. width: 0;
  10751. height: 0;
  10752. opacity: 0;
  10753. margin: 0
  10754. }
  10755. .el-switch__input:focus-visible~.el-switch__core {
  10756. outline: 2px solid var(--el-switch-on-color);
  10757. outline-offset: 1px
  10758. }
  10759. .el-switch__core {
  10760. display: inline-flex;
  10761. position: relative;
  10762. align-items: center;
  10763. min-width: 40px;
  10764. height: 20px;
  10765. border: 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
  10766. outline: 0;
  10767. border-radius: 10px;
  10768. box-sizing: border-box;
  10769. background: var(--el-switch-off-color);
  10770. cursor: pointer;
  10771. transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration)
  10772. }
  10773. .el-switch__core .el-switch__inner {
  10774. width: 100%;
  10775. transition: all var(--el-transition-duration);
  10776. height: 16px;
  10777. display: flex;
  10778. justify-content: center;
  10779. align-items: center;
  10780. overflow: hidden;
  10781. padding: 0 4px 0 calc(16px + 2px)
  10782. }
  10783. .el-switch__core .el-switch__inner .is-icon,
  10784. .el-switch__core .el-switch__inner .is-text {
  10785. font-size: 12px;
  10786. color: var(--el-color-white);
  10787. -webkit-user-select: none;
  10788. -moz-user-select: none;
  10789. -ms-user-select: none;
  10790. user-select: none;
  10791. overflow: hidden;
  10792. text-overflow: ellipsis;
  10793. white-space: nowrap
  10794. }
  10795. .el-switch__core .el-switch__action {
  10796. position: absolute;
  10797. left: 1px;
  10798. border-radius: var(--el-border-radius-circle);
  10799. transition: all var(--el-transition-duration);
  10800. width: 16px;
  10801. height: 16px;
  10802. background-color: var(--el-color-white);
  10803. display: flex;
  10804. justify-content: center;
  10805. align-items: center;
  10806. color: var(--el-switch-off-color)
  10807. }
  10808. .el-switch.is-checked .el-switch__core {
  10809. border-color: var(--el-switch-border-color, var(--el-switch-on-color));
  10810. background-color: var(--el-switch-on-color)
  10811. }
  10812. .el-switch.is-checked .el-switch__core .el-switch__action {
  10813. left: calc(100% - 17px);
  10814. color: var(--el-switch-on-color)
  10815. }
  10816. .el-switch.is-checked .el-switch__core .el-switch__inner {
  10817. padding: 0 calc(16px + 2px) 0 4px
  10818. }
  10819. .el-switch.is-disabled {
  10820. opacity: .6
  10821. }
  10822. .el-switch--wide .el-switch__label.el-switch__label--left span {
  10823. left: 10px
  10824. }
  10825. .el-switch--wide .el-switch__label.el-switch__label--right span {
  10826. right: 10px
  10827. }
  10828. .el-switch .label-fade-enter-from,
  10829. .el-switch .label-fade-leave-active {
  10830. opacity: 0
  10831. }
  10832. .el-switch--large {
  10833. font-size: 14px;
  10834. line-height: 24px;
  10835. height: 40px
  10836. }
  10837. .el-switch--large .el-switch__label {
  10838. height: 24px;
  10839. font-size: 14px
  10840. }
  10841. .el-switch--large .el-switch__label * {
  10842. font-size: 14px
  10843. }
  10844. .el-switch--large .el-switch__core {
  10845. min-width: 50px;
  10846. height: 24px;
  10847. border-radius: 12px
  10848. }
  10849. .el-switch--large .el-switch__core .el-switch__inner {
  10850. height: 20px;
  10851. padding: 0 6px 0 calc(20px + 2px)
  10852. }
  10853. .el-switch--large .el-switch__core .el-switch__action {
  10854. width: 20px;
  10855. height: 20px
  10856. }
  10857. .el-switch--large.is-checked .el-switch__core .el-switch__action {
  10858. left: calc(100% - 21px)
  10859. }
  10860. .el-switch--large.is-checked .el-switch__core .el-switch__inner {
  10861. padding: 0 calc(20px + 2px) 0 6px
  10862. }
  10863. .el-switch--small {
  10864. font-size: 12px;
  10865. line-height: 16px;
  10866. height: 24px
  10867. }
  10868. .el-switch--small .el-switch__label {
  10869. height: 16px;
  10870. font-size: 12px
  10871. }
  10872. .el-switch--small .el-switch__label * {
  10873. font-size: 12px
  10874. }
  10875. .el-switch--small .el-switch__core {
  10876. min-width: 30px;
  10877. height: 16px;
  10878. border-radius: 8px
  10879. }
  10880. .el-switch--small .el-switch__core .el-switch__inner {
  10881. height: 12px;
  10882. padding: 0 2px 0 calc(12px + 2px)
  10883. }
  10884. .el-switch--small .el-switch__core .el-switch__action {
  10885. width: 12px;
  10886. height: 12px
  10887. }
  10888. .el-switch--small.is-checked .el-switch__core .el-switch__action {
  10889. left: calc(100% - 13px)
  10890. }
  10891. .el-switch--small.is-checked .el-switch__core .el-switch__inner {
  10892. padding: 0 calc(12px + 2px) 0 2px
  10893. }
  10894. .el-table-column--selection .cell {
  10895. padding-left: 14px;
  10896. padding-right: 14px
  10897. }
  10898. .el-table-filter {
  10899. border: solid 1px var(--el-border-color-lighter);
  10900. border-radius: 2px;
  10901. background-color: #fff;
  10902. box-shadow: var(--el-box-shadow-light);
  10903. box-sizing: border-box
  10904. }
  10905. .el-table-filter__list {
  10906. padding: 5px 0;
  10907. margin: 0;
  10908. list-style: none;
  10909. min-width: 100px
  10910. }
  10911. .el-table-filter__list-item {
  10912. line-height: 36px;
  10913. padding: 0 10px;
  10914. cursor: pointer;
  10915. font-size: var(--el-font-size-base)
  10916. }
  10917. .el-table-filter__list-item:hover {
  10918. background-color: var(--el-color-primary-light-9);
  10919. color: var(--el-color-primary)
  10920. }
  10921. .el-table-filter__list-item.is-active {
  10922. background-color: var(--el-color-primary);
  10923. color: #fff
  10924. }
  10925. .el-table-filter__content {
  10926. min-width: 100px
  10927. }
  10928. .el-table-filter__bottom {
  10929. border-top: 1px solid var(--el-border-color-lighter);
  10930. padding: 8px
  10931. }
  10932. .el-table-filter__bottom button {
  10933. background: 0 0;
  10934. border: none;
  10935. color: var(--el-text-color-regular);
  10936. cursor: pointer;
  10937. font-size: var(--el-font-size-small);
  10938. padding: 0 3px
  10939. }
  10940. .el-table-filter__bottom button:hover {
  10941. color: var(--el-color-primary)
  10942. }
  10943. .el-table-filter__bottom button:focus {
  10944. outline: 0
  10945. }
  10946. .el-table-filter__bottom button.is-disabled {
  10947. color: var(--el-disabled-text-color);
  10948. cursor: not-allowed
  10949. }
  10950. .el-table-filter__wrap {
  10951. max-height: 280px
  10952. }
  10953. .el-table-filter__checkbox-group {
  10954. padding: 10px
  10955. }
  10956. .el-table-filter__checkbox-group label.el-checkbox {
  10957. display: flex;
  10958. align-items: center;
  10959. margin-right: 5px;
  10960. margin-bottom: 12px;
  10961. margin-left: 5px;
  10962. height: unset
  10963. }
  10964. .el-table-filter__checkbox-group .el-checkbox:last-child {
  10965. margin-bottom: 0
  10966. }
  10967. .el-table {
  10968. --el-table-border-color: var(--el-border-color-lighter);
  10969. --el-table-border: 1px solid var(--el-table-border-color);
  10970. --el-table-text-color: var(--el-text-color-regular);
  10971. --el-table-header-text-color: var(--el-text-color-secondary);
  10972. --el-table-row-hover-bg-color: var(--el-fill-color-light);
  10973. --el-table-current-row-bg-color: var(--el-color-primary-light-9);
  10974. --el-table-header-bg-color: var(--el-bg-color);
  10975. --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  10976. --el-table-bg-color: var(--el-fill-color-blank);
  10977. --el-table-tr-bg-color: var(--el-bg-color);
  10978. --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  10979. --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  10980. --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  10981. --el-table-index: var(--el-index-normal)
  10982. }
  10983. .el-table {
  10984. position: relative;
  10985. overflow: hidden;
  10986. box-sizing: border-box;
  10987. height: -webkit-fit-content;
  10988. height: -moz-fit-content;
  10989. height: fit-content;
  10990. width: 100%;
  10991. max-width: 100%;
  10992. background-color: var(--el-table-bg-color);
  10993. font-size: 14px;
  10994. color: var(--el-table-text-color)
  10995. }
  10996. .el-table__inner-wrapper {
  10997. position: relative;
  10998. display: flex;
  10999. flex-direction: column;
  11000. height: 100%
  11001. }
  11002. .el-table__inner-wrapper::before {
  11003. left: 0;
  11004. bottom: 0;
  11005. width: 100%;
  11006. height: 1px
  11007. }
  11008. .el-table tbody:focus-visible {
  11009. outline: 0
  11010. }
  11011. .el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,
  11012. .el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell {
  11013. border-bottom-color: transparent
  11014. }
  11015. .el-table__empty-block {
  11016. position: -webkit-sticky;
  11017. position: sticky;
  11018. left: 0;
  11019. min-height: 60px;
  11020. text-align: center;
  11021. width: 100%;
  11022. display: flex;
  11023. justify-content: center;
  11024. align-items: center
  11025. }
  11026. .el-table__empty-text {
  11027. line-height: 60px;
  11028. width: 50%;
  11029. color: var(--el-text-color-secondary)
  11030. }
  11031. .el-table__expand-column .cell {
  11032. padding: 0;
  11033. text-align: center;
  11034. -webkit-user-select: none;
  11035. -moz-user-select: none;
  11036. -ms-user-select: none;
  11037. user-select: none
  11038. }
  11039. .el-table__expand-icon {
  11040. position: relative;
  11041. cursor: pointer;
  11042. color: var(--el-text-color-regular);
  11043. font-size: 12px;
  11044. transition: transform var(--el-transition-duration-fast) ease-in-out;
  11045. height: 20px
  11046. }
  11047. .el-table__expand-icon--expanded {
  11048. transform: rotate(90deg)
  11049. }
  11050. .el-table__expand-icon>.el-icon {
  11051. font-size: 12px
  11052. }
  11053. .el-table__expanded-cell {
  11054. background-color: var(--el-table-expanded-cell-bg-color)
  11055. }
  11056. .el-table__expanded-cell[class*=cell] {
  11057. padding: 20px 50px
  11058. }
  11059. .el-table__expanded-cell:hover {
  11060. background-color: transparent !important
  11061. }
  11062. .el-table__placeholder {
  11063. display: inline-block;
  11064. width: 20px
  11065. }
  11066. .el-table__append-wrapper {
  11067. overflow: hidden
  11068. }
  11069. .el-table--fit {
  11070. border-right: 0;
  11071. border-bottom: 0
  11072. }
  11073. .el-table--fit .el-table__cell.gutter {
  11074. border-right-width: 1px
  11075. }
  11076. .el-table thead {
  11077. color: var(--el-table-header-text-color)
  11078. }
  11079. .el-table thead th {
  11080. font-weight: 600
  11081. }
  11082. .el-table thead.is-group th.el-table__cell {
  11083. background: var(--el-fill-color-light)
  11084. }
  11085. .el-table .el-table__cell {
  11086. padding: 8px 0;
  11087. min-width: 0;
  11088. box-sizing: border-box;
  11089. text-overflow: ellipsis;
  11090. vertical-align: middle;
  11091. position: relative;
  11092. text-align: left;
  11093. z-index: var(--el-table-index)
  11094. }
  11095. .el-table .el-table__cell.is-center {
  11096. text-align: center
  11097. }
  11098. .el-table .el-table__cell.is-right {
  11099. text-align: right
  11100. }
  11101. .el-table .el-table__cell.gutter {
  11102. width: 15px;
  11103. border-right-width: 0;
  11104. border-bottom-width: 0;
  11105. padding: 0
  11106. }
  11107. .el-table .el-table__cell.is-hidden>* {
  11108. visibility: hidden
  11109. }
  11110. .el-table .cell {
  11111. box-sizing: border-box;
  11112. overflow: hidden;
  11113. text-overflow: ellipsis;
  11114. white-space: normal;
  11115. overflow-wrap: break-word;
  11116. line-height: 23px;
  11117. padding: 0 12px
  11118. }
  11119. .el-table .cell.el-tooltip {
  11120. white-space: nowrap;
  11121. min-width: 50px
  11122. }
  11123. .el-table--large {
  11124. font-size: var(--el-font-size-base)
  11125. }
  11126. .el-table--large .el-table__cell {
  11127. padding: 12px 0
  11128. }
  11129. .el-table--large .cell {
  11130. padding: 0 16px
  11131. }
  11132. .el-table--default {
  11133. font-size: 14px
  11134. }
  11135. .el-table--default .el-table__cell {
  11136. padding: 8px 0
  11137. }
  11138. .el-table--default .cell {
  11139. padding: 0 12px
  11140. }
  11141. .el-table--small {
  11142. font-size: 12px
  11143. }
  11144. .el-table--small .el-table__cell {
  11145. padding: 4px 0
  11146. }
  11147. .el-table--small .cell {
  11148. padding: 0 8px
  11149. }
  11150. .el-table tr {
  11151. background-color: var(--el-table-tr-bg-color)
  11152. }
  11153. .el-table tr input[type=checkbox] {
  11154. margin: 0
  11155. }
  11156. .el-table td.el-table__cell,
  11157. .el-table th.el-table__cell.is-leaf {
  11158. border-bottom: var(--el-table-border)
  11159. }
  11160. .el-table th.el-table__cell.is-sortable {
  11161. cursor: pointer
  11162. }
  11163. .el-table th.el-table__cell {
  11164. -webkit-user-select: none;
  11165. -moz-user-select: none;
  11166. -ms-user-select: none;
  11167. user-select: none;
  11168. background-color: var(--el-table-header-bg-color)
  11169. }
  11170. .el-table th.el-table__cell>.cell.highlight {
  11171. color: var(--el-color-primary)
  11172. }
  11173. .el-table th.el-table__cell.required>div::before {
  11174. display: inline-block;
  11175. content: "";
  11176. width: 8px;
  11177. height: 8px;
  11178. border-radius: 50%;
  11179. background: #ff4d51;
  11180. margin-right: 5px;
  11181. vertical-align: middle
  11182. }
  11183. .el-table td.el-table__cell div {
  11184. box-sizing: border-box
  11185. }
  11186. .el-table td.el-table__cell.gutter {
  11187. width: 0
  11188. }
  11189. .el-table--border .el-table__inner-wrapper::after,
  11190. .el-table--border::after,
  11191. .el-table--border::before,
  11192. .el-table__inner-wrapper::before {
  11193. content: "";
  11194. position: absolute;
  11195. background-color: var(--el-table-border-color);
  11196. z-index: calc(var(--el-table-index) + 2)
  11197. }
  11198. .el-table--border .el-table__inner-wrapper::after {
  11199. left: 0;
  11200. top: 0;
  11201. width: 100%;
  11202. height: 1px;
  11203. z-index: calc(var(--el-table-index) + 2)
  11204. }
  11205. .el-table--border::before {
  11206. top: -1px;
  11207. left: 0;
  11208. width: 1px;
  11209. height: 100%
  11210. }
  11211. .el-table--border::after {
  11212. top: -1px;
  11213. right: 0;
  11214. width: 1px;
  11215. height: 100%
  11216. }
  11217. .el-table--border .el-table__inner-wrapper {
  11218. border-right: none;
  11219. border-bottom: none
  11220. }
  11221. .el-table--border .el-table__footer-wrapper {
  11222. position: relative;
  11223. flex-shrink: 0
  11224. }
  11225. .el-table--border .el-table__cell {
  11226. border-right: var(--el-table-border)
  11227. }
  11228. .el-table--border th.el-table__cell.gutter:last-of-type {
  11229. border-bottom: var(--el-table-border);
  11230. border-bottom-width: 1px
  11231. }
  11232. .el-table--border th.el-table__cell {
  11233. border-bottom: var(--el-table-border)
  11234. }
  11235. .el-table--hidden {
  11236. visibility: hidden
  11237. }
  11238. .el-table__body-wrapper,
  11239. .el-table__footer-wrapper,
  11240. .el-table__header-wrapper {
  11241. width: 100%
  11242. }
  11243. .el-table__body-wrapper tr td.el-table-fixed-column--left,
  11244. .el-table__body-wrapper tr td.el-table-fixed-column--right,
  11245. .el-table__body-wrapper tr th.el-table-fixed-column--left,
  11246. .el-table__body-wrapper tr th.el-table-fixed-column--right,
  11247. .el-table__footer-wrapper tr td.el-table-fixed-column--left,
  11248. .el-table__footer-wrapper tr td.el-table-fixed-column--right,
  11249. .el-table__footer-wrapper tr th.el-table-fixed-column--left,
  11250. .el-table__footer-wrapper tr th.el-table-fixed-column--right,
  11251. .el-table__header-wrapper tr td.el-table-fixed-column--left,
  11252. .el-table__header-wrapper tr td.el-table-fixed-column--right,
  11253. .el-table__header-wrapper tr th.el-table-fixed-column--left,
  11254. .el-table__header-wrapper tr th.el-table-fixed-column--right {
  11255. position: -webkit-sticky !important;
  11256. position: sticky !important;
  11257. background: inherit;
  11258. z-index: calc(var(--el-table-index) + 1)
  11259. }
  11260. .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before,
  11261. .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before,
  11262. .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
  11263. .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
  11264. .el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
  11265. .el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
  11266. .el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before,
  11267. .el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
  11268. .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before,
  11269. .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before,
  11270. .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
  11271. .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
  11272. .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
  11273. .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
  11274. .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before,
  11275. .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
  11276. .el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before,
  11277. .el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before,
  11278. .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
  11279. .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
  11280. .el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
  11281. .el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
  11282. .el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before,
  11283. .el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before {
  11284. content: "";
  11285. position: absolute;
  11286. top: 0;
  11287. width: 10px;
  11288. bottom: -1px;
  11289. overflow-x: hidden;
  11290. overflow-y: hidden;
  11291. box-shadow: none;
  11292. touch-action: none;
  11293. pointer-events: none
  11294. }
  11295. .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before,
  11296. .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
  11297. .el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
  11298. .el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before,
  11299. .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before,
  11300. .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
  11301. .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
  11302. .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before,
  11303. .el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before,
  11304. .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before,
  11305. .el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before,
  11306. .el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before {
  11307. left: -10px
  11308. }
  11309. .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column::before,
  11310. .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
  11311. .el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
  11312. .el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
  11313. .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column::before,
  11314. .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
  11315. .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
  11316. .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before,
  11317. .el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column::before,
  11318. .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column::before,
  11319. .el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
  11320. .el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column::before {
  11321. right: -10px;
  11322. box-shadow: none
  11323. }
  11324. .el-table__body-wrapper tr td.el-table__fixed-right-patch,
  11325. .el-table__body-wrapper tr th.el-table__fixed-right-patch,
  11326. .el-table__footer-wrapper tr td.el-table__fixed-right-patch,
  11327. .el-table__footer-wrapper tr th.el-table__fixed-right-patch,
  11328. .el-table__header-wrapper tr td.el-table__fixed-right-patch,
  11329. .el-table__header-wrapper tr th.el-table__fixed-right-patch {
  11330. position: -webkit-sticky !important;
  11331. position: sticky !important;
  11332. z-index: calc(var(--el-table-index) + 1);
  11333. background: #fff;
  11334. right: 0
  11335. }
  11336. .el-table__header-wrapper {
  11337. flex-shrink: 0
  11338. }
  11339. .el-table__header-wrapper tr th.el-table-fixed-column--left,
  11340. .el-table__header-wrapper tr th.el-table-fixed-column--right {
  11341. background-color: var(--el-table-header-bg-color)
  11342. }
  11343. .el-table__body,
  11344. .el-table__footer,
  11345. .el-table__header {
  11346. table-layout: fixed;
  11347. border-collapse: separate
  11348. }
  11349. .el-table__header-wrapper {
  11350. overflow: hidden
  11351. }
  11352. .el-table__header-wrapper tbody td.el-table__cell {
  11353. background-color: var(--el-table-row-hover-bg-color);
  11354. color: var(--el-table-text-color)
  11355. }
  11356. .el-table__footer-wrapper {
  11357. overflow: hidden;
  11358. flex-shrink: 0
  11359. }
  11360. .el-table__footer-wrapper tfoot td.el-table__cell {
  11361. background-color: var(--el-table-row-hover-bg-color);
  11362. color: var(--el-table-text-color)
  11363. }
  11364. .el-table__body-wrapper .el-table-column--selection>.cell,
  11365. .el-table__header-wrapper .el-table-column--selection>.cell {
  11366. display: inline-flex;
  11367. align-items: center;
  11368. height: 23px
  11369. }
  11370. .el-table__body-wrapper .el-table-column--selection .el-checkbox,
  11371. .el-table__header-wrapper .el-table-column--selection .el-checkbox {
  11372. height: unset
  11373. }
  11374. .el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column::before {
  11375. box-shadow: var(--el-table-fixed-right-column)
  11376. }
  11377. .el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
  11378. border-right: var(--el-table-border)
  11379. }
  11380. .el-table.is-scrolling-left th.el-table-fixed-column--left {
  11381. background-color: var(--el-table-header-bg-color)
  11382. }
  11383. .el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column::before {
  11384. box-shadow: var(--el-table-fixed-left-column)
  11385. }
  11386. .el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
  11387. border-right: none
  11388. }
  11389. .el-table.is-scrolling-right th.el-table-fixed-column--right {
  11390. background-color: var(--el-table-header-bg-color)
  11391. }
  11392. .el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
  11393. border-right: none
  11394. }
  11395. .el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column::before {
  11396. box-shadow: var(--el-table-fixed-right-column)
  11397. }
  11398. .el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column::before {
  11399. box-shadow: var(--el-table-fixed-left-column)
  11400. }
  11401. .el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column::before,
  11402. .el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column::before,
  11403. .el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column::before,
  11404. .el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column::before {
  11405. box-shadow: none
  11406. }
  11407. .el-table.is-scrolling-none th.el-table-fixed-column--left,
  11408. .el-table.is-scrolling-none th.el-table-fixed-column--right {
  11409. background-color: var(--el-table-header-bg-color)
  11410. }
  11411. .el-table__body-wrapper {
  11412. overflow: hidden;
  11413. position: relative;
  11414. flex: 1
  11415. }
  11416. .el-table__body-wrapper .el-scrollbar__bar {
  11417. z-index: calc(var(--el-table-index) + 2)
  11418. }
  11419. .el-table .caret-wrapper {
  11420. display: inline-flex;
  11421. flex-direction: column;
  11422. align-items: center;
  11423. height: 14px;
  11424. width: 24px;
  11425. vertical-align: middle;
  11426. cursor: pointer;
  11427. overflow: initial;
  11428. position: relative
  11429. }
  11430. .el-table .sort-caret {
  11431. width: 0;
  11432. height: 0;
  11433. border: solid 5px transparent;
  11434. position: absolute;
  11435. left: 7px
  11436. }
  11437. .el-table .sort-caret.ascending {
  11438. border-bottom-color: var(--el-text-color-placeholder);
  11439. top: -5px
  11440. }
  11441. .el-table .sort-caret.descending {
  11442. border-top-color: var(--el-text-color-placeholder);
  11443. bottom: -3px
  11444. }
  11445. .el-table .ascending .sort-caret.ascending {
  11446. border-bottom-color: var(--el-color-primary)
  11447. }
  11448. .el-table .descending .sort-caret.descending {
  11449. border-top-color: var(--el-color-primary)
  11450. }
  11451. .el-table .hidden-columns {
  11452. visibility: hidden;
  11453. position: absolute;
  11454. z-index: -1
  11455. }
  11456. .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  11457. background: var(--el-fill-color-lighter)
  11458. }
  11459. .el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
  11460. background-color: var(--el-table-current-row-bg-color)
  11461. }
  11462. .el-table__body tr.hover-row.current-row>td.el-table__cell,
  11463. .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
  11464. .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
  11465. .el-table__body tr.hover-row>td.el-table__cell {
  11466. background-color: var(--el-table-row-hover-bg-color)
  11467. }
  11468. .el-table__body tr>td.hover-cell {
  11469. background-color: var(--el-table-row-hover-bg-color)
  11470. }
  11471. .el-table__body tr.current-row>td.el-table__cell {
  11472. background-color: var(--el-table-current-row-bg-color)
  11473. }
  11474. .el-table.el-table--scrollable-y .el-table__body-header {
  11475. position: -webkit-sticky;
  11476. position: sticky;
  11477. top: 0;
  11478. z-index: calc(var(--el-table-index) + 2)
  11479. }
  11480. .el-table.el-table--scrollable-y .el-table__body-footer {
  11481. position: -webkit-sticky;
  11482. position: sticky;
  11483. bottom: 0;
  11484. z-index: calc(var(--el-table-index) + 2)
  11485. }
  11486. .el-table__column-resize-proxy {
  11487. position: absolute;
  11488. left: 200px;
  11489. top: 0;
  11490. bottom: 0;
  11491. width: 0;
  11492. border-left: var(--el-table-border);
  11493. z-index: calc(var(--el-table-index) + 9)
  11494. }
  11495. .el-table__column-filter-trigger {
  11496. display: inline-block;
  11497. cursor: pointer
  11498. }
  11499. .el-table__column-filter-trigger i {
  11500. color: var(--el-color-info);
  11501. font-size: 14px;
  11502. vertical-align: middle
  11503. }
  11504. .el-table__border-left-patch {
  11505. top: 0;
  11506. left: 0;
  11507. width: 1px;
  11508. height: 100%;
  11509. z-index: calc(var(--el-table-index) + 2);
  11510. position: absolute;
  11511. background-color: var(--el-table-border-color)
  11512. }
  11513. .el-table__border-bottom-patch {
  11514. left: 0;
  11515. height: 1px;
  11516. z-index: calc(var(--el-table-index) + 2);
  11517. position: absolute;
  11518. background-color: var(--el-table-border-color)
  11519. }
  11520. .el-table__border-right-patch {
  11521. top: 0;
  11522. height: 100%;
  11523. width: 1px;
  11524. z-index: calc(var(--el-table-index) + 2);
  11525. position: absolute;
  11526. background-color: var(--el-table-border-color)
  11527. }
  11528. .el-table--enable-row-transition .el-table__body td.el-table__cell {
  11529. transition: background-color .25s ease
  11530. }
  11531. .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
  11532. background-color: var(--el-table-row-hover-bg-color)
  11533. }
  11534. .el-table [class*=el-table__row--level] .el-table__expand-icon {
  11535. display: inline-block;
  11536. width: 12px;
  11537. line-height: 12px;
  11538. height: 12px;
  11539. text-align: center;
  11540. margin-right: 8px
  11541. }
  11542. .el-table .el-table.el-table--border .el-table__cell {
  11543. border-right: var(--el-table-border)
  11544. }
  11545. .el-table:not(.el-table--border) .el-table__cell {
  11546. border-right: none
  11547. }
  11548. .el-table:not(.el-table--border)>.el-table__inner-wrapper::after {
  11549. content: none
  11550. }
  11551. .el-table-v2 {
  11552. --el-table-border-color: var(--el-border-color-lighter);
  11553. --el-table-border: 1px solid var(--el-table-border-color);
  11554. --el-table-text-color: var(--el-text-color-regular);
  11555. --el-table-header-text-color: var(--el-text-color-secondary);
  11556. --el-table-row-hover-bg-color: var(--el-fill-color-light);
  11557. --el-table-current-row-bg-color: var(--el-color-primary-light-9);
  11558. --el-table-header-bg-color: var(--el-bg-color);
  11559. --el-table-fixed-box-shadow: var(--el-box-shadow-light);
  11560. --el-table-bg-color: var(--el-fill-color-blank);
  11561. --el-table-tr-bg-color: var(--el-bg-color);
  11562. --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
  11563. --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
  11564. --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  11565. --el-table-index: var(--el-index-normal)
  11566. }
  11567. .el-table-v2 {
  11568. font-size: 14px
  11569. }
  11570. .el-table-v2 * {
  11571. box-sizing: border-box
  11572. }
  11573. .el-table-v2__root {
  11574. position: relative
  11575. }
  11576. .el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar {
  11577. opacity: 1
  11578. }
  11579. .el-table-v2__main {
  11580. display: flex;
  11581. flex-direction: column-reverse;
  11582. position: absolute;
  11583. overflow: hidden;
  11584. top: 0;
  11585. background-color: var(--el-bg-color);
  11586. left: 0
  11587. }
  11588. .el-table-v2__main .el-vl__horizontal,
  11589. .el-table-v2__main .el-vl__vertical {
  11590. z-index: 2
  11591. }
  11592. .el-table-v2__left {
  11593. display: flex;
  11594. flex-direction: column-reverse;
  11595. position: absolute;
  11596. overflow: hidden;
  11597. top: 0;
  11598. background-color: var(--el-bg-color);
  11599. left: 0;
  11600. box-shadow: 2px 0 4px 0 rgba(0, 0, 0, .06)
  11601. }
  11602. .el-table-v2__left .el-virtual-scrollbar {
  11603. opacity: 0
  11604. }
  11605. .el-table-v2__left .el-vl__horizontal,
  11606. .el-table-v2__left .el-vl__vertical {
  11607. z-index: -1
  11608. }
  11609. .el-table-v2__right {
  11610. display: flex;
  11611. flex-direction: column-reverse;
  11612. position: absolute;
  11613. overflow: hidden;
  11614. top: 0;
  11615. background-color: var(--el-bg-color);
  11616. right: 0;
  11617. box-shadow: -2px 0 4px 0 rgba(0, 0, 0, .06)
  11618. }
  11619. .el-table-v2__right .el-virtual-scrollbar {
  11620. opacity: 0
  11621. }
  11622. .el-table-v2__right .el-vl__horizontal,
  11623. .el-table-v2__right .el-vl__vertical {
  11624. z-index: -1
  11625. }
  11626. .el-table-v2__header-row {
  11627. -webkit-padding-end: var(--el-table-scrollbar-size);
  11628. padding-inline-end: var(--el-table-scrollbar-size)
  11629. }
  11630. .el-table-v2__row {
  11631. -webkit-padding-end: var(--el-table-scrollbar-size);
  11632. padding-inline-end: var(--el-table-scrollbar-size)
  11633. }
  11634. .el-table-v2__header-wrapper {
  11635. overflow: hidden
  11636. }
  11637. .el-table-v2__header {
  11638. position: relative;
  11639. overflow: hidden
  11640. }
  11641. .el-table-v2__footer {
  11642. position: absolute;
  11643. left: 0;
  11644. right: 0;
  11645. bottom: 0;
  11646. overflow: hidden
  11647. }
  11648. .el-table-v2__empty {
  11649. position: absolute;
  11650. left: 0
  11651. }
  11652. .el-table-v2__overlay {
  11653. position: absolute;
  11654. left: 0;
  11655. right: 0;
  11656. top: 0;
  11657. bottom: 0;
  11658. z-index: 9999
  11659. }
  11660. .el-table-v2__header-row {
  11661. display: flex;
  11662. border-bottom: var(--el-table-border)
  11663. }
  11664. .el-table-v2__header-cell {
  11665. display: flex;
  11666. align-items: center;
  11667. padding: 0 8px;
  11668. height: 100%;
  11669. -webkit-user-select: none;
  11670. -moz-user-select: none;
  11671. -ms-user-select: none;
  11672. user-select: none;
  11673. overflow: hidden;
  11674. background-color: var(--el-table-header-bg-color);
  11675. color: var(--el-table-header-text-color);
  11676. font-weight: 700
  11677. }
  11678. .el-table-v2__header-cell.is-align-center {
  11679. justify-content: center;
  11680. text-align: center
  11681. }
  11682. .el-table-v2__header-cell.is-align-right {
  11683. justify-content: flex-end;
  11684. text-align: right
  11685. }
  11686. .el-table-v2__header-cell.is-sortable {
  11687. cursor: pointer
  11688. }
  11689. .el-table-v2__header-cell:hover .el-icon {
  11690. display: block
  11691. }
  11692. .el-table-v2__sort-icon {
  11693. transition: opacity, display var(--el-transition-duration);
  11694. opacity: .6;
  11695. display: none
  11696. }
  11697. .el-table-v2__sort-icon.is-sorting {
  11698. display: block;
  11699. opacity: 1
  11700. }
  11701. .el-table-v2__row {
  11702. border-bottom: var(--el-table-border);
  11703. display: flex;
  11704. align-items: center;
  11705. transition: background-color var(--el-transition-duration)
  11706. }
  11707. .el-table-v2__row.is-hovered {
  11708. background-color: var(--el-table-row-hover-bg-color)
  11709. }
  11710. .el-table-v2__row:hover {
  11711. background-color: var(--el-table-row-hover-bg-color)
  11712. }
  11713. .el-table-v2__row-cell {
  11714. height: 100%;
  11715. overflow: hidden;
  11716. display: flex;
  11717. align-items: center;
  11718. padding: 0 8px
  11719. }
  11720. .el-table-v2__row-cell.is-align-center {
  11721. justify-content: center;
  11722. text-align: center
  11723. }
  11724. .el-table-v2__row-cell.is-align-right {
  11725. justify-content: flex-end;
  11726. text-align: right
  11727. }
  11728. .el-table-v2__expand-icon {
  11729. margin: 0 4px;
  11730. cursor: pointer;
  11731. -webkit-user-select: none;
  11732. -moz-user-select: none;
  11733. -ms-user-select: none;
  11734. user-select: none
  11735. }
  11736. .el-table-v2__expand-icon svg {
  11737. transition: transform var(--el-transition-duration)
  11738. }
  11739. .el-table-v2__expand-icon.is-expanded svg {
  11740. transform: rotate(90deg)
  11741. }
  11742. .el-table-v2:not(.is-dynamic) .el-table-v2__cell-text {
  11743. overflow: hidden;
  11744. text-overflow: ellipsis;
  11745. white-space: nowrap
  11746. }
  11747. .el-table-v2.is-dynamic .el-table-v2__row {
  11748. overflow: hidden;
  11749. align-items: stretch
  11750. }
  11751. .el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell {
  11752. overflow-wrap: break-word
  11753. }
  11754. .el-tabs {
  11755. --el-tabs-header-height: 40px
  11756. }
  11757. .el-tabs__header {
  11758. padding: 0;
  11759. position: relative;
  11760. margin: 0 0 15px
  11761. }
  11762. .el-tabs__active-bar {
  11763. position: absolute;
  11764. bottom: 0;
  11765. left: 0;
  11766. height: 2px;
  11767. background-color: var(--el-color-primary);
  11768. z-index: 1;
  11769. transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  11770. list-style: none
  11771. }
  11772. .el-tabs__new-tab {
  11773. display: flex;
  11774. align-items: center;
  11775. justify-content: center;
  11776. float: right;
  11777. border: 1px solid var(--el-border-color);
  11778. height: 20px;
  11779. width: 20px;
  11780. line-height: 20px;
  11781. margin: 10px 0 10px 10px;
  11782. border-radius: 3px;
  11783. text-align: center;
  11784. font-size: 12px;
  11785. color: var(--el-text-color-primary);
  11786. cursor: pointer;
  11787. transition: all .15s
  11788. }
  11789. .el-tabs__new-tab .is-icon-plus {
  11790. height: inherit;
  11791. width: inherit;
  11792. transform: scale(.8, .8)
  11793. }
  11794. .el-tabs__new-tab .is-icon-plus svg {
  11795. vertical-align: middle
  11796. }
  11797. .el-tabs__new-tab:hover {
  11798. color: var(--el-color-primary)
  11799. }
  11800. .el-tabs__nav-wrap {
  11801. overflow: hidden;
  11802. margin-bottom: -1px;
  11803. position: relative
  11804. }
  11805. .el-tabs__nav-wrap::after {
  11806. content: "";
  11807. position: absolute;
  11808. left: 0;
  11809. bottom: 0;
  11810. width: 100%;
  11811. height: 2px;
  11812. background-color: var(--el-border-color-light);
  11813. z-index: var(--el-index-normal)
  11814. }
  11815. .el-tabs__nav-wrap.is-scrollable {
  11816. padding: 0 20px;
  11817. box-sizing: border-box
  11818. }
  11819. .el-tabs__nav-scroll {
  11820. overflow: hidden
  11821. }
  11822. .el-tabs__nav-next,
  11823. .el-tabs__nav-prev {
  11824. position: absolute;
  11825. cursor: pointer;
  11826. line-height: 44px;
  11827. font-size: 12px;
  11828. color: var(--el-text-color-secondary);
  11829. width: 20px;
  11830. text-align: center
  11831. }
  11832. .el-tabs__nav-next {
  11833. right: 0
  11834. }
  11835. .el-tabs__nav-prev {
  11836. left: 0
  11837. }
  11838. .el-tabs__nav {
  11839. display: flex;
  11840. white-space: nowrap;
  11841. position: relative;
  11842. transition: transform var(--el-transition-duration);
  11843. float: left;
  11844. z-index: calc(var(--el-index-normal) + 1)
  11845. }
  11846. .el-tabs__nav.is-stretch {
  11847. min-width: 100%;
  11848. display: flex
  11849. }
  11850. .el-tabs__nav.is-stretch>* {
  11851. flex: 1;
  11852. text-align: center
  11853. }
  11854. .el-tabs__item {
  11855. padding: 0 20px;
  11856. height: var(--el-tabs-header-height);
  11857. box-sizing: border-box;
  11858. display: flex;
  11859. align-items: center;
  11860. justify-content: center;
  11861. list-style: none;
  11862. font-size: var(--el-font-size-base);
  11863. font-weight: 500;
  11864. color: var(--el-text-color-primary);
  11865. position: relative
  11866. }
  11867. .el-tabs__item:focus,
  11868. .el-tabs__item:focus:active {
  11869. outline: 0
  11870. }
  11871. .el-tabs__item:focus-visible {
  11872. box-shadow: 0 0 2px 2px var(--el-color-primary) inset;
  11873. border-radius: 3px
  11874. }
  11875. .el-tabs__item .is-icon-close {
  11876. border-radius: 50%;
  11877. text-align: center;
  11878. transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  11879. margin-left: 5px
  11880. }
  11881. .el-tabs__item .is-icon-close:before {
  11882. transform: scale(.9);
  11883. display: inline-block
  11884. }
  11885. .el-tabs__item .is-icon-close:hover {
  11886. background-color: var(--el-text-color-placeholder);
  11887. color: #fff
  11888. }
  11889. .el-tabs__item.is-active {
  11890. color: var(--el-color-primary)
  11891. }
  11892. .el-tabs__item:hover {
  11893. color: var(--el-color-primary);
  11894. cursor: pointer
  11895. }
  11896. .el-tabs__item.is-disabled {
  11897. color: var(--el-disabled-text-color);
  11898. cursor: not-allowed
  11899. }
  11900. .el-tabs__content {
  11901. overflow: hidden;
  11902. position: relative
  11903. }
  11904. .el-tabs--card>.el-tabs__header {
  11905. border-bottom: 1px solid var(--el-border-color-light);
  11906. height: var(--el-tabs-header-height)
  11907. }
  11908. .el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after {
  11909. content: none
  11910. }
  11911. .el-tabs--card>.el-tabs__header .el-tabs__nav {
  11912. border: 1px solid var(--el-border-color-light);
  11913. border-bottom: none;
  11914. border-radius: 4px 4px 0 0;
  11915. box-sizing: border-box
  11916. }
  11917. .el-tabs--card>.el-tabs__header .el-tabs__active-bar {
  11918. display: none
  11919. }
  11920. .el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close {
  11921. position: relative;
  11922. font-size: 12px;
  11923. width: 0;
  11924. height: 14px;
  11925. overflow: hidden;
  11926. right: -2px;
  11927. transform-origin: 100% 50%
  11928. }
  11929. .el-tabs--card>.el-tabs__header .el-tabs__item {
  11930. border-bottom: 1px solid transparent;
  11931. border-left: 1px solid var(--el-border-color-light);
  11932. transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
  11933. }
  11934. .el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
  11935. border-left: none
  11936. }
  11937. .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
  11938. padding-left: 13px;
  11939. padding-right: 13px
  11940. }
  11941. .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
  11942. width: 14px
  11943. }
  11944. .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  11945. border-bottom-color: var(--el-bg-color)
  11946. }
  11947. .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
  11948. padding-left: 20px;
  11949. padding-right: 20px
  11950. }
  11951. .el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
  11952. width: 14px
  11953. }
  11954. .el-tabs--border-card {
  11955. background: var(--el-bg-color-overlay);
  11956. border: 1px solid var(--el-border-color)
  11957. }
  11958. .el-tabs--border-card>.el-tabs__content {
  11959. padding: 15px
  11960. }
  11961. .el-tabs--border-card>.el-tabs__header {
  11962. background-color: var(--el-fill-color-light);
  11963. border-bottom: 1px solid var(--el-border-color-light);
  11964. margin: 0
  11965. }
  11966. .el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after {
  11967. content: none
  11968. }
  11969. .el-tabs--border-card>.el-tabs__header .el-tabs__item {
  11970. transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  11971. border: 1px solid transparent;
  11972. margin-top: -1px;
  11973. color: var(--el-text-color-secondary)
  11974. }
  11975. .el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
  11976. margin-left: -1px
  11977. }
  11978. .el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item {
  11979. margin-left: -1px
  11980. }
  11981. .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  11982. color: var(--el-color-primary);
  11983. background-color: var(--el-bg-color-overlay);
  11984. border-right-color: var(--el-border-color);
  11985. border-left-color: var(--el-border-color)
  11986. }
  11987. .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  11988. color: var(--el-color-primary)
  11989. }
  11990. .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
  11991. color: var(--el-disabled-text-color)
  11992. }
  11993. .el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
  11994. margin-left: 0
  11995. }
  11996. .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
  11997. .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
  11998. .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
  11999. .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  12000. padding-left: 0
  12001. }
  12002. .el-tabs--bottom .el-tabs__item.is-bottom:last-child,
  12003. .el-tabs--bottom .el-tabs__item.is-top:last-child,
  12004. .el-tabs--top .el-tabs__item.is-bottom:last-child,
  12005. .el-tabs--top .el-tabs__item.is-top:last-child {
  12006. padding-right: 0
  12007. }
  12008. .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
  12009. .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
  12010. .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
  12011. .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
  12012. .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
  12013. .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
  12014. .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
  12015. .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
  12016. padding-left: 20px
  12017. }
  12018. .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
  12019. .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
  12020. .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
  12021. .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
  12022. .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
  12023. .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
  12024. .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
  12025. .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover {
  12026. padding-left: 13px
  12027. }
  12028. .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
  12029. .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
  12030. .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
  12031. .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
  12032. .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
  12033. .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
  12034. .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
  12035. .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
  12036. padding-right: 20px
  12037. }
  12038. .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
  12039. .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
  12040. .el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
  12041. .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
  12042. .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
  12043. .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
  12044. .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover,
  12045. .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover {
  12046. padding-right: 13px
  12047. }
  12048. .el-tabs--bottom .el-tabs__header.is-bottom {
  12049. margin-bottom: 0;
  12050. margin-top: 10px
  12051. }
  12052. .el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  12053. border-bottom: 0;
  12054. border-top: 1px solid var(--el-border-color)
  12055. }
  12056. .el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  12057. margin-top: -1px;
  12058. margin-bottom: 0
  12059. }
  12060. .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  12061. border: 1px solid transparent
  12062. }
  12063. .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  12064. margin: 0 -1px -1px
  12065. }
  12066. .el-tabs--left,
  12067. .el-tabs--right {
  12068. overflow: hidden
  12069. }
  12070. .el-tabs--left .el-tabs__header.is-left,
  12071. .el-tabs--left .el-tabs__header.is-right,
  12072. .el-tabs--left .el-tabs__nav-scroll,
  12073. .el-tabs--left .el-tabs__nav-wrap.is-left,
  12074. .el-tabs--left .el-tabs__nav-wrap.is-right,
  12075. .el-tabs--right .el-tabs__header.is-left,
  12076. .el-tabs--right .el-tabs__header.is-right,
  12077. .el-tabs--right .el-tabs__nav-scroll,
  12078. .el-tabs--right .el-tabs__nav-wrap.is-left,
  12079. .el-tabs--right .el-tabs__nav-wrap.is-right {
  12080. height: 100%
  12081. }
  12082. .el-tabs--left .el-tabs__active-bar.is-left,
  12083. .el-tabs--left .el-tabs__active-bar.is-right,
  12084. .el-tabs--right .el-tabs__active-bar.is-left,
  12085. .el-tabs--right .el-tabs__active-bar.is-right {
  12086. top: 0;
  12087. bottom: auto;
  12088. width: 2px;
  12089. height: auto
  12090. }
  12091. .el-tabs--left .el-tabs__nav-wrap.is-left,
  12092. .el-tabs--left .el-tabs__nav-wrap.is-right,
  12093. .el-tabs--right .el-tabs__nav-wrap.is-left,
  12094. .el-tabs--right .el-tabs__nav-wrap.is-right {
  12095. margin-bottom: 0
  12096. }
  12097. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
  12098. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
  12099. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
  12100. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
  12101. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
  12102. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
  12103. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
  12104. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
  12105. height: 30px;
  12106. line-height: 30px;
  12107. width: 100%;
  12108. text-align: center;
  12109. cursor: pointer
  12110. }
  12111. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
  12112. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
  12113. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
  12114. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
  12115. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
  12116. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
  12117. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
  12118. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
  12119. transform: rotateZ(90deg)
  12120. }
  12121. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
  12122. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
  12123. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
  12124. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
  12125. left: auto;
  12126. top: 0
  12127. }
  12128. .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
  12129. .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
  12130. .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
  12131. .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
  12132. right: auto;
  12133. bottom: 0
  12134. }
  12135. .el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
  12136. .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
  12137. .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
  12138. .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  12139. padding: 30px 0
  12140. }
  12141. .el-tabs--left .el-tabs__nav-wrap.is-left::after,
  12142. .el-tabs--left .el-tabs__nav-wrap.is-right::after,
  12143. .el-tabs--right .el-tabs__nav-wrap.is-left::after,
  12144. .el-tabs--right .el-tabs__nav-wrap.is-right::after {
  12145. height: 100%;
  12146. width: 2px;
  12147. bottom: auto;
  12148. top: 0
  12149. }
  12150. .el-tabs--left .el-tabs__nav.is-left,
  12151. .el-tabs--left .el-tabs__nav.is-right,
  12152. .el-tabs--right .el-tabs__nav.is-left,
  12153. .el-tabs--right .el-tabs__nav.is-right {
  12154. flex-direction: column
  12155. }
  12156. .el-tabs--left .el-tabs__item.is-left,
  12157. .el-tabs--right .el-tabs__item.is-left {
  12158. justify-content: flex-end
  12159. }
  12160. .el-tabs--left .el-tabs__item.is-right,
  12161. .el-tabs--right .el-tabs__item.is-right {
  12162. justify-content: flex-start
  12163. }
  12164. .el-tabs--left .el-tabs__header.is-left {
  12165. float: left;
  12166. margin-bottom: 0;
  12167. margin-right: 10px
  12168. }
  12169. .el-tabs--left .el-tabs__nav-wrap.is-left {
  12170. margin-right: -1px
  12171. }
  12172. .el-tabs--left .el-tabs__nav-wrap.is-left::after {
  12173. left: auto;
  12174. right: 0
  12175. }
  12176. .el-tabs--left .el-tabs__active-bar.is-left {
  12177. right: 0;
  12178. left: auto
  12179. }
  12180. .el-tabs--left .el-tabs__item.is-left {
  12181. text-align: right
  12182. }
  12183. .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
  12184. display: none
  12185. }
  12186. .el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  12187. border-left: none;
  12188. border-right: 1px solid var(--el-border-color-light);
  12189. border-bottom: none;
  12190. border-top: 1px solid var(--el-border-color-light);
  12191. text-align: left
  12192. }
  12193. .el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  12194. border-right: 1px solid var(--el-border-color-light);
  12195. border-top: none
  12196. }
  12197. .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  12198. border: 1px solid var(--el-border-color-light);
  12199. border-right-color: #fff;
  12200. border-left: none;
  12201. border-bottom: none
  12202. }
  12203. .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  12204. border-top: none
  12205. }
  12206. .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  12207. border-bottom: none
  12208. }
  12209. .el-tabs--left.el-tabs--card .el-tabs__nav {
  12210. border-radius: 4px 0 0 4px;
  12211. border-bottom: 1px solid var(--el-border-color-light);
  12212. border-right: none
  12213. }
  12214. .el-tabs--left.el-tabs--card .el-tabs__new-tab {
  12215. float: none
  12216. }
  12217. .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  12218. border-right: 1px solid var(--el-border-color)
  12219. }
  12220. .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  12221. border: 1px solid transparent;
  12222. margin: -1px 0 -1px -1px
  12223. }
  12224. .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  12225. border-color: transparent;
  12226. border-top-color: #d1dbe5;
  12227. border-bottom-color: #d1dbe5
  12228. }
  12229. .el-tabs--right .el-tabs__header.is-right {
  12230. float: right;
  12231. margin-bottom: 0;
  12232. margin-left: 10px
  12233. }
  12234. .el-tabs--right .el-tabs__nav-wrap.is-right {
  12235. margin-left: -1px
  12236. }
  12237. .el-tabs--right .el-tabs__nav-wrap.is-right::after {
  12238. left: 0;
  12239. right: auto
  12240. }
  12241. .el-tabs--right .el-tabs__active-bar.is-right {
  12242. left: 0
  12243. }
  12244. .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  12245. display: none
  12246. }
  12247. .el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  12248. border-bottom: none;
  12249. border-top: 1px solid var(--el-border-color-light)
  12250. }
  12251. .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  12252. border-left: 1px solid var(--el-border-color-light);
  12253. border-top: none
  12254. }
  12255. .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  12256. border: 1px solid var(--el-border-color-light);
  12257. border-left-color: #fff;
  12258. border-right: none;
  12259. border-bottom: none
  12260. }
  12261. .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  12262. border-top: none
  12263. }
  12264. .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  12265. border-bottom: none
  12266. }
  12267. .el-tabs--right.el-tabs--card .el-tabs__nav {
  12268. border-radius: 0 4px 4px 0;
  12269. border-bottom: 1px solid var(--el-border-color-light);
  12270. border-left: none
  12271. }
  12272. .el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  12273. border-left: 1px solid var(--el-border-color)
  12274. }
  12275. .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  12276. border: 1px solid transparent;
  12277. margin: -1px -1px -1px 0
  12278. }
  12279. .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  12280. border-color: transparent;
  12281. border-top-color: #d1dbe5;
  12282. border-bottom-color: #d1dbe5
  12283. }
  12284. .slideInLeft-transition,
  12285. .slideInRight-transition {
  12286. display: inline-block
  12287. }
  12288. .slideInRight-enter {
  12289. -webkit-animation: slideInRight-enter var(--el-transition-duration);
  12290. animation: slideInRight-enter var(--el-transition-duration)
  12291. }
  12292. .slideInRight-leave {
  12293. position: absolute;
  12294. left: 0;
  12295. right: 0;
  12296. -webkit-animation: slideInRight-leave var(--el-transition-duration);
  12297. animation: slideInRight-leave var(--el-transition-duration)
  12298. }
  12299. .slideInLeft-enter {
  12300. -webkit-animation: slideInLeft-enter var(--el-transition-duration);
  12301. animation: slideInLeft-enter var(--el-transition-duration)
  12302. }
  12303. .slideInLeft-leave {
  12304. position: absolute;
  12305. left: 0;
  12306. right: 0;
  12307. -webkit-animation: slideInLeft-leave var(--el-transition-duration);
  12308. animation: slideInLeft-leave var(--el-transition-duration)
  12309. }
  12310. @-webkit-keyframes slideInRight-enter {
  12311. 0% {
  12312. opacity: 0;
  12313. transform-origin: 0 0;
  12314. transform: translateX(100%)
  12315. }
  12316. to {
  12317. opacity: 1;
  12318. transform-origin: 0 0;
  12319. transform: translateX(0)
  12320. }
  12321. }
  12322. @keyframes slideInRight-enter {
  12323. 0% {
  12324. opacity: 0;
  12325. transform-origin: 0 0;
  12326. transform: translateX(100%)
  12327. }
  12328. to {
  12329. opacity: 1;
  12330. transform-origin: 0 0;
  12331. transform: translateX(0)
  12332. }
  12333. }
  12334. @-webkit-keyframes slideInRight-leave {
  12335. 0% {
  12336. transform-origin: 0 0;
  12337. transform: translateX(0);
  12338. opacity: 1
  12339. }
  12340. 100% {
  12341. transform-origin: 0 0;
  12342. transform: translateX(100%);
  12343. opacity: 0
  12344. }
  12345. }
  12346. @keyframes slideInRight-leave {
  12347. 0% {
  12348. transform-origin: 0 0;
  12349. transform: translateX(0);
  12350. opacity: 1
  12351. }
  12352. 100% {
  12353. transform-origin: 0 0;
  12354. transform: translateX(100%);
  12355. opacity: 0
  12356. }
  12357. }
  12358. @-webkit-keyframes slideInLeft-enter {
  12359. 0% {
  12360. opacity: 0;
  12361. transform-origin: 0 0;
  12362. transform: translateX(-100%)
  12363. }
  12364. to {
  12365. opacity: 1;
  12366. transform-origin: 0 0;
  12367. transform: translateX(0)
  12368. }
  12369. }
  12370. @keyframes slideInLeft-enter {
  12371. 0% {
  12372. opacity: 0;
  12373. transform-origin: 0 0;
  12374. transform: translateX(-100%)
  12375. }
  12376. to {
  12377. opacity: 1;
  12378. transform-origin: 0 0;
  12379. transform: translateX(0)
  12380. }
  12381. }
  12382. @-webkit-keyframes slideInLeft-leave {
  12383. 0% {
  12384. transform-origin: 0 0;
  12385. transform: translateX(0);
  12386. opacity: 1
  12387. }
  12388. 100% {
  12389. transform-origin: 0 0;
  12390. transform: translateX(-100%);
  12391. opacity: 0
  12392. }
  12393. }
  12394. @keyframes slideInLeft-leave {
  12395. 0% {
  12396. transform-origin: 0 0;
  12397. transform: translateX(0);
  12398. opacity: 1
  12399. }
  12400. 100% {
  12401. transform-origin: 0 0;
  12402. transform: translateX(-100%);
  12403. opacity: 0
  12404. }
  12405. }
  12406. .el-tag {
  12407. --el-tag-font-size: 12px;
  12408. --el-tag-border-radius: 4px;
  12409. --el-tag-border-radius-rounded: 9999px
  12410. }
  12411. .el-tag {
  12412. --el-tag-bg-color: var(--el-color-primary-light-9);
  12413. --el-tag-border-color: var(--el-color-primary-light-8);
  12414. --el-tag-hover-color: var(--el-color-primary);
  12415. background-color: var(--el-tag-bg-color);
  12416. border-color: var(--el-tag-border-color);
  12417. color: var(--el-tag-text-color);
  12418. display: inline-flex;
  12419. justify-content: center;
  12420. align-items: center;
  12421. vertical-align: middle;
  12422. height: 24px;
  12423. padding: 0 9px;
  12424. font-size: var(--el-tag-font-size);
  12425. line-height: 1;
  12426. border-width: 1px;
  12427. border-style: solid;
  12428. border-radius: var(--el-tag-border-radius);
  12429. box-sizing: border-box;
  12430. white-space: nowrap;
  12431. --el-icon-size: 14px
  12432. }
  12433. .el-tag.el-tag--primary {
  12434. --el-tag-bg-color: var(--el-color-primary-light-9);
  12435. --el-tag-border-color: var(--el-color-primary-light-8);
  12436. --el-tag-hover-color: var(--el-color-primary)
  12437. }
  12438. .el-tag.el-tag--success {
  12439. --el-tag-bg-color: var(--el-color-success-light-9);
  12440. --el-tag-border-color: var(--el-color-success-light-8);
  12441. --el-tag-hover-color: var(--el-color-success)
  12442. }
  12443. .el-tag.el-tag--warning {
  12444. --el-tag-bg-color: var(--el-color-warning-light-9);
  12445. --el-tag-border-color: var(--el-color-warning-light-8);
  12446. --el-tag-hover-color: var(--el-color-warning)
  12447. }
  12448. .el-tag.el-tag--danger {
  12449. --el-tag-bg-color: var(--el-color-danger-light-9);
  12450. --el-tag-border-color: var(--el-color-danger-light-8);
  12451. --el-tag-hover-color: var(--el-color-danger)
  12452. }
  12453. .el-tag.el-tag--error {
  12454. --el-tag-bg-color: var(--el-color-error-light-9);
  12455. --el-tag-border-color: var(--el-color-error-light-8);
  12456. --el-tag-hover-color: var(--el-color-error)
  12457. }
  12458. .el-tag.el-tag--info {
  12459. --el-tag-bg-color: var(--el-color-info-light-9);
  12460. --el-tag-border-color: var(--el-color-info-light-8);
  12461. --el-tag-hover-color: var(--el-color-info)
  12462. }
  12463. .el-tag.el-tag--primary {
  12464. --el-tag-text-color: var(--el-color-primary)
  12465. }
  12466. .el-tag.el-tag--success {
  12467. --el-tag-text-color: var(--el-color-success)
  12468. }
  12469. .el-tag.el-tag--warning {
  12470. --el-tag-text-color: var(--el-color-warning)
  12471. }
  12472. .el-tag.el-tag--danger {
  12473. --el-tag-text-color: var(--el-color-danger)
  12474. }
  12475. .el-tag.el-tag--error {
  12476. --el-tag-text-color: var(--el-color-error)
  12477. }
  12478. .el-tag.el-tag--info {
  12479. --el-tag-text-color: var(--el-color-info)
  12480. }
  12481. .el-tag.is-hit {
  12482. border-color: var(--el-color-primary)
  12483. }
  12484. .el-tag.is-round {
  12485. border-radius: var(--el-tag-border-radius-rounded)
  12486. }
  12487. .el-tag .el-tag__close {
  12488. flex-shrink: 0;
  12489. color: var(--el-tag-text-color)
  12490. }
  12491. .el-tag .el-tag__close:hover {
  12492. color: var(--el-color-white);
  12493. background-color: var(--el-tag-hover-color)
  12494. }
  12495. .el-tag .el-icon {
  12496. border-radius: 50%;
  12497. cursor: pointer;
  12498. font-size: calc(var(--el-icon-size) - 2px);
  12499. height: var(--el-icon-size);
  12500. width: var(--el-icon-size)
  12501. }
  12502. .el-tag .el-tag__close {
  12503. margin-left: 6px
  12504. }
  12505. .el-tag--dark {
  12506. --el-tag-bg-color: var(--el-color-primary);
  12507. --el-tag-border-color: var(--el-color-primary);
  12508. --el-tag-hover-color: var(--el-color-primary-light-3);
  12509. --el-tag-text-color: var(--el-color-white);
  12510. --el-tag-text-color: var(--el-color-white)
  12511. }
  12512. .el-tag--dark.el-tag--primary {
  12513. --el-tag-bg-color: var(--el-color-primary);
  12514. --el-tag-border-color: var(--el-color-primary);
  12515. --el-tag-hover-color: var(--el-color-primary-light-3)
  12516. }
  12517. .el-tag--dark.el-tag--success {
  12518. --el-tag-bg-color: var(--el-color-success);
  12519. --el-tag-border-color: var(--el-color-success);
  12520. --el-tag-hover-color: var(--el-color-success-light-3)
  12521. }
  12522. .el-tag--dark.el-tag--warning {
  12523. --el-tag-bg-color: var(--el-color-warning);
  12524. --el-tag-border-color: var(--el-color-warning);
  12525. --el-tag-hover-color: var(--el-color-warning-light-3)
  12526. }
  12527. .el-tag--dark.el-tag--danger {
  12528. --el-tag-bg-color: var(--el-color-danger);
  12529. --el-tag-border-color: var(--el-color-danger);
  12530. --el-tag-hover-color: var(--el-color-danger-light-3)
  12531. }
  12532. .el-tag--dark.el-tag--error {
  12533. --el-tag-bg-color: var(--el-color-error);
  12534. --el-tag-border-color: var(--el-color-error);
  12535. --el-tag-hover-color: var(--el-color-error-light-3)
  12536. }
  12537. .el-tag--dark.el-tag--info {
  12538. --el-tag-bg-color: var(--el-color-info);
  12539. --el-tag-border-color: var(--el-color-info);
  12540. --el-tag-hover-color: var(--el-color-info-light-3)
  12541. }
  12542. .el-tag--dark.el-tag--primary {
  12543. --el-tag-text-color: var(--el-color-white)
  12544. }
  12545. .el-tag--dark.el-tag--success {
  12546. --el-tag-text-color: var(--el-color-white)
  12547. }
  12548. .el-tag--dark.el-tag--warning {
  12549. --el-tag-text-color: var(--el-color-white)
  12550. }
  12551. .el-tag--dark.el-tag--danger {
  12552. --el-tag-text-color: var(--el-color-white)
  12553. }
  12554. .el-tag--dark.el-tag--error {
  12555. --el-tag-text-color: var(--el-color-white)
  12556. }
  12557. .el-tag--dark.el-tag--info {
  12558. --el-tag-text-color: var(--el-color-white)
  12559. }
  12560. .el-tag--plain {
  12561. --el-tag-bg-color: var(--el-fill-color-blank);
  12562. --el-tag-border-color: var(--el-color-primary-light-5);
  12563. --el-tag-hover-color: var(--el-color-primary);
  12564. --el-tag-bg-color: var(--el-fill-color-blank)
  12565. }
  12566. .el-tag--plain.el-tag--primary {
  12567. --el-tag-bg-color: var(--el-fill-color-blank);
  12568. --el-tag-border-color: var(--el-color-primary-light-5);
  12569. --el-tag-hover-color: var(--el-color-primary)
  12570. }
  12571. .el-tag--plain.el-tag--success {
  12572. --el-tag-bg-color: var(--el-fill-color-blank);
  12573. --el-tag-border-color: var(--el-color-success-light-5);
  12574. --el-tag-hover-color: var(--el-color-success)
  12575. }
  12576. .el-tag--plain.el-tag--warning {
  12577. --el-tag-bg-color: var(--el-fill-color-blank);
  12578. --el-tag-border-color: var(--el-color-warning-light-5);
  12579. --el-tag-hover-color: var(--el-color-warning)
  12580. }
  12581. .el-tag--plain.el-tag--danger {
  12582. --el-tag-bg-color: var(--el-fill-color-blank);
  12583. --el-tag-border-color: var(--el-color-danger-light-5);
  12584. --el-tag-hover-color: var(--el-color-danger)
  12585. }
  12586. .el-tag--plain.el-tag--error {
  12587. --el-tag-bg-color: var(--el-fill-color-blank);
  12588. --el-tag-border-color: var(--el-color-error-light-5);
  12589. --el-tag-hover-color: var(--el-color-error)
  12590. }
  12591. .el-tag--plain.el-tag--info {
  12592. --el-tag-bg-color: var(--el-fill-color-blank);
  12593. --el-tag-border-color: var(--el-color-info-light-5);
  12594. --el-tag-hover-color: var(--el-color-info)
  12595. }
  12596. .el-tag.is-closable {
  12597. padding-right: 5px
  12598. }
  12599. .el-tag--large {
  12600. padding: 0 11px;
  12601. height: 32px;
  12602. --el-icon-size: 16px
  12603. }
  12604. .el-tag--large .el-tag__close {
  12605. margin-left: 8px
  12606. }
  12607. .el-tag--large.is-closable {
  12608. padding-right: 7px
  12609. }
  12610. .el-tag--small {
  12611. padding: 0 7px;
  12612. height: 20px;
  12613. --el-icon-size: 12px
  12614. }
  12615. .el-tag--small .el-tag__close {
  12616. margin-left: 4px
  12617. }
  12618. .el-tag--small.is-closable {
  12619. padding-right: 3px
  12620. }
  12621. .el-tag--small .el-icon-close {
  12622. transform: scale(.8)
  12623. }
  12624. .el-tag.el-tag--primary.is-hit {
  12625. border-color: var(--el-color-primary)
  12626. }
  12627. .el-tag.el-tag--success.is-hit {
  12628. border-color: var(--el-color-success)
  12629. }
  12630. .el-tag.el-tag--warning.is-hit {
  12631. border-color: var(--el-color-warning)
  12632. }
  12633. .el-tag.el-tag--danger.is-hit {
  12634. border-color: var(--el-color-danger)
  12635. }
  12636. .el-tag.el-tag--error.is-hit {
  12637. border-color: var(--el-color-error)
  12638. }
  12639. .el-tag.el-tag--info.is-hit {
  12640. border-color: var(--el-color-info)
  12641. }
  12642. .el-text {
  12643. --el-text-font-size: var(--el-font-size-base);
  12644. --el-text-color: var(--el-text-color-regular)
  12645. }
  12646. .el-text {
  12647. align-self: center;
  12648. margin: 0;
  12649. padding: 0;
  12650. font-size: var(--el-text-font-size);
  12651. color: var(--el-text-color);
  12652. overflow-wrap: break-word
  12653. }
  12654. .el-text.is-truncated {
  12655. display: inline-block;
  12656. max-width: 100%;
  12657. text-overflow: ellipsis;
  12658. white-space: nowrap;
  12659. overflow: hidden
  12660. }
  12661. .el-text.is-line-clamp {
  12662. display: -webkit-inline-box;
  12663. -webkit-box-orient: vertical;
  12664. overflow: hidden
  12665. }
  12666. .el-text--large {
  12667. --el-text-font-size: var(--el-font-size-medium)
  12668. }
  12669. .el-text--default {
  12670. --el-text-font-size: var(--el-font-size-base)
  12671. }
  12672. .el-text--small {
  12673. --el-text-font-size: var(--el-font-size-extra-small)
  12674. }
  12675. .el-text.el-text--primary {
  12676. --el-text-color: var(--el-color-primary)
  12677. }
  12678. .el-text.el-text--success {
  12679. --el-text-color: var(--el-color-success)
  12680. }
  12681. .el-text.el-text--warning {
  12682. --el-text-color: var(--el-color-warning)
  12683. }
  12684. .el-text.el-text--danger {
  12685. --el-text-color: var(--el-color-danger)
  12686. }
  12687. .el-text.el-text--error {
  12688. --el-text-color: var(--el-color-error)
  12689. }
  12690. .el-text.el-text--info {
  12691. --el-text-color: var(--el-color-info)
  12692. }
  12693. .el-text>.el-icon {
  12694. vertical-align: -2px
  12695. }
  12696. .time-select {
  12697. margin: 5px 0;
  12698. min-width: 0
  12699. }
  12700. .time-select .el-picker-panel__content {
  12701. max-height: 200px;
  12702. margin: 0
  12703. }
  12704. .time-select-item {
  12705. padding: 8px 10px;
  12706. font-size: 14px;
  12707. line-height: 20px
  12708. }
  12709. .time-select-item.disabled {
  12710. color: var(--el-datepicker-border-color);
  12711. cursor: not-allowed
  12712. }
  12713. .time-select-item:hover {
  12714. background-color: var(--el-fill-color-light);
  12715. font-weight: 700;
  12716. cursor: pointer
  12717. }
  12718. .time-select .time-select-item.selected:not(.disabled) {
  12719. color: var(--el-color-primary);
  12720. font-weight: 700
  12721. }
  12722. .el-timeline-item {
  12723. position: relative;
  12724. padding-bottom: 20px
  12725. }
  12726. .el-timeline-item__wrapper {
  12727. position: relative;
  12728. padding-left: 28px;
  12729. top: -3px
  12730. }
  12731. .el-timeline-item__tail {
  12732. position: absolute;
  12733. left: 4px;
  12734. height: 100%;
  12735. border-left: 2px solid var(--el-timeline-node-color)
  12736. }
  12737. .el-timeline-item .el-timeline-item__icon {
  12738. color: var(--el-color-white);
  12739. font-size: var(--el-font-size-small)
  12740. }
  12741. .el-timeline-item__node {
  12742. position: absolute;
  12743. background-color: var(--el-timeline-node-color);
  12744. border-color: var(--el-timeline-node-color);
  12745. border-radius: 50%;
  12746. box-sizing: border-box;
  12747. display: flex;
  12748. justify-content: center;
  12749. align-items: center
  12750. }
  12751. .el-timeline-item__node--normal {
  12752. left: -1px;
  12753. width: var(--el-timeline-node-size-normal);
  12754. height: var(--el-timeline-node-size-normal)
  12755. }
  12756. .el-timeline-item__node--large {
  12757. left: -2px;
  12758. width: var(--el-timeline-node-size-large);
  12759. height: var(--el-timeline-node-size-large)
  12760. }
  12761. .el-timeline-item__node.is-hollow {
  12762. background: var(--el-color-white);
  12763. border-style: solid;
  12764. border-width: 2px
  12765. }
  12766. .el-timeline-item__node--primary {
  12767. background-color: var(--el-color-primary);
  12768. border-color: var(--el-color-primary)
  12769. }
  12770. .el-timeline-item__node--success {
  12771. background-color: var(--el-color-success);
  12772. border-color: var(--el-color-success)
  12773. }
  12774. .el-timeline-item__node--warning {
  12775. background-color: var(--el-color-warning);
  12776. border-color: var(--el-color-warning)
  12777. }
  12778. .el-timeline-item__node--danger {
  12779. background-color: var(--el-color-danger);
  12780. border-color: var(--el-color-danger)
  12781. }
  12782. .el-timeline-item__node--info {
  12783. background-color: var(--el-color-info);
  12784. border-color: var(--el-color-info)
  12785. }
  12786. .el-timeline-item__dot {
  12787. position: absolute;
  12788. display: flex;
  12789. justify-content: center;
  12790. align-items: center
  12791. }
  12792. .el-timeline-item__content {
  12793. color: var(--el-text-color-primary)
  12794. }
  12795. .el-timeline-item__timestamp {
  12796. color: var(--el-text-color-secondary);
  12797. line-height: 1;
  12798. font-size: var(--el-font-size-small)
  12799. }
  12800. .el-timeline-item__timestamp.is-top {
  12801. margin-bottom: 8px;
  12802. padding-top: 4px
  12803. }
  12804. .el-timeline-item__timestamp.is-bottom {
  12805. margin-top: 8px
  12806. }
  12807. .el-timeline {
  12808. --el-timeline-node-size-normal: 12px;
  12809. --el-timeline-node-size-large: 14px;
  12810. --el-timeline-node-color: var(--el-border-color-light)
  12811. }
  12812. .el-timeline {
  12813. margin: 0;
  12814. font-size: var(--el-font-size-base);
  12815. list-style: none
  12816. }
  12817. .el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
  12818. display: none
  12819. }
  12820. .el-timeline .el-timeline-item__center {
  12821. display: flex;
  12822. align-items: center
  12823. }
  12824. .el-timeline .el-timeline-item__center .el-timeline-item__wrapper {
  12825. width: 100%
  12826. }
  12827. .el-timeline .el-timeline-item__center .el-timeline-item__tail {
  12828. top: 0
  12829. }
  12830. .el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail {
  12831. height: calc(50% + 10px);
  12832. top: calc(50% - 10px)
  12833. }
  12834. .el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail {
  12835. display: block;
  12836. height: calc(50% - 10px)
  12837. }
  12838. .el-tooltip-v2__content {
  12839. --el-tooltip-v2-padding: 5px 10px;
  12840. --el-tooltip-v2-border-radius: 4px;
  12841. --el-tooltip-v2-border-color: var(--el-border-color);
  12842. border-radius: var(--el-tooltip-v2-border-radius);
  12843. color: var(--el-color-black);
  12844. background-color: var(--el-color-white);
  12845. padding: var(--el-tooltip-v2-padding);
  12846. border: 1px solid var(--el-border-color)
  12847. }
  12848. .el-tooltip-v2__arrow {
  12849. position: absolute;
  12850. color: var(--el-color-white);
  12851. width: var(--el-tooltip-v2-arrow-width);
  12852. height: var(--el-tooltip-v2-arrow-height);
  12853. pointer-events: none;
  12854. left: var(--el-tooltip-v2-arrow-x);
  12855. top: var(--el-tooltip-v2-arrow-y)
  12856. }
  12857. .el-tooltip-v2__arrow::before {
  12858. content: "";
  12859. width: 0;
  12860. height: 0;
  12861. border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
  12862. position: absolute
  12863. }
  12864. .el-tooltip-v2__arrow::after {
  12865. content: "";
  12866. width: 0;
  12867. height: 0;
  12868. border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
  12869. position: absolute
  12870. }
  12871. .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow {
  12872. bottom: 0
  12873. }
  12874. .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow::before {
  12875. border-top-color: var(--el-color-white);
  12876. border-top-width: var(--el-tooltip-v2-arrow-border-width);
  12877. border-bottom: 0;
  12878. top: calc(100% - 1px)
  12879. }
  12880. .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow::after {
  12881. border-top-color: var(--el-border-color);
  12882. border-top-width: var(--el-tooltip-v2-arrow-border-width);
  12883. border-bottom: 0;
  12884. top: 100%;
  12885. z-index: -1
  12886. }
  12887. .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow {
  12888. top: 0
  12889. }
  12890. .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow::before {
  12891. border-bottom-color: var(--el-color-white);
  12892. border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
  12893. border-top: 0;
  12894. bottom: calc(100% - 1px)
  12895. }
  12896. .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow::after {
  12897. border-bottom-color: var(--el-border-color);
  12898. border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
  12899. border-top: 0;
  12900. bottom: 100%;
  12901. z-index: -1
  12902. }
  12903. .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow {
  12904. right: 0
  12905. }
  12906. .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow::before {
  12907. border-left-color: var(--el-color-white);
  12908. border-left-width: var(--el-tooltip-v2-arrow-border-width);
  12909. border-right: 0;
  12910. left: calc(100% - 1px)
  12911. }
  12912. .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow::after {
  12913. border-left-color: var(--el-border-color);
  12914. border-left-width: var(--el-tooltip-v2-arrow-border-width);
  12915. border-right: 0;
  12916. left: 100%;
  12917. z-index: -1
  12918. }
  12919. .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow {
  12920. left: 0
  12921. }
  12922. .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow::before {
  12923. border-right-color: var(--el-color-white);
  12924. border-right-width: var(--el-tooltip-v2-arrow-border-width);
  12925. border-left: 0;
  12926. right: calc(100% - 1px)
  12927. }
  12928. .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow::after {
  12929. border-right-color: var(--el-border-color);
  12930. border-right-width: var(--el-tooltip-v2-arrow-border-width);
  12931. border-left: 0;
  12932. right: 100%;
  12933. z-index: -1
  12934. }
  12935. .el-tooltip-v2__content.is-dark {
  12936. --el-tooltip-v2-border-color: transparent;
  12937. background-color: var(--el-color-black);
  12938. color: var(--el-color-white);
  12939. border-color: transparent
  12940. }
  12941. .el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow {
  12942. background-color: var(--el-color-black);
  12943. border-color: transparent
  12944. }
  12945. .el-transfer {
  12946. --el-transfer-border-color: var(--el-border-color-lighter);
  12947. --el-transfer-border-radius: var(--el-border-radius-base);
  12948. --el-transfer-panel-width: 200px;
  12949. --el-transfer-panel-header-height: 40px;
  12950. --el-transfer-panel-header-bg-color: var(--el-fill-color-light);
  12951. --el-transfer-panel-footer-height: 40px;
  12952. --el-transfer-panel-body-height: 278px;
  12953. --el-transfer-item-height: 30px;
  12954. --el-transfer-filter-height: 32px
  12955. }
  12956. .el-transfer {
  12957. font-size: var(--el-font-size-base)
  12958. }
  12959. .el-transfer__buttons {
  12960. display: inline-block;
  12961. vertical-align: middle;
  12962. padding: 0 30px
  12963. }
  12964. .el-transfer__button {
  12965. vertical-align: top
  12966. }
  12967. .el-transfer__button:nth-child(2) {
  12968. margin: 0 0 0 10px
  12969. }
  12970. .el-transfer__button i,
  12971. .el-transfer__button span {
  12972. font-size: 14px
  12973. }
  12974. .el-transfer__button .el-icon+span {
  12975. margin-left: 0
  12976. }
  12977. .el-transfer-panel {
  12978. overflow: hidden;
  12979. background: var(--el-bg-color-overlay);
  12980. display: inline-block;
  12981. text-align: left;
  12982. vertical-align: middle;
  12983. width: var(--el-transfer-panel-width);
  12984. max-height: 100%;
  12985. box-sizing: border-box;
  12986. position: relative
  12987. }
  12988. .el-transfer-panel__body {
  12989. height: var(--el-transfer-panel-body-height);
  12990. border-left: 1px solid var(--el-transfer-border-color);
  12991. border-right: 1px solid var(--el-transfer-border-color);
  12992. border-bottom: 1px solid var(--el-transfer-border-color);
  12993. border-bottom-left-radius: var(--el-transfer-border-radius);
  12994. border-bottom-right-radius: var(--el-transfer-border-radius);
  12995. overflow: hidden
  12996. }
  12997. .el-transfer-panel__body.is-with-footer {
  12998. border-bottom: none;
  12999. border-bottom-left-radius: 0;
  13000. border-bottom-right-radius: 0
  13001. }
  13002. .el-transfer-panel__list {
  13003. margin: 0;
  13004. padding: 6px 0;
  13005. list-style: none;
  13006. height: var(--el-transfer-panel-body-height);
  13007. overflow: auto;
  13008. box-sizing: border-box
  13009. }
  13010. .el-transfer-panel__list.is-filterable {
  13011. height: calc(100% - var(--el-transfer-filter-height) - 30px);
  13012. padding-top: 0
  13013. }
  13014. .el-transfer-panel__item {
  13015. height: var(--el-transfer-item-height);
  13016. line-height: var(--el-transfer-item-height);
  13017. padding-left: 15px;
  13018. display: block !important
  13019. }
  13020. .el-transfer-panel__item+.el-transfer-panel__item {
  13021. margin-left: 0
  13022. }
  13023. .el-transfer-panel__item.el-checkbox {
  13024. color: var(--el-text-color-regular)
  13025. }
  13026. .el-transfer-panel__item:hover {
  13027. color: var(--el-color-primary)
  13028. }
  13029. .el-transfer-panel__item.el-checkbox .el-checkbox__label {
  13030. width: 100%;
  13031. overflow: hidden;
  13032. text-overflow: ellipsis;
  13033. white-space: nowrap;
  13034. display: block;
  13035. box-sizing: border-box;
  13036. padding-left: 22px;
  13037. line-height: var(--el-transfer-item-height)
  13038. }
  13039. .el-transfer-panel__item .el-checkbox__input {
  13040. position: absolute;
  13041. top: 8px
  13042. }
  13043. .el-transfer-panel__filter {
  13044. text-align: center;
  13045. padding: 15px;
  13046. box-sizing: border-box
  13047. }
  13048. .el-transfer-panel__filter .el-input__inner {
  13049. height: var(--el-transfer-filter-height);
  13050. width: 100%;
  13051. font-size: 12px;
  13052. display: inline-block;
  13053. box-sizing: border-box;
  13054. border-radius: calc(var(--el-transfer-filter-height)/ 2)
  13055. }
  13056. .el-transfer-panel__filter .el-icon-circle-close {
  13057. cursor: pointer
  13058. }
  13059. .el-transfer-panel .el-transfer-panel__header {
  13060. display: flex;
  13061. align-items: center;
  13062. height: var(--el-transfer-panel-header-height);
  13063. background: var(--el-transfer-panel-header-bg-color);
  13064. margin: 0;
  13065. padding-left: 15px;
  13066. border: 1px solid var(--el-transfer-border-color);
  13067. border-top-left-radius: var(--el-transfer-border-radius);
  13068. border-top-right-radius: var(--el-transfer-border-radius);
  13069. box-sizing: border-box;
  13070. color: var(--el-color-black)
  13071. }
  13072. .el-transfer-panel .el-transfer-panel__header .el-checkbox {
  13073. position: relative;
  13074. display: flex;
  13075. width: 100%;
  13076. align-items: center
  13077. }
  13078. .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  13079. font-size: 16px;
  13080. color: var(--el-text-color-primary);
  13081. font-weight: 400
  13082. }
  13083. .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
  13084. position: absolute;
  13085. right: 15px;
  13086. top: 50%;
  13087. transform: translate3d(0, -50%, 0);
  13088. color: var(--el-text-color-secondary);
  13089. font-size: 12px;
  13090. font-weight: 400
  13091. }
  13092. .el-transfer-panel .el-transfer-panel__footer {
  13093. height: var(--el-transfer-panel-footer-height);
  13094. background: var(--el-bg-color-overlay);
  13095. margin: 0;
  13096. padding: 0;
  13097. border: 1px solid var(--el-transfer-border-color);
  13098. border-bottom-left-radius: var(--el-transfer-border-radius);
  13099. border-bottom-right-radius: var(--el-transfer-border-radius)
  13100. }
  13101. .el-transfer-panel .el-transfer-panel__footer::after {
  13102. display: inline-block;
  13103. content: "";
  13104. height: 100%;
  13105. vertical-align: middle
  13106. }
  13107. .el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  13108. padding-left: 20px;
  13109. color: var(--el-text-color-regular)
  13110. }
  13111. .el-transfer-panel .el-transfer-panel__empty {
  13112. margin: 0;
  13113. height: var(--el-transfer-item-height);
  13114. line-height: var(--el-transfer-item-height);
  13115. padding: 6px 15px 0;
  13116. color: var(--el-text-color-secondary);
  13117. text-align: center
  13118. }
  13119. .el-transfer-panel .el-checkbox__label {
  13120. padding-left: 8px
  13121. }
  13122. .el-transfer-panel .el-checkbox__inner {
  13123. height: 14px;
  13124. width: 14px;
  13125. border-radius: 3px
  13126. }
  13127. .el-transfer-panel .el-checkbox__inner::after {
  13128. height: 6px;
  13129. width: 3px;
  13130. left: 4px
  13131. }
  13132. .el-tree {
  13133. --el-tree-node-content-height: 26px;
  13134. --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  13135. --el-tree-text-color: var(--el-text-color-regular);
  13136. --el-tree-expand-icon-color: var(--el-text-color-placeholder)
  13137. }
  13138. .el-tree {
  13139. position: relative;
  13140. cursor: default;
  13141. background: var(--el-fill-color-blank);
  13142. color: var(--el-tree-text-color);
  13143. font-size: var(--el-font-size-base)
  13144. }
  13145. .el-tree__empty-block {
  13146. position: relative;
  13147. min-height: 60px;
  13148. text-align: center;
  13149. width: 100%;
  13150. height: 100%
  13151. }
  13152. .el-tree__empty-text {
  13153. position: absolute;
  13154. left: 50%;
  13155. top: 50%;
  13156. transform: translate(-50%, -50%);
  13157. color: var(--el-text-color-secondary);
  13158. font-size: var(--el-font-size-base)
  13159. }
  13160. .el-tree__drop-indicator {
  13161. position: absolute;
  13162. left: 0;
  13163. right: 0;
  13164. height: 1px;
  13165. background-color: var(--el-color-primary)
  13166. }
  13167. .el-tree-node {
  13168. white-space: nowrap;
  13169. outline: 0
  13170. }
  13171. .el-tree-node:focus>.el-tree-node__content {
  13172. background-color: var(--el-tree-node-hover-bg-color)
  13173. }
  13174. .el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
  13175. background-color: var(--el-color-primary);
  13176. color: #fff
  13177. }
  13178. .el-tree-node__content {
  13179. --el-checkbox-height: var(--el-tree-node-content-height);
  13180. display: flex;
  13181. align-items: center;
  13182. height: var(--el-tree-node-content-height);
  13183. cursor: pointer
  13184. }
  13185. .el-tree-node__content>.el-tree-node__expand-icon {
  13186. padding: 6px;
  13187. box-sizing: content-box
  13188. }
  13189. .el-tree-node__content>label.el-checkbox {
  13190. margin-right: 8px
  13191. }
  13192. .el-tree-node__content:hover {
  13193. background-color: var(--el-tree-node-hover-bg-color)
  13194. }
  13195. .el-tree.is-dragging .el-tree-node__content {
  13196. cursor: move
  13197. }
  13198. .el-tree.is-dragging .el-tree-node__content * {
  13199. pointer-events: none
  13200. }
  13201. .el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  13202. cursor: not-allowed
  13203. }
  13204. .el-tree-node__expand-icon {
  13205. cursor: pointer;
  13206. color: var(--el-tree-expand-icon-color);
  13207. font-size: 12px;
  13208. transform: rotate(0);
  13209. transition: transform var(--el-transition-duration) ease-in-out
  13210. }
  13211. .el-tree-node__expand-icon.expanded {
  13212. transform: rotate(90deg)
  13213. }
  13214. .el-tree-node__expand-icon.is-leaf {
  13215. color: transparent;
  13216. cursor: default;
  13217. visibility: hidden
  13218. }
  13219. .el-tree-node__expand-icon.is-hidden {
  13220. visibility: hidden
  13221. }
  13222. .el-tree-node__loading-icon {
  13223. margin-right: 8px;
  13224. font-size: var(--el-font-size-base);
  13225. color: var(--el-tree-expand-icon-color)
  13226. }
  13227. .el-tree-node>.el-tree-node__children {
  13228. overflow: hidden;
  13229. background-color: transparent
  13230. }
  13231. .el-tree-node.is-expanded>.el-tree-node__children {
  13232. display: block
  13233. }
  13234. .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  13235. background-color: var(--el-color-primary-light-9)
  13236. }
  13237. .el-tree-select {
  13238. --el-tree-node-content-height: 26px;
  13239. --el-tree-node-hover-bg-color: var(--el-fill-color-light);
  13240. --el-tree-text-color: var(--el-text-color-regular);
  13241. --el-tree-expand-icon-color: var(--el-text-color-placeholder)
  13242. }
  13243. .el-tree-select__popper .el-tree-node__expand-icon {
  13244. margin-left: 8px
  13245. }
  13246. .el-tree-select__popper .el-tree-node.is-checked>.el-tree-node__content .el-select-dropdown__item.selected::after {
  13247. content: none
  13248. }
  13249. .el-tree-select__popper .el-select-dropdown__item {
  13250. flex: 1;
  13251. background: 0 0 !important;
  13252. padding-left: 0;
  13253. height: 20px;
  13254. line-height: 20px
  13255. }
  13256. .el-upload {
  13257. --el-upload-dragger-padding-horizontal: 40px;
  13258. --el-upload-dragger-padding-vertical: 10px
  13259. }
  13260. .el-upload {
  13261. display: inline-flex;
  13262. justify-content: center;
  13263. align-items: center;
  13264. cursor: pointer;
  13265. outline: 0
  13266. }
  13267. .el-upload__input {
  13268. display: none
  13269. }
  13270. .el-upload__tip {
  13271. font-size: 12px;
  13272. color: var(--el-text-color-regular);
  13273. margin-top: 7px
  13274. }
  13275. .el-upload iframe {
  13276. position: absolute;
  13277. z-index: -1;
  13278. top: 0;
  13279. left: 0;
  13280. opacity: 0
  13281. }
  13282. .el-upload--picture-card {
  13283. --el-upload-picture-card-size: 148px;
  13284. background-color: var(--el-fill-color-lighter);
  13285. border: 1px dashed var(--el-border-color-darker);
  13286. border-radius: 6px;
  13287. box-sizing: border-box;
  13288. width: var(--el-upload-picture-card-size);
  13289. height: var(--el-upload-picture-card-size);
  13290. cursor: pointer;
  13291. vertical-align: top;
  13292. display: inline-flex;
  13293. justify-content: center;
  13294. align-items: center
  13295. }
  13296. .el-upload--picture-card>i {
  13297. font-size: 28px;
  13298. color: var(--el-text-color-secondary)
  13299. }
  13300. .el-upload--picture-card:hover {
  13301. border-color: var(--el-color-primary);
  13302. color: var(--el-color-primary)
  13303. }
  13304. .el-upload.is-drag {
  13305. display: block
  13306. }
  13307. .el-upload:focus {
  13308. border-color: var(--el-color-primary);
  13309. color: var(--el-color-primary)
  13310. }
  13311. .el-upload:focus .el-upload-dragger {
  13312. border-color: var(--el-color-primary)
  13313. }
  13314. .el-upload-dragger {
  13315. padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);
  13316. background-color: var(--el-fill-color-blank);
  13317. border: 1px dashed var(--el-border-color);
  13318. border-radius: 6px;
  13319. box-sizing: border-box;
  13320. text-align: center;
  13321. cursor: pointer;
  13322. position: relative;
  13323. overflow: hidden
  13324. }
  13325. .el-upload-dragger .el-icon--upload {
  13326. font-size: 67px;
  13327. color: var(--el-text-color-placeholder);
  13328. margin-bottom: 16px;
  13329. line-height: 50px
  13330. }
  13331. .el-upload-dragger+.el-upload__tip {
  13332. text-align: center
  13333. }
  13334. .el-upload-dragger~.el-upload__files {
  13335. border-top: var(--el-border);
  13336. margin-top: 7px;
  13337. padding-top: 5px
  13338. }
  13339. .el-upload-dragger .el-upload__text {
  13340. color: var(--el-text-color-regular);
  13341. font-size: 14px;
  13342. text-align: center
  13343. }
  13344. .el-upload-dragger .el-upload__text em {
  13345. color: var(--el-color-primary);
  13346. font-style: normal
  13347. }
  13348. .el-upload-dragger:hover {
  13349. border-color: var(--el-color-primary)
  13350. }
  13351. .el-upload-dragger.is-dragover {
  13352. padding: calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px);
  13353. background-color: var(--el-color-primary-light-9);
  13354. border: 2px dashed var(--el-color-primary)
  13355. }
  13356. .el-upload-list {
  13357. margin: 10px 0 0;
  13358. padding: 0;
  13359. list-style: none;
  13360. position: relative
  13361. }
  13362. .el-upload-list__item {
  13363. transition: all .5s cubic-bezier(.55, 0, .1, 1);
  13364. font-size: 14px;
  13365. color: var(--el-text-color-regular);
  13366. margin-bottom: 5px;
  13367. position: relative;
  13368. box-sizing: border-box;
  13369. border-radius: 4px;
  13370. width: 100%
  13371. }
  13372. .el-upload-list__item .el-progress {
  13373. position: absolute;
  13374. top: 20px;
  13375. width: 100%
  13376. }
  13377. .el-upload-list__item .el-progress__text {
  13378. position: absolute;
  13379. right: 0;
  13380. top: -13px
  13381. }
  13382. .el-upload-list__item .el-progress-bar {
  13383. margin-right: 0;
  13384. padding-right: 0
  13385. }
  13386. .el-upload-list__item .el-icon--upload-success {
  13387. color: var(--el-color-success)
  13388. }
  13389. .el-upload-list__item .el-icon--close {
  13390. display: none;
  13391. position: absolute;
  13392. right: 5px;
  13393. top: 50%;
  13394. cursor: pointer;
  13395. opacity: .75;
  13396. color: var(--el-text-color-regular);
  13397. transition: opacity var(--el-transition-duration);
  13398. transform: translateY(-50%)
  13399. }
  13400. .el-upload-list__item .el-icon--close:hover {
  13401. opacity: 1;
  13402. color: var(--el-color-primary)
  13403. }
  13404. .el-upload-list__item .el-icon--close-tip {
  13405. display: none;
  13406. position: absolute;
  13407. top: 1px;
  13408. right: 5px;
  13409. font-size: 12px;
  13410. cursor: pointer;
  13411. opacity: 1;
  13412. color: var(--el-color-primary);
  13413. font-style: normal
  13414. }
  13415. .el-upload-list__item:hover {
  13416. background-color: var(--el-fill-color-light)
  13417. }
  13418. .el-upload-list__item:hover .el-icon--close {
  13419. display: inline-flex
  13420. }
  13421. .el-upload-list__item:hover .el-progress__text {
  13422. display: none
  13423. }
  13424. .el-upload-list__item .el-upload-list__item-info {
  13425. display: inline-flex;
  13426. justify-content: center;
  13427. flex-direction: column;
  13428. width: calc(100% - 30px);
  13429. margin-left: 4px
  13430. }
  13431. .el-upload-list__item.is-success .el-upload-list__item-status-label {
  13432. display: inline-flex
  13433. }
  13434. .el-upload-list__item.is-success .el-upload-list__item-name:focus,
  13435. .el-upload-list__item.is-success .el-upload-list__item-name:hover {
  13436. color: var(--el-color-primary);
  13437. cursor: pointer
  13438. }
  13439. .el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip {
  13440. display: inline-block
  13441. }
  13442. .el-upload-list__item.is-success:active,
  13443. .el-upload-list__item.is-success:not(.focusing):focus {
  13444. outline-width: 0
  13445. }
  13446. .el-upload-list__item.is-success:active .el-icon--close-tip,
  13447. .el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip {
  13448. display: none
  13449. }
  13450. .el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
  13451. .el-upload-list__item.is-success:hover .el-upload-list__item-status-label {
  13452. display: none;
  13453. opacity: 0
  13454. }
  13455. .el-upload-list__item-name {
  13456. color: var(--el-text-color-regular);
  13457. display: inline-flex;
  13458. text-align: center;
  13459. align-items: center;
  13460. padding: 0 4px;
  13461. transition: color var(--el-transition-duration);
  13462. font-size: var(--el-font-size-base)
  13463. }
  13464. .el-upload-list__item-name .el-icon {
  13465. margin-right: 6px;
  13466. color: var(--el-text-color-secondary)
  13467. }
  13468. .el-upload-list__item-file-name {
  13469. overflow: hidden;
  13470. text-overflow: ellipsis;
  13471. white-space: nowrap
  13472. }
  13473. .el-upload-list__item-status-label {
  13474. position: absolute;
  13475. right: 5px;
  13476. top: 0;
  13477. line-height: inherit;
  13478. display: none;
  13479. height: 100%;
  13480. justify-content: center;
  13481. align-items: center;
  13482. transition: opacity var(--el-transition-duration)
  13483. }
  13484. .el-upload-list__item-delete {
  13485. position: absolute;
  13486. right: 10px;
  13487. top: 0;
  13488. font-size: 12px;
  13489. color: var(--el-text-color-regular);
  13490. display: none
  13491. }
  13492. .el-upload-list__item-delete:hover {
  13493. color: var(--el-color-primary)
  13494. }
  13495. .el-upload-list--picture-card {
  13496. --el-upload-list-picture-card-size: 148px;
  13497. display: inline-flex;
  13498. flex-wrap: wrap;
  13499. margin: 0
  13500. }
  13501. .el-upload-list--picture-card .el-upload-list__item {
  13502. overflow: hidden;
  13503. background-color: var(--el-fill-color-blank);
  13504. border: 1px solid var(--el-border-color);
  13505. border-radius: 6px;
  13506. box-sizing: border-box;
  13507. width: var(--el-upload-list-picture-card-size);
  13508. height: var(--el-upload-list-picture-card-size);
  13509. margin: 0 8px 8px 0;
  13510. padding: 0;
  13511. display: inline-flex
  13512. }
  13513. .el-upload-list--picture-card .el-upload-list__item .el-icon--check,
  13514. .el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check {
  13515. color: #fff
  13516. }
  13517. .el-upload-list--picture-card .el-upload-list__item .el-icon--close {
  13518. display: none
  13519. }
  13520. .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  13521. opacity: 0;
  13522. display: block
  13523. }
  13524. .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  13525. display: block
  13526. }
  13527. .el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
  13528. display: none
  13529. }
  13530. .el-upload-list--picture-card .el-upload-list__item-thumbnail {
  13531. width: 100%;
  13532. height: 100%;
  13533. -o-object-fit: contain;
  13534. object-fit: contain
  13535. }
  13536. .el-upload-list--picture-card .el-upload-list__item-status-label {
  13537. right: -15px;
  13538. top: -6px;
  13539. width: 40px;
  13540. height: 24px;
  13541. background: var(--el-color-success);
  13542. text-align: center;
  13543. transform: rotate(45deg)
  13544. }
  13545. .el-upload-list--picture-card .el-upload-list__item-status-label i {
  13546. font-size: 12px;
  13547. margin-top: 11px;
  13548. transform: rotate(-45deg)
  13549. }
  13550. .el-upload-list--picture-card .el-upload-list__item-actions {
  13551. position: absolute;
  13552. width: 100%;
  13553. height: 100%;
  13554. left: 0;
  13555. top: 0;
  13556. cursor: default;
  13557. display: inline-flex;
  13558. justify-content: center;
  13559. align-items: center;
  13560. color: #fff;
  13561. opacity: 0;
  13562. font-size: 20px;
  13563. background-color: var(--el-overlay-color-lighter);
  13564. transition: opacity var(--el-transition-duration)
  13565. }
  13566. .el-upload-list--picture-card .el-upload-list__item-actions span {
  13567. display: none;
  13568. cursor: pointer
  13569. }
  13570. .el-upload-list--picture-card .el-upload-list__item-actions span+span {
  13571. margin-left: 1rem
  13572. }
  13573. .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  13574. position: static;
  13575. font-size: inherit;
  13576. color: inherit
  13577. }
  13578. .el-upload-list--picture-card .el-upload-list__item-actions:hover {
  13579. opacity: 1
  13580. }
  13581. .el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  13582. display: inline-flex
  13583. }
  13584. .el-upload-list--picture-card .el-progress {
  13585. top: 50%;
  13586. left: 50%;
  13587. transform: translate(-50%, -50%);
  13588. bottom: auto;
  13589. width: 126px
  13590. }
  13591. .el-upload-list--picture-card .el-progress .el-progress__text {
  13592. top: 50%
  13593. }
  13594. .el-upload-list--picture .el-upload-list__item {
  13595. overflow: hidden;
  13596. z-index: 0;
  13597. background-color: var(--el-fill-color-blank);
  13598. border: 1px solid var(--el-border-color);
  13599. border-radius: 6px;
  13600. box-sizing: border-box;
  13601. margin-top: 10px;
  13602. padding: 10px;
  13603. display: flex;
  13604. align-items: center
  13605. }
  13606. .el-upload-list--picture .el-upload-list__item .el-icon--check,
  13607. .el-upload-list--picture .el-upload-list__item .el-icon--circle-check {
  13608. color: #fff
  13609. }
  13610. .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  13611. opacity: 0;
  13612. display: inline-flex
  13613. }
  13614. .el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  13615. display: block
  13616. }
  13617. .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  13618. display: none
  13619. }
  13620. .el-upload-list--picture .el-upload-list__item .el-icon--close {
  13621. top: 5px;
  13622. transform: translateY(0)
  13623. }
  13624. .el-upload-list--picture .el-upload-list__item-thumbnail {
  13625. display: inline-flex;
  13626. justify-content: center;
  13627. align-items: center;
  13628. width: 70px;
  13629. height: 70px;
  13630. -o-object-fit: contain;
  13631. object-fit: contain;
  13632. position: relative;
  13633. z-index: 1;
  13634. background-color: var(--el-color-white)
  13635. }
  13636. .el-upload-list--picture .el-upload-list__item-status-label {
  13637. position: absolute;
  13638. right: -17px;
  13639. top: -7px;
  13640. width: 46px;
  13641. height: 26px;
  13642. background: var(--el-color-success);
  13643. text-align: center;
  13644. transform: rotate(45deg)
  13645. }
  13646. .el-upload-list--picture .el-upload-list__item-status-label i {
  13647. font-size: 12px;
  13648. margin-top: 12px;
  13649. transform: rotate(-45deg)
  13650. }
  13651. .el-upload-list--picture .el-progress {
  13652. position: relative;
  13653. top: -7px
  13654. }
  13655. .el-upload-cover {
  13656. position: absolute;
  13657. left: 0;
  13658. top: 0;
  13659. width: 100%;
  13660. height: 100%;
  13661. overflow: hidden;
  13662. z-index: 10;
  13663. cursor: default
  13664. }
  13665. .el-upload-cover::after {
  13666. display: inline-block;
  13667. content: "";
  13668. height: 100%;
  13669. vertical-align: middle
  13670. }
  13671. .el-upload-cover img {
  13672. display: block;
  13673. width: 100%;
  13674. height: 100%
  13675. }
  13676. .el-upload-cover__label {
  13677. right: -15px;
  13678. top: -6px;
  13679. width: 40px;
  13680. height: 24px;
  13681. background: var(--el-color-success);
  13682. text-align: center;
  13683. transform: rotate(45deg)
  13684. }
  13685. .el-upload-cover__label i {
  13686. font-size: 12px;
  13687. margin-top: 11px;
  13688. transform: rotate(-45deg);
  13689. color: #fff
  13690. }
  13691. .el-upload-cover__progress {
  13692. display: inline-block;
  13693. vertical-align: middle;
  13694. position: static;
  13695. width: 243px
  13696. }
  13697. .el-upload-cover__progress+.el-upload__inner {
  13698. opacity: 0
  13699. }
  13700. .el-upload-cover__content {
  13701. position: absolute;
  13702. top: 0;
  13703. left: 0;
  13704. width: 100%;
  13705. height: 100%
  13706. }
  13707. .el-upload-cover__interact {
  13708. position: absolute;
  13709. bottom: 0;
  13710. left: 0;
  13711. width: 100%;
  13712. height: 100%;
  13713. background-color: var(--el-overlay-color-light);
  13714. text-align: center
  13715. }
  13716. .el-upload-cover__interact .btn {
  13717. display: inline-block;
  13718. color: #fff;
  13719. font-size: 14px;
  13720. cursor: pointer;
  13721. vertical-align: middle;
  13722. transition: var(--el-transition-md-fade);
  13723. margin-top: 60px
  13724. }
  13725. .el-upload-cover__interact .btn i {
  13726. margin-top: 0
  13727. }
  13728. .el-upload-cover__interact .btn span {
  13729. opacity: 0;
  13730. transition: opacity .15s linear
  13731. }
  13732. .el-upload-cover__interact .btn:not(:first-child) {
  13733. margin-left: 35px
  13734. }
  13735. .el-upload-cover__interact .btn:hover {
  13736. transform: translateY(-13px)
  13737. }
  13738. .el-upload-cover__interact .btn:hover span {
  13739. opacity: 1
  13740. }
  13741. .el-upload-cover__interact .btn i {
  13742. color: #fff;
  13743. display: block;
  13744. font-size: 24px;
  13745. line-height: inherit;
  13746. margin: 0 auto 5px
  13747. }
  13748. .el-upload-cover__title {
  13749. position: absolute;
  13750. bottom: 0;
  13751. left: 0;
  13752. background-color: #fff;
  13753. height: 36px;
  13754. width: 100%;
  13755. overflow: hidden;
  13756. text-overflow: ellipsis;
  13757. white-space: nowrap;
  13758. font-weight: 400;
  13759. text-align: left;
  13760. padding: 0 10px;
  13761. margin: 0;
  13762. line-height: 36px;
  13763. font-size: 14px;
  13764. color: var(--el-text-color-primary)
  13765. }
  13766. .el-upload-cover+.el-upload__inner {
  13767. opacity: 0;
  13768. position: relative;
  13769. z-index: 1
  13770. }
  13771. .el-vl__wrapper {
  13772. position: relative
  13773. }
  13774. .el-vl__wrapper:hover .el-virtual-scrollbar {
  13775. opacity: 1
  13776. }
  13777. .el-vl__wrapper.always-on .el-virtual-scrollbar {
  13778. opacity: 1
  13779. }
  13780. .el-vl__window {
  13781. scrollbar-width: none
  13782. }
  13783. .el-vl__window::-webkit-scrollbar {
  13784. display: none
  13785. }
  13786. .el-virtual-scrollbar {
  13787. opacity: 0;
  13788. transition: opacity 340ms ease-out
  13789. }
  13790. .el-virtual-scrollbar.always-on {
  13791. opacity: 1
  13792. }
  13793. .el-vg__wrapper {
  13794. position: relative
  13795. }
  13796. .el-popper {
  13797. --el-popper-border-radius: var(--el-popover-border-radius, 4px)
  13798. }
  13799. .el-popper {
  13800. position: absolute;
  13801. border-radius: var(--el-popper-border-radius);
  13802. padding: 5px 11px;
  13803. z-index: 2000;
  13804. font-size: 12px;
  13805. line-height: 20px;
  13806. min-width: 10px;
  13807. overflow-wrap: break-word;
  13808. visibility: visible
  13809. }
  13810. .el-popper.is-dark {
  13811. color: var(--el-bg-color);
  13812. background: var(--el-text-color-primary);
  13813. border: 1px solid var(--el-text-color-primary)
  13814. }
  13815. .el-popper.is-dark .el-popper__arrow::before {
  13816. border: 1px solid var(--el-text-color-primary);
  13817. background: var(--el-text-color-primary);
  13818. right: 0
  13819. }
  13820. .el-popper.is-light {
  13821. background: var(--el-bg-color-overlay);
  13822. border: 1px solid var(--el-border-color-light)
  13823. }
  13824. .el-popper.is-light .el-popper__arrow::before {
  13825. border: 1px solid var(--el-border-color-light);
  13826. background: var(--el-bg-color-overlay);
  13827. right: 0
  13828. }
  13829. .el-popper.is-pure {
  13830. padding: 0
  13831. }
  13832. .el-popper__arrow {
  13833. position: absolute;
  13834. width: 10px;
  13835. height: 10px;
  13836. z-index: -1
  13837. }
  13838. .el-popper__arrow::before {
  13839. position: absolute;
  13840. width: 10px;
  13841. height: 10px;
  13842. z-index: -1;
  13843. content: " ";
  13844. transform: rotate(45deg);
  13845. background: var(--el-text-color-primary);
  13846. box-sizing: border-box
  13847. }
  13848. .el-popper[data-popper-placement^=top]>.el-popper__arrow {
  13849. bottom: -5px
  13850. }
  13851. .el-popper[data-popper-placement^=top]>.el-popper__arrow::before {
  13852. border-bottom-right-radius: 2px
  13853. }
  13854. .el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
  13855. top: -5px
  13856. }
  13857. .el-popper[data-popper-placement^=bottom]>.el-popper__arrow::before {
  13858. border-top-left-radius: 2px
  13859. }
  13860. .el-popper[data-popper-placement^=left]>.el-popper__arrow {
  13861. right: -5px
  13862. }
  13863. .el-popper[data-popper-placement^=left]>.el-popper__arrow::before {
  13864. border-top-right-radius: 2px
  13865. }
  13866. .el-popper[data-popper-placement^=right]>.el-popper__arrow {
  13867. left: -5px
  13868. }
  13869. .el-popper[data-popper-placement^=right]>.el-popper__arrow::before {
  13870. border-bottom-left-radius: 2px
  13871. }
  13872. .el-popper[data-popper-placement^=top] .el-popper__arrow::before {
  13873. border-top-color: transparent !important;
  13874. border-left-color: transparent !important
  13875. }
  13876. .el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
  13877. border-bottom-color: transparent !important;
  13878. border-right-color: transparent !important
  13879. }
  13880. .el-popper[data-popper-placement^=left] .el-popper__arrow::before {
  13881. border-left-color: transparent !important;
  13882. border-bottom-color: transparent !important
  13883. }
  13884. .el-popper[data-popper-placement^=right] .el-popper__arrow::before {
  13885. border-right-color: transparent !important;
  13886. border-top-color: transparent !important
  13887. }
  13888. .el-statistic {
  13889. --el-statistic-title-font-weight: 400;
  13890. --el-statistic-title-font-size: var(--el-font-size-extra-small);
  13891. --el-statistic-title-color: var(--el-text-color-regular);
  13892. --el-statistic-content-font-weight: 400;
  13893. --el-statistic-content-font-size: var(--el-font-size-extra-large);
  13894. --el-statistic-content-color: var(--el-text-color-primary)
  13895. }
  13896. .el-statistic__head {
  13897. font-weight: var(--el-statistic-title-font-weight);
  13898. font-size: var(--el-statistic-title-font-size);
  13899. color: var(--el-statistic-title-color);
  13900. line-height: 20px;
  13901. margin-bottom: 4px
  13902. }
  13903. .el-statistic__content {
  13904. font-weight: var(--el-statistic-content-font-weight);
  13905. font-size: var(--el-statistic-content-font-size);
  13906. color: var(--el-statistic-content-color)
  13907. }
  13908. .el-statistic__value {
  13909. display: inline-block
  13910. }
  13911. .el-statistic__prefix {
  13912. margin-right: 4px;
  13913. display: inline-block
  13914. }
  13915. .el-statistic__suffix {
  13916. margin-left: 4px;
  13917. display: inline-block
  13918. }
  13919. .el-tour {
  13920. --el-tour-width: 520px;
  13921. --el-tour-padding-primary: 12px;
  13922. --el-tour-font-line-height: var(--el-font-line-height-primary);
  13923. --el-tour-title-font-size: 16px;
  13924. --el-tour-title-text-color: var(--el-text-color-primary);
  13925. --el-tour-title-font-weight: 400;
  13926. --el-tour-close-color: var(--el-color-info);
  13927. --el-tour-font-size: 14px;
  13928. --el-tour-color: var(--el-text-color-primary);
  13929. --el-tour-bg-color: var(--el-bg-color);
  13930. --el-tour-border-radius: 4px
  13931. }
  13932. .el-tour__hollow {
  13933. transition: all var(--el-transition-duration) ease
  13934. }
  13935. .el-tour__content {
  13936. border-radius: var(--el-tour-border-radius);
  13937. width: var(--el-tour-width);
  13938. padding: var(--el-tour-padding-primary);
  13939. background: var(--el-tour-bg-color);
  13940. box-shadow: var(--el-box-shadow-light);
  13941. box-sizing: border-box;
  13942. overflow-wrap: break-word
  13943. }
  13944. .el-tour__arrow {
  13945. position: absolute;
  13946. background: var(--el-tour-bg-color);
  13947. width: 10px;
  13948. height: 10px;
  13949. pointer-events: none;
  13950. transform: rotate(45deg);
  13951. box-sizing: border-box
  13952. }
  13953. .el-tour__content[data-side^=top] .el-tour__arrow {
  13954. border-top-color: transparent;
  13955. border-left-color: transparent
  13956. }
  13957. .el-tour__content[data-side^=bottom] .el-tour__arrow {
  13958. border-bottom-color: transparent;
  13959. border-right-color: transparent
  13960. }
  13961. .el-tour__content[data-side^=left] .el-tour__arrow {
  13962. border-left-color: transparent;
  13963. border-bottom-color: transparent
  13964. }
  13965. .el-tour__content[data-side^=right] .el-tour__arrow {
  13966. border-right-color: transparent;
  13967. border-top-color: transparent
  13968. }
  13969. .el-tour__content[data-side^=top] .el-tour__arrow {
  13970. bottom: -5px
  13971. }
  13972. .el-tour__content[data-side^=bottom] .el-tour__arrow {
  13973. top: -5px
  13974. }
  13975. .el-tour__content[data-side^=left] .el-tour__arrow {
  13976. right: -5px
  13977. }
  13978. .el-tour__content[data-side^=right] .el-tour__arrow {
  13979. left: -5px
  13980. }
  13981. .el-tour__closebtn {
  13982. position: absolute;
  13983. top: 0;
  13984. right: 0;
  13985. padding: 0;
  13986. width: 40px;
  13987. height: 40px;
  13988. background: 0 0;
  13989. border: none;
  13990. outline: 0;
  13991. cursor: pointer;
  13992. font-size: var(--el-message-close-size, 16px)
  13993. }
  13994. .el-tour__closebtn .el-tour__close {
  13995. color: var(--el-tour-close-color);
  13996. font-size: inherit
  13997. }
  13998. .el-tour__closebtn:focus .el-tour__close,
  13999. .el-tour__closebtn:hover .el-tour__close {
  14000. color: var(--el-color-primary)
  14001. }
  14002. .el-tour__header {
  14003. padding-bottom: var(--el-tour-padding-primary)
  14004. }
  14005. .el-tour__header.show-close {
  14006. padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px))
  14007. }
  14008. .el-tour__title {
  14009. line-height: var(--el-tour-font-line-height);
  14010. font-size: var(--el-tour-title-font-size);
  14011. color: var(--el-tour-title-text-color);
  14012. font-weight: var(--el-tour-title-font-weight)
  14013. }
  14014. .el-tour__body {
  14015. color: var(--el-tour-text-color);
  14016. font-size: var(--el-tour-font-size)
  14017. }
  14018. .el-tour__body img,
  14019. .el-tour__body video {
  14020. max-width: 100%
  14021. }
  14022. .el-tour__footer {
  14023. padding-top: var(--el-tour-padding-primary);
  14024. box-sizing: border-box;
  14025. display: flex;
  14026. justify-content: space-between
  14027. }
  14028. .el-tour__content .el-tour-indicators {
  14029. display: inline-block;
  14030. flex: 1
  14031. }
  14032. .el-tour__content .el-tour-indicator {
  14033. width: 6px;
  14034. height: 6px;
  14035. display: inline-block;
  14036. border-radius: 50%;
  14037. background: var(--el-color-info-light-9);
  14038. margin-right: 6px
  14039. }
  14040. .el-tour__content .el-tour-indicator.is-active {
  14041. background: var(--el-color-primary)
  14042. }
  14043. .el-tour.el-tour--primary {
  14044. --el-tour-title-text-color: #fff;
  14045. --el-tour-text-color: #fff;
  14046. --el-tour-bg-color: var(--el-color-primary);
  14047. --el-tour-close-color: #fff
  14048. }
  14049. .el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,
  14050. .el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close {
  14051. color: var(--el-tour-title-text-color)
  14052. }
  14053. .el-tour.el-tour--primary .el-button--default {
  14054. color: var(--el-color-primary);
  14055. border-color: var(--el-color-primary);
  14056. background: #fff
  14057. }
  14058. .el-tour.el-tour--primary .el-button--primary {
  14059. border-color: #fff
  14060. }
  14061. .el-tour.el-tour--primary .el-tour-indicator {
  14062. background: rgba(255, 255, 255, .15)
  14063. }
  14064. .el-tour.el-tour--primary .el-tour-indicator.is-active {
  14065. background: #fff
  14066. }
  14067. .el-tour-parent--hidden {
  14068. overflow: hidden
  14069. }
  14070. .el-anchor {
  14071. --el-anchor-bg-color: var(--el-bg-color);
  14072. --el-anchor-padding-indent: 14px;
  14073. --el-anchor-line-height: 22px;
  14074. --el-anchor-font-size: 12px;
  14075. --el-anchor-color: var(--el-text-color-secondary);
  14076. --el-anchor-active-color: var(--el-color-primary);
  14077. --el-anchor-marker-bg-color: var(--el-color-primary);
  14078. position: relative;
  14079. background-color: var(--el-anchor-bg-color)
  14080. }
  14081. .el-anchor__marker {
  14082. position: absolute;
  14083. background-color: var(--el-anchor-marker-bg-color);
  14084. border-radius: 4px;
  14085. opacity: 0;
  14086. z-index: 0
  14087. }
  14088. .el-anchor.el-anchor--vertical .el-anchor__marker {
  14089. width: 4px;
  14090. height: 14px;
  14091. top: 8px;
  14092. left: 0;
  14093. transition: top .25s ease-in-out, opacity .25s
  14094. }
  14095. .el-anchor.el-anchor--vertical .el-anchor__list {
  14096. padding-left: var(--el-anchor-padding-indent)
  14097. }
  14098. .el-anchor.el-anchor--vertical.el-anchor--underline::before {
  14099. position: absolute;
  14100. left: 0;
  14101. width: 2px;
  14102. height: 100%;
  14103. background-color: rgba(5, 5, 5, .06);
  14104. content: ""
  14105. }
  14106. .el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker {
  14107. width: 2px;
  14108. border-radius: unset
  14109. }
  14110. .el-anchor.el-anchor--horizontal .el-anchor__marker {
  14111. height: 2px;
  14112. width: 20px;
  14113. bottom: 0;
  14114. transition: left .25sease-in-out, opacity .25s, width .25s
  14115. }
  14116. .el-anchor.el-anchor--horizontal .el-anchor__list {
  14117. display: flex;
  14118. padding-bottom: 4px
  14119. }
  14120. .el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item {
  14121. padding-left: 16px
  14122. }
  14123. .el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child {
  14124. padding-left: 0
  14125. }
  14126. .el-anchor.el-anchor--horizontal.el-anchor--underline::before {
  14127. position: absolute;
  14128. bottom: 0;
  14129. width: 100%;
  14130. height: 2px;
  14131. background-color: rgba(5, 5, 5, .06);
  14132. content: ""
  14133. }
  14134. .el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker {
  14135. height: 2px;
  14136. border-radius: unset
  14137. }
  14138. .el-anchor__item {
  14139. overflow: hidden;
  14140. display: flex;
  14141. flex-direction: column
  14142. }
  14143. .el-anchor__link {
  14144. font-size: var(--el-anchor-font-size);
  14145. line-height: var(--el-anchor-line-height);
  14146. padding: 4px 0;
  14147. color: var(--el-anchor-color);
  14148. transition: color var(--el-transition-duration);
  14149. white-space: nowrap;
  14150. text-decoration: none;
  14151. text-overflow: ellipsis;
  14152. overflow: hidden;
  14153. max-width: 100%;
  14154. outline: 0;
  14155. cursor: pointer
  14156. }
  14157. .el-anchor__link:focus,
  14158. .el-anchor__link:hover {
  14159. color: var(--el-anchor-color)
  14160. }
  14161. .el-anchor__link.is-active {
  14162. color: var(--el-anchor-active-color)
  14163. }
  14164. .el-anchor .el-anchor__list .el-anchor__item a {
  14165. display: inline-block
  14166. }