vant-index.css 201 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809
  1. :root {
  2. --van-black: #000;
  3. --van-white: #fff;
  4. --van-gray-1: #f7f8fa;
  5. --van-gray-2: #f2f3f5;
  6. --van-gray-3: #ebedf0;
  7. --van-gray-4: #dcdee0;
  8. --van-gray-5: #c8c9cc;
  9. --van-gray-6: #969799;
  10. --van-gray-7: #646566;
  11. --van-gray-8: #323233;
  12. --van-red: #ee0a24;
  13. --van-blue: #1989fa;
  14. --van-orange: #ff976a;
  15. --van-orange-dark: #ed6a0c;
  16. --van-orange-light: #fffbe8;
  17. --van-green: #07c160;
  18. --van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
  19. --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
  20. --van-primary-color: var(--van-blue);
  21. --van-success-color: var(--van-green);
  22. --van-danger-color: var(--van-red);
  23. --van-warning-color: var(--van-orange);
  24. --van-text-color: var(--van-gray-8);
  25. --van-text-color-2: var(--van-gray-6);
  26. --van-text-color-3: var(--van-gray-5);
  27. --van-link-color: #576b95;
  28. --van-active-color: var(--van-gray-2);
  29. --van-active-opacity: .6;
  30. --van-disabled-opacity: .5;
  31. --van-background: var(--van-gray-1);
  32. --van-background-2: var(--van-white);
  33. --van-background-3: var(--van-white);
  34. --van-padding-base: 4px;
  35. --van-padding-xs: 8px;
  36. --van-padding-sm: 12px;
  37. --van-padding-md: 16px;
  38. --van-padding-lg: 24px;
  39. --van-padding-xl: 32px;
  40. --van-font-bold: 600;
  41. --van-font-size-xs: 10px;
  42. --van-font-size-sm: 12px;
  43. --van-font-size-md: 14px;
  44. --van-font-size-lg: 16px;
  45. --van-line-height-xs: 14px;
  46. --van-line-height-sm: 18px;
  47. --van-line-height-md: 20px;
  48. --van-line-height-lg: 22px;
  49. --van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  50. --van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;
  51. --van-duration-base: .3s;
  52. --van-duration-fast: .2s;
  53. --van-ease-out: ease-out;
  54. --van-ease-in: ease-in;
  55. --van-border-color: var(--van-gray-3);
  56. --van-border-width: 1px;
  57. --van-radius-sm: 2px;
  58. --van-radius-md: 4px;
  59. --van-radius-lg: 8px;
  60. --van-radius-max: 999px
  61. }
  62. .van-theme-dark {
  63. --van-text-color: #f5f5f5;
  64. --van-text-color-2: #707070;
  65. --van-text-color-3: #4d4d4d;
  66. --van-border-color: #3a3a3c;
  67. --van-active-color: #3a3a3c;
  68. --van-background: #000;
  69. --van-background-2: #1c1c1e;
  70. --van-background-3: #37363b
  71. }
  72. html {
  73. -webkit-tap-highlight-color: transparent
  74. }
  75. body {
  76. margin: 0;
  77. font-family: var(--van-base-font)
  78. }
  79. a {
  80. text-decoration: none
  81. }
  82. input,
  83. button,
  84. textarea {
  85. color: inherit;
  86. font: inherit
  87. }
  88. a:focus,
  89. input:focus,
  90. button:focus,
  91. textarea:focus,
  92. [class*=van-]:focus {
  93. outline: none
  94. }
  95. ol,
  96. ul {
  97. margin: 0;
  98. padding: 0;
  99. list-style: none
  100. }
  101. @keyframes van-slide-up-enter {
  102. 0% {
  103. transform: translate3d(0, 100%, 0)
  104. }
  105. }
  106. @keyframes van-slide-up-leave {
  107. to {
  108. transform: translate3d(0, 100%, 0)
  109. }
  110. }
  111. @keyframes van-slide-down-enter {
  112. 0% {
  113. transform: translate3d(0, -100%, 0)
  114. }
  115. }
  116. @keyframes van-slide-down-leave {
  117. to {
  118. transform: translate3d(0, -100%, 0)
  119. }
  120. }
  121. @keyframes van-slide-left-enter {
  122. 0% {
  123. transform: translate3d(-100%, 0, 0)
  124. }
  125. }
  126. @keyframes van-slide-left-leave {
  127. to {
  128. transform: translate3d(-100%, 0, 0)
  129. }
  130. }
  131. @keyframes van-slide-right-enter {
  132. 0% {
  133. transform: translate3d(100%, 0, 0)
  134. }
  135. }
  136. @keyframes van-slide-right-leave {
  137. to {
  138. transform: translate3d(100%, 0, 0)
  139. }
  140. }
  141. @keyframes van-fade-in {
  142. 0% {
  143. opacity: 0
  144. }
  145. to {
  146. opacity: 1
  147. }
  148. }
  149. @keyframes van-fade-out {
  150. 0% {
  151. opacity: 1
  152. }
  153. to {
  154. opacity: 0
  155. }
  156. }
  157. @keyframes van-rotate {
  158. 0% {
  159. transform: rotate(0)
  160. }
  161. to {
  162. transform: rotate(360deg)
  163. }
  164. }
  165. .van-fade-enter-active {
  166. animation: var(--van-duration-base) van-fade-in both var(--van-ease-out)
  167. }
  168. .van-fade-leave-active {
  169. animation: var(--van-duration-base) van-fade-out both var(--van-ease-in)
  170. }
  171. .van-slide-up-enter-active {
  172. animation: van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)
  173. }
  174. .van-slide-up-leave-active {
  175. animation: van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)
  176. }
  177. .van-slide-down-enter-active {
  178. animation: van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)
  179. }
  180. .van-slide-down-leave-active {
  181. animation: van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)
  182. }
  183. .van-slide-left-enter-active {
  184. animation: van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)
  185. }
  186. .van-slide-left-leave-active {
  187. animation: van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)
  188. }
  189. .van-slide-right-enter-active {
  190. animation: van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)
  191. }
  192. .van-slide-right-leave-active {
  193. animation: van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)
  194. }
  195. .van-clearfix:after {
  196. display: table;
  197. clear: both;
  198. content: ""
  199. }
  200. .van-ellipsis {
  201. overflow: hidden;
  202. white-space: nowrap;
  203. text-overflow: ellipsis
  204. }
  205. .van-multi-ellipsis--l2 {
  206. display: -webkit-box;
  207. overflow: hidden;
  208. text-overflow: ellipsis;
  209. -webkit-line-clamp: 2;
  210. -webkit-box-orient: vertical
  211. }
  212. .van-multi-ellipsis--l3 {
  213. display: -webkit-box;
  214. overflow: hidden;
  215. text-overflow: ellipsis;
  216. -webkit-line-clamp: 3;
  217. -webkit-box-orient: vertical
  218. }
  219. .van-safe-area-top {
  220. padding-top: constant(safe-area-inset-top);
  221. padding-top: env(safe-area-inset-top)
  222. }
  223. .van-safe-area-bottom {
  224. padding-bottom: constant(safe-area-inset-bottom);
  225. padding-bottom: env(safe-area-inset-bottom)
  226. }
  227. .van-haptics-feedback {
  228. cursor: pointer
  229. }
  230. .van-haptics-feedback:active {
  231. opacity: var(--van-active-opacity)
  232. }
  233. [class*=van-hairline]:after {
  234. position: absolute;
  235. box-sizing: border-box;
  236. content: " ";
  237. pointer-events: none;
  238. top: -50%;
  239. right: -50%;
  240. bottom: -50%;
  241. left: -50%;
  242. border: 0 solid var(--van-border-color);
  243. transform: scale(.5)
  244. }
  245. .van-hairline,
  246. .van-hairline--top,
  247. .van-hairline--left,
  248. .van-hairline--right,
  249. .van-hairline--bottom,
  250. .van-hairline--surround,
  251. .van-hairline--top-bottom {
  252. position: relative
  253. }
  254. .van-hairline--top:after {
  255. border-top-width: var(--van-border-width)
  256. }
  257. .van-hairline--left:after {
  258. border-left-width: var(--van-border-width)
  259. }
  260. .van-hairline--right:after {
  261. border-right-width: var(--van-border-width)
  262. }
  263. .van-hairline--bottom:after {
  264. border-bottom-width: var(--van-border-width)
  265. }
  266. .van-hairline--top-bottom:after,
  267. .van-hairline-unset--top-bottom:after {
  268. border-width: var(--van-border-width) 0
  269. }
  270. .van-hairline--surround:after {
  271. border-width: var(--van-border-width)
  272. }
  273. :root {
  274. --van-action-bar-background: var(--van-background-2);
  275. --van-action-bar-height: 50px
  276. }
  277. .van-action-bar {
  278. position: fixed;
  279. right: 0;
  280. bottom: 0;
  281. left: 0;
  282. display: flex;
  283. align-items: center;
  284. box-sizing: content-box;
  285. height: var(--van-action-bar-height);
  286. background: var(--van-action-bar-background)
  287. }
  288. :root {
  289. --van-badge-size: 16px;
  290. --van-badge-color: var(--van-white);
  291. --van-badge-padding: 0 3px;
  292. --van-badge-font-size: var(--van-font-size-sm);
  293. --van-badge-font-weight: var(--van-font-bold);
  294. --van-badge-border-width: var(--van-border-width);
  295. --van-badge-background: var(--van-danger-color);
  296. --van-badge-dot-color: var(--van-danger-color);
  297. --van-badge-dot-size: 8px;
  298. --van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif
  299. }
  300. .van-badge {
  301. display: inline-block;
  302. box-sizing: border-box;
  303. min-width: var(--van-badge-size);
  304. padding: var(--van-badge-padding);
  305. color: var(--van-badge-color);
  306. font-weight: var(--van-badge-font-weight);
  307. font-size: var(--van-badge-font-size);
  308. font-family: var(--van-badge-font);
  309. line-height: 1.2;
  310. text-align: center;
  311. background: var(--van-badge-background);
  312. border: var(--van-badge-border-width) solid var(--van-background-2);
  313. border-radius: var(--van-radius-max)
  314. }
  315. .van-badge--fixed {
  316. position: absolute;
  317. transform-origin: 100%
  318. }
  319. .van-badge--top-left {
  320. top: 0;
  321. left: 0;
  322. transform: translate(-50%, -50%)
  323. }
  324. .van-badge--top-right {
  325. top: 0;
  326. right: 0;
  327. transform: translate(50%, -50%)
  328. }
  329. .van-badge--bottom-left {
  330. bottom: 0;
  331. left: 0;
  332. transform: translate(-50%, 50%)
  333. }
  334. .van-badge--bottom-right {
  335. bottom: 0;
  336. right: 0;
  337. transform: translate(50%, 50%)
  338. }
  339. .van-badge--dot {
  340. width: var(--van-badge-dot-size);
  341. min-width: 0;
  342. height: var(--van-badge-dot-size);
  343. background: var(--van-badge-dot-color);
  344. border-radius: 100%;
  345. border: none;
  346. padding: 0
  347. }
  348. .van-badge__wrapper {
  349. position: relative;
  350. display: inline-block
  351. }
  352. .van-icon {
  353. position: relative;
  354. display: inline-block;
  355. font: 14px/1 vant-icon;
  356. font-size: inherit;
  357. text-rendering: auto;
  358. -webkit-font-smoothing: antialiased
  359. }
  360. .van-icon:before {
  361. display: inline-block
  362. }
  363. .van-icon-exchange:before {
  364. content: "\e6af"
  365. }
  366. .van-icon-eye:before {
  367. content: "\e6b0"
  368. }
  369. .van-icon-enlarge:before {
  370. content: "\e6b1"
  371. }
  372. .van-icon-expand-o:before {
  373. content: "\e6b2"
  374. }
  375. .van-icon-eye-o:before {
  376. content: "\e6b3"
  377. }
  378. .van-icon-expand:before {
  379. content: "\e6b4"
  380. }
  381. .van-icon-filter-o:before {
  382. content: "\e6b5"
  383. }
  384. .van-icon-fire:before {
  385. content: "\e6b6"
  386. }
  387. .van-icon-fail:before {
  388. content: "\e6b7"
  389. }
  390. .van-icon-failure:before {
  391. content: "\e6b8"
  392. }
  393. .van-icon-fire-o:before {
  394. content: "\e6b9"
  395. }
  396. .van-icon-flag-o:before {
  397. content: "\e6ba"
  398. }
  399. .van-icon-font:before {
  400. content: "\e6bb"
  401. }
  402. .van-icon-font-o:before {
  403. content: "\e6bc"
  404. }
  405. .van-icon-gem-o:before {
  406. content: "\e6bd"
  407. }
  408. .van-icon-flower-o:before {
  409. content: "\e6be"
  410. }
  411. .van-icon-gem:before {
  412. content: "\e6bf"
  413. }
  414. .van-icon-gift-card:before {
  415. content: "\e6c0"
  416. }
  417. .van-icon-friends:before {
  418. content: "\e6c1"
  419. }
  420. .van-icon-friends-o:before {
  421. content: "\e6c2"
  422. }
  423. .van-icon-gold-coin:before {
  424. content: "\e6c3"
  425. }
  426. .van-icon-gold-coin-o:before {
  427. content: "\e6c4"
  428. }
  429. .van-icon-good-job-o:before {
  430. content: "\e6c5"
  431. }
  432. .van-icon-gift:before {
  433. content: "\e6c6"
  434. }
  435. .van-icon-gift-o:before {
  436. content: "\e6c7"
  437. }
  438. .van-icon-gift-card-o:before {
  439. content: "\e6c8"
  440. }
  441. .van-icon-good-job:before {
  442. content: "\e6c9"
  443. }
  444. .van-icon-home-o:before {
  445. content: "\e6ca"
  446. }
  447. .van-icon-goods-collect:before {
  448. content: "\e6cb"
  449. }
  450. .van-icon-graphic:before {
  451. content: "\e6cc"
  452. }
  453. .van-icon-goods-collect-o:before {
  454. content: "\e6cd"
  455. }
  456. .van-icon-hot-o:before {
  457. content: "\e6ce"
  458. }
  459. .van-icon-info:before {
  460. content: "\e6cf"
  461. }
  462. .van-icon-hotel-o:before {
  463. content: "\e6d0"
  464. }
  465. .van-icon-info-o:before {
  466. content: "\e6d1"
  467. }
  468. .van-icon-hot-sale-o:before {
  469. content: "\e6d2"
  470. }
  471. .van-icon-hot:before {
  472. content: "\e6d3"
  473. }
  474. .van-icon-like:before {
  475. content: "\e6d4"
  476. }
  477. .van-icon-idcard:before {
  478. content: "\e6d5"
  479. }
  480. .van-icon-invitation:before {
  481. content: "\e6d6"
  482. }
  483. .van-icon-like-o:before {
  484. content: "\e6d7"
  485. }
  486. .van-icon-hot-sale:before {
  487. content: "\e6d8"
  488. }
  489. .van-icon-location-o:before {
  490. content: "\e6d9"
  491. }
  492. .van-icon-location:before {
  493. content: "\e6da"
  494. }
  495. .van-icon-label:before {
  496. content: "\e6db"
  497. }
  498. .van-icon-lock:before {
  499. content: "\e6dc"
  500. }
  501. .van-icon-label-o:before {
  502. content: "\e6dd"
  503. }
  504. .van-icon-map-marked:before {
  505. content: "\e6de"
  506. }
  507. .van-icon-logistics:before {
  508. content: "\e6df"
  509. }
  510. .van-icon-manager:before {
  511. content: "\e6e0"
  512. }
  513. .van-icon-more:before {
  514. content: "\e6e1"
  515. }
  516. .van-icon-live:before {
  517. content: "\e6e2"
  518. }
  519. .van-icon-manager-o:before {
  520. content: "\e6e3"
  521. }
  522. .van-icon-medal:before {
  523. content: "\e6e4"
  524. }
  525. .van-icon-more-o:before {
  526. content: "\e6e5"
  527. }
  528. .van-icon-music-o:before {
  529. content: "\e6e6"
  530. }
  531. .van-icon-music:before {
  532. content: "\e6e7"
  533. }
  534. .van-icon-new-arrival-o:before {
  535. content: "\e6e8"
  536. }
  537. .van-icon-medal-o:before {
  538. content: "\e6e9"
  539. }
  540. .van-icon-new-o:before {
  541. content: "\e6ea"
  542. }
  543. .van-icon-free-postage:before {
  544. content: "\e6eb"
  545. }
  546. .van-icon-newspaper-o:before {
  547. content: "\e6ec"
  548. }
  549. .van-icon-new-arrival:before {
  550. content: "\e6ed"
  551. }
  552. .van-icon-minus:before {
  553. content: "\e6ee"
  554. }
  555. .van-icon-orders-o:before {
  556. content: "\e6ef"
  557. }
  558. .van-icon-new:before {
  559. content: "\e6f0"
  560. }
  561. .van-icon-paid:before {
  562. content: "\e6f1"
  563. }
  564. .van-icon-notes-o:before {
  565. content: "\e6f2"
  566. }
  567. .van-icon-other-pay:before {
  568. content: "\e6f3"
  569. }
  570. .van-icon-pause-circle:before {
  571. content: "\e6f4"
  572. }
  573. .van-icon-pause:before {
  574. content: "\e6f5"
  575. }
  576. .van-icon-pause-circle-o:before {
  577. content: "\e6f6"
  578. }
  579. .van-icon-peer-pay:before {
  580. content: "\e6f7"
  581. }
  582. .van-icon-pending-payment:before {
  583. content: "\e6f8"
  584. }
  585. .van-icon-passed:before {
  586. content: "\e6f9"
  587. }
  588. .van-icon-plus:before {
  589. content: "\e6fa"
  590. }
  591. .van-icon-phone-circle-o:before {
  592. content: "\e6fb"
  593. }
  594. .van-icon-phone-o:before {
  595. content: "\e6fc"
  596. }
  597. .van-icon-printer:before {
  598. content: "\e6fd"
  599. }
  600. .van-icon-photo-fail:before {
  601. content: "\e6fe"
  602. }
  603. .van-icon-phone:before {
  604. content: "\e6ff"
  605. }
  606. .van-icon-photo-o:before {
  607. content: "\e700"
  608. }
  609. .van-icon-play-circle:before {
  610. content: "\e701"
  611. }
  612. .van-icon-play:before {
  613. content: "\e702"
  614. }
  615. .van-icon-phone-circle:before {
  616. content: "\e703"
  617. }
  618. .van-icon-point-gift-o:before {
  619. content: "\e704"
  620. }
  621. .van-icon-point-gift:before {
  622. content: "\e705"
  623. }
  624. .van-icon-play-circle-o:before {
  625. content: "\e706"
  626. }
  627. .van-icon-shrink:before {
  628. content: "\e707"
  629. }
  630. .van-icon-photo:before {
  631. content: "\e708"
  632. }
  633. .van-icon-qr:before {
  634. content: "\e709"
  635. }
  636. .van-icon-qr-invalid:before {
  637. content: "\e70a"
  638. }
  639. .van-icon-question-o:before {
  640. content: "\e70b"
  641. }
  642. .van-icon-revoke:before {
  643. content: "\e70c"
  644. }
  645. .van-icon-replay:before {
  646. content: "\e70d"
  647. }
  648. .van-icon-service:before {
  649. content: "\e70e"
  650. }
  651. .van-icon-question:before {
  652. content: "\e70f"
  653. }
  654. .van-icon-search:before {
  655. content: "\e710"
  656. }
  657. .van-icon-refund-o:before {
  658. content: "\e711"
  659. }
  660. .van-icon-service-o:before {
  661. content: "\e712"
  662. }
  663. .van-icon-scan:before {
  664. content: "\e713"
  665. }
  666. .van-icon-share:before {
  667. content: "\e714"
  668. }
  669. .van-icon-send-gift-o:before {
  670. content: "\e715"
  671. }
  672. .van-icon-share-o:before {
  673. content: "\e716"
  674. }
  675. .van-icon-setting:before {
  676. content: "\e717"
  677. }
  678. .van-icon-points:before {
  679. content: "\e718"
  680. }
  681. .van-icon-photograph:before {
  682. content: "\e719"
  683. }
  684. .van-icon-shop:before {
  685. content: "\e71a"
  686. }
  687. .van-icon-shop-o:before {
  688. content: "\e71b"
  689. }
  690. .van-icon-shop-collect-o:before {
  691. content: "\e71c"
  692. }
  693. .van-icon-shop-collect:before {
  694. content: "\e71d"
  695. }
  696. .van-icon-smile:before {
  697. content: "\e71e"
  698. }
  699. .van-icon-shopping-cart-o:before {
  700. content: "\e71f"
  701. }
  702. .van-icon-sign:before {
  703. content: "\e720"
  704. }
  705. .van-icon-sort:before {
  706. content: "\e721"
  707. }
  708. .van-icon-star-o:before {
  709. content: "\e722"
  710. }
  711. .van-icon-smile-comment-o:before {
  712. content: "\e723"
  713. }
  714. .van-icon-stop:before {
  715. content: "\e724"
  716. }
  717. .van-icon-stop-circle-o:before {
  718. content: "\e725"
  719. }
  720. .van-icon-smile-o:before {
  721. content: "\e726"
  722. }
  723. .van-icon-star:before {
  724. content: "\e727"
  725. }
  726. .van-icon-success:before {
  727. content: "\e728"
  728. }
  729. .van-icon-stop-circle:before {
  730. content: "\e729"
  731. }
  732. .van-icon-records:before {
  733. content: "\e72a"
  734. }
  735. .van-icon-shopping-cart:before {
  736. content: "\e72b"
  737. }
  738. .van-icon-tosend:before {
  739. content: "\e72c"
  740. }
  741. .van-icon-todo-list:before {
  742. content: "\e72d"
  743. }
  744. .van-icon-thumb-circle-o:before {
  745. content: "\e72e"
  746. }
  747. .van-icon-thumb-circle:before {
  748. content: "\e72f"
  749. }
  750. .van-icon-umbrella-circle:before {
  751. content: "\e730"
  752. }
  753. .van-icon-underway:before {
  754. content: "\e731"
  755. }
  756. .van-icon-upgrade:before {
  757. content: "\e732"
  758. }
  759. .van-icon-todo-list-o:before {
  760. content: "\e733"
  761. }
  762. .van-icon-tv-o:before {
  763. content: "\e734"
  764. }
  765. .van-icon-underway-o:before {
  766. content: "\e735"
  767. }
  768. .van-icon-user-o:before {
  769. content: "\e736"
  770. }
  771. .van-icon-vip-card-o:before {
  772. content: "\e737"
  773. }
  774. .van-icon-vip-card:before {
  775. content: "\e738"
  776. }
  777. .van-icon-send-gift:before {
  778. content: "\e739"
  779. }
  780. .van-icon-wap-home:before {
  781. content: "\e73a"
  782. }
  783. .van-icon-wap-nav:before {
  784. content: "\e73b"
  785. }
  786. .van-icon-volume-o:before {
  787. content: "\e73c"
  788. }
  789. .van-icon-video:before {
  790. content: "\e73d"
  791. }
  792. .van-icon-wap-home-o:before {
  793. content: "\e73e"
  794. }
  795. .van-icon-volume:before {
  796. content: "\e73f"
  797. }
  798. .van-icon-warning:before {
  799. content: "\e740"
  800. }
  801. .van-icon-weapp-nav:before {
  802. content: "\e741"
  803. }
  804. .van-icon-wechat-pay:before {
  805. content: "\e742"
  806. }
  807. .van-icon-warning-o:before {
  808. content: "\e743"
  809. }
  810. .van-icon-wechat:before {
  811. content: "\e744"
  812. }
  813. .van-icon-setting-o:before {
  814. content: "\e745"
  815. }
  816. .van-icon-youzan-shield:before {
  817. content: "\e746"
  818. }
  819. .van-icon-warn-o:before {
  820. content: "\e747"
  821. }
  822. .van-icon-smile-comment:before {
  823. content: "\e748"
  824. }
  825. .van-icon-user-circle-o:before {
  826. content: "\e749"
  827. }
  828. .van-icon-video-o:before {
  829. content: "\e74a"
  830. }
  831. .van-icon-add-square:before {
  832. content: "\e65c"
  833. }
  834. .van-icon-add:before {
  835. content: "\e65d"
  836. }
  837. .van-icon-arrow-down:before {
  838. content: "\e65e"
  839. }
  840. .van-icon-arrow-up:before {
  841. content: "\e65f"
  842. }
  843. .van-icon-arrow:before {
  844. content: "\e660"
  845. }
  846. .van-icon-after-sale:before {
  847. content: "\e661"
  848. }
  849. .van-icon-add-o:before {
  850. content: "\e662"
  851. }
  852. .van-icon-alipay:before {
  853. content: "\e663"
  854. }
  855. .van-icon-ascending:before {
  856. content: "\e664"
  857. }
  858. .van-icon-apps-o:before {
  859. content: "\e665"
  860. }
  861. .van-icon-aim:before {
  862. content: "\e666"
  863. }
  864. .van-icon-award:before {
  865. content: "\e667"
  866. }
  867. .van-icon-arrow-left:before {
  868. content: "\e668"
  869. }
  870. .van-icon-award-o:before {
  871. content: "\e669"
  872. }
  873. .van-icon-audio:before {
  874. content: "\e66a"
  875. }
  876. .van-icon-bag-o:before {
  877. content: "\e66b"
  878. }
  879. .van-icon-balance-list:before {
  880. content: "\e66c"
  881. }
  882. .van-icon-back-top:before {
  883. content: "\e66d"
  884. }
  885. .van-icon-bag:before {
  886. content: "\e66e"
  887. }
  888. .van-icon-balance-pay:before {
  889. content: "\e66f"
  890. }
  891. .van-icon-balance-o:before {
  892. content: "\e670"
  893. }
  894. .van-icon-bar-chart-o:before {
  895. content: "\e671"
  896. }
  897. .van-icon-bars:before {
  898. content: "\e672"
  899. }
  900. .van-icon-balance-list-o:before {
  901. content: "\e673"
  902. }
  903. .van-icon-birthday-cake-o:before {
  904. content: "\e674"
  905. }
  906. .van-icon-bookmark:before {
  907. content: "\e675"
  908. }
  909. .van-icon-bill:before {
  910. content: "\e676"
  911. }
  912. .van-icon-bell:before {
  913. content: "\e677"
  914. }
  915. .van-icon-browsing-history-o:before {
  916. content: "\e678"
  917. }
  918. .van-icon-browsing-history:before {
  919. content: "\e679"
  920. }
  921. .van-icon-bookmark-o:before {
  922. content: "\e67a"
  923. }
  924. .van-icon-bulb-o:before {
  925. content: "\e67b"
  926. }
  927. .van-icon-bullhorn-o:before {
  928. content: "\e67c"
  929. }
  930. .van-icon-bill-o:before {
  931. content: "\e67d"
  932. }
  933. .van-icon-calendar-o:before {
  934. content: "\e67e"
  935. }
  936. .van-icon-brush-o:before {
  937. content: "\e67f"
  938. }
  939. .van-icon-card:before {
  940. content: "\e680"
  941. }
  942. .van-icon-cart-o:before {
  943. content: "\e681"
  944. }
  945. .van-icon-cart-circle:before {
  946. content: "\e682"
  947. }
  948. .van-icon-cart-circle-o:before {
  949. content: "\e683"
  950. }
  951. .van-icon-cart:before {
  952. content: "\e684"
  953. }
  954. .van-icon-cash-on-deliver:before {
  955. content: "\e685"
  956. }
  957. .van-icon-cash-back-record:before {
  958. content: "\e686"
  959. }
  960. .van-icon-cashier-o:before {
  961. content: "\e687"
  962. }
  963. .van-icon-chart-trending-o:before {
  964. content: "\e688"
  965. }
  966. .van-icon-certificate:before {
  967. content: "\e689"
  968. }
  969. .van-icon-chat:before {
  970. content: "\e68a"
  971. }
  972. .van-icon-clear:before {
  973. content: "\e68b"
  974. }
  975. .van-icon-chat-o:before {
  976. content: "\e68c"
  977. }
  978. .van-icon-checked:before {
  979. content: "\e68d"
  980. }
  981. .van-icon-clock:before {
  982. content: "\e68e"
  983. }
  984. .van-icon-clock-o:before {
  985. content: "\e68f"
  986. }
  987. .van-icon-close:before {
  988. content: "\e690"
  989. }
  990. .van-icon-closed-eye:before {
  991. content: "\e691"
  992. }
  993. .van-icon-circle:before {
  994. content: "\e692"
  995. }
  996. .van-icon-cluster-o:before {
  997. content: "\e693"
  998. }
  999. .van-icon-column:before {
  1000. content: "\e694"
  1001. }
  1002. .van-icon-comment-circle-o:before {
  1003. content: "\e695"
  1004. }
  1005. .van-icon-cluster:before {
  1006. content: "\e696"
  1007. }
  1008. .van-icon-comment:before {
  1009. content: "\e697"
  1010. }
  1011. .van-icon-comment-o:before {
  1012. content: "\e698"
  1013. }
  1014. .van-icon-comment-circle:before {
  1015. content: "\e699"
  1016. }
  1017. .van-icon-completed:before {
  1018. content: "\e69a"
  1019. }
  1020. .van-icon-credit-pay:before {
  1021. content: "\e69b"
  1022. }
  1023. .van-icon-coupon:before {
  1024. content: "\e69c"
  1025. }
  1026. .van-icon-debit-pay:before {
  1027. content: "\e69d"
  1028. }
  1029. .van-icon-coupon-o:before {
  1030. content: "\e69e"
  1031. }
  1032. .van-icon-contact:before {
  1033. content: "\e69f"
  1034. }
  1035. .van-icon-descending:before {
  1036. content: "\e6a0"
  1037. }
  1038. .van-icon-desktop-o:before {
  1039. content: "\e6a1"
  1040. }
  1041. .van-icon-diamond-o:before {
  1042. content: "\e6a2"
  1043. }
  1044. .van-icon-description:before {
  1045. content: "\e6a3"
  1046. }
  1047. .van-icon-delete:before {
  1048. content: "\e6a4"
  1049. }
  1050. .van-icon-diamond:before {
  1051. content: "\e6a5"
  1052. }
  1053. .van-icon-delete-o:before {
  1054. content: "\e6a6"
  1055. }
  1056. .van-icon-cross:before {
  1057. content: "\e6a7"
  1058. }
  1059. .van-icon-edit:before {
  1060. content: "\e6a8"
  1061. }
  1062. .van-icon-ellipsis:before {
  1063. content: "\e6a9"
  1064. }
  1065. .van-icon-down:before {
  1066. content: "\e6aa"
  1067. }
  1068. .van-icon-discount:before {
  1069. content: "\e6ab"
  1070. }
  1071. .van-icon-ecard-pay:before {
  1072. content: "\e6ac"
  1073. }
  1074. .van-icon-envelop-o:before {
  1075. content: "\e6ae"
  1076. }
  1077. .van-icon-shield-o:before {
  1078. content: "\e74b"
  1079. }
  1080. .van-icon-guide-o:before {
  1081. content: "\e74c"
  1082. }
  1083. .van-icon-cash-o:before {
  1084. content: "\e74d"
  1085. }
  1086. .van-icon-qq:before {
  1087. content: "\e74e"
  1088. }
  1089. .van-icon-wechat-moments:before {
  1090. content: "\e74f"
  1091. }
  1092. .van-icon-weibo:before {
  1093. content: "\e750"
  1094. }
  1095. .van-icon-link-o:before {
  1096. content: "\e751"
  1097. }
  1098. .van-icon-miniprogram-o:before {
  1099. content: "\e752"
  1100. }
  1101. @font-face {
  1102. font-weight: 400;
  1103. font-family: vant-icon;
  1104. font-style: normal;
  1105. font-display: auto;
  1106. src: url(data:font/woff2;charset=utf-8;base64,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) format("woff2"), url(//at.alicdn.com/t/font_2553510_iv4v8nulyz.woff?t=1649083952952) format("woff"), url(//at.alicdn.com/t/font_2553510_iv4v8nulyz.ttf?t=1649083952952) format("truetype")
  1107. }
  1108. .van-icon__image {
  1109. display: block;
  1110. width: 1em;
  1111. height: 1em;
  1112. object-fit: contain
  1113. }
  1114. :root {
  1115. --van-skeleton-paragraph-height: 16px;
  1116. --van-skeleton-paragraph-background: var(--van-active-color);
  1117. --van-skeleton-paragraph-margin-top: var(--van-padding-sm);
  1118. --van-skeleton-title-width: 40%;
  1119. --van-skeleton-avatar-size: 32px;
  1120. --van-skeleton-avatar-background: var(--van-active-color);
  1121. --van-skeleton-image-size: 96px;
  1122. --van-skeleton-image-radius: 24px;
  1123. --van-skeleton-duration: 1.2s
  1124. }
  1125. .van-skeleton {
  1126. display: flex;
  1127. padding: 0 var(--van-padding-md)
  1128. }
  1129. .van-skeleton-avatar {
  1130. flex-shrink: 0;
  1131. width: var(--van-skeleton-avatar-size);
  1132. height: var(--van-skeleton-avatar-size);
  1133. margin-right: var(--van-padding-md);
  1134. background: var(--van-skeleton-avatar-background)
  1135. }
  1136. .van-skeleton-avatar--round {
  1137. border-radius: var(--van-radius-max)
  1138. }
  1139. .van-skeleton__content {
  1140. width: 100%
  1141. }
  1142. .van-skeleton-avatar+.van-skeleton__content {
  1143. padding-top: var(--van-padding-xs)
  1144. }
  1145. .van-skeleton-paragraph,
  1146. .van-skeleton-title {
  1147. height: var(--van-skeleton-paragraph-height);
  1148. background: var(--van-skeleton-paragraph-background)
  1149. }
  1150. .van-skeleton-paragraph--round,
  1151. .van-skeleton-title--round {
  1152. border-radius: var(--van-radius-max)
  1153. }
  1154. .van-skeleton-title {
  1155. width: var(--van-skeleton-title-width);
  1156. margin: 0
  1157. }
  1158. .van-skeleton-paragraph:not(:first-child) {
  1159. margin-top: var(--van-skeleton-paragraph-margin-top)
  1160. }
  1161. .van-skeleton-title+.van-skeleton-paragraph {
  1162. margin-top: 20px
  1163. }
  1164. .van-skeleton--animate {
  1165. animation: van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite
  1166. }
  1167. .van-skeleton-image {
  1168. display: flex;
  1169. width: var(--van-skeleton-image-size);
  1170. height: var(--van-skeleton-image-size);
  1171. align-items: center;
  1172. justify-content: center;
  1173. background: var(--van-active-color)
  1174. }
  1175. .van-skeleton-image--round {
  1176. border-radius: var(--van-skeleton-image-radius)
  1177. }
  1178. .van-skeleton-image__icon {
  1179. width: calc(var(--van-skeleton-image-size) / 2);
  1180. height: calc(var(--van-skeleton-image-size) / 2);
  1181. font-size: calc(var(--van-skeleton-image-size) / 2);
  1182. color: var(--van-gray-5)
  1183. }
  1184. @keyframes van-skeleton-blink {
  1185. 50% {
  1186. opacity: .6
  1187. }
  1188. }
  1189. :root {
  1190. --van-rate-icon-size: 20px;
  1191. --van-rate-icon-gutter: var(--van-padding-base);
  1192. --van-rate-icon-void-color: var(--van-gray-5);
  1193. --van-rate-icon-full-color: var(--van-danger-color);
  1194. --van-rate-icon-disabled-color: var(--van-gray-5)
  1195. }
  1196. .van-rate {
  1197. display: inline-flex;
  1198. cursor: pointer;
  1199. -webkit-user-select: none;
  1200. user-select: none;
  1201. flex-wrap: wrap
  1202. }
  1203. .van-rate__item {
  1204. position: relative
  1205. }
  1206. .van-rate__item:not(:last-child) {
  1207. padding-right: var(--van-rate-icon-gutter)
  1208. }
  1209. .van-rate__icon {
  1210. display: block;
  1211. width: 1em;
  1212. color: var(--van-rate-icon-void-color);
  1213. font-size: var(--van-rate-icon-size)
  1214. }
  1215. .van-rate__icon--half {
  1216. position: absolute;
  1217. top: 0;
  1218. left: 0;
  1219. overflow: hidden
  1220. }
  1221. .van-rate__icon--full {
  1222. color: var(--van-rate-icon-full-color)
  1223. }
  1224. .van-rate__icon--disabled {
  1225. color: var(--van-rate-icon-disabled-color)
  1226. }
  1227. .van-rate--disabled {
  1228. cursor: not-allowed
  1229. }
  1230. .van-rate--readonly {
  1231. cursor: default
  1232. }
  1233. :root {
  1234. --van-notice-bar-height: 40px;
  1235. --van-notice-bar-padding: 0 var(--van-padding-md);
  1236. --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);
  1237. --van-notice-bar-text-color: var(--van-orange-dark);
  1238. --van-notice-bar-font-size: var(--van-font-size-md);
  1239. --van-notice-bar-line-height: 24px;
  1240. --van-notice-bar-background: var(--van-orange-light);
  1241. --van-notice-bar-icon-size: 16px;
  1242. --van-notice-bar-icon-min-width: 24px
  1243. }
  1244. .van-notice-bar {
  1245. position: relative;
  1246. display: flex;
  1247. align-items: center;
  1248. height: var(--van-notice-bar-height);
  1249. padding: var(--van-notice-bar-padding);
  1250. color: var(--van-notice-bar-text-color);
  1251. font-size: var(--van-notice-bar-font-size);
  1252. line-height: var(--van-notice-bar-line-height);
  1253. background: var(--van-notice-bar-background)
  1254. }
  1255. .van-notice-bar__left-icon,
  1256. .van-notice-bar__right-icon {
  1257. min-width: var(--van-notice-bar-icon-min-width);
  1258. font-size: var(--van-notice-bar-icon-size)
  1259. }
  1260. .van-notice-bar__right-icon {
  1261. text-align: right;
  1262. cursor: pointer
  1263. }
  1264. .van-notice-bar__wrap {
  1265. position: relative;
  1266. display: flex;
  1267. flex: 1;
  1268. align-items: center;
  1269. height: 100%;
  1270. overflow: hidden
  1271. }
  1272. .van-notice-bar__content {
  1273. position: absolute;
  1274. white-space: nowrap;
  1275. transition-timing-function: linear
  1276. }
  1277. .van-notice-bar__content.van-ellipsis {
  1278. max-width: 100%
  1279. }
  1280. .van-notice-bar--wrapable {
  1281. height: auto;
  1282. padding: var(--van-notice-bar-wrapable-padding)
  1283. }
  1284. .van-notice-bar--wrapable .van-notice-bar__wrap {
  1285. height: auto
  1286. }
  1287. .van-notice-bar--wrapable .van-notice-bar__content {
  1288. position: relative;
  1289. white-space: normal;
  1290. word-wrap: break-word
  1291. }
  1292. :root {
  1293. --van-nav-bar-height: 46px;
  1294. --van-nav-bar-background: var(--van-background-2);
  1295. --van-nav-bar-arrow-size: 16px;
  1296. --van-nav-bar-icon-color: var(--van-primary-color);
  1297. --van-nav-bar-text-color: var(--van-primary-color);
  1298. --van-nav-bar-title-font-size: var(--van-font-size-lg);
  1299. --van-nav-bar-title-text-color: var(--van-text-color);
  1300. --van-nav-bar-z-index: 1
  1301. }
  1302. .van-nav-bar {
  1303. position: relative;
  1304. z-index: var(--van-nav-bar-z-index);
  1305. line-height: var(--van-line-height-lg);
  1306. text-align: center;
  1307. background: var(--van-nav-bar-background);
  1308. -webkit-user-select: none;
  1309. user-select: none
  1310. }
  1311. .van-nav-bar--fixed {
  1312. position: fixed;
  1313. top: 0;
  1314. left: 0;
  1315. width: 100%
  1316. }
  1317. .van-nav-bar--safe-area-inset-top {
  1318. padding-top: constant(safe-area-inset-top);
  1319. padding-top: env(safe-area-inset-top)
  1320. }
  1321. .van-nav-bar .van-icon {
  1322. color: var(--van-nav-bar-icon-color)
  1323. }
  1324. .van-nav-bar__content {
  1325. position: relative;
  1326. display: flex;
  1327. align-items: center;
  1328. height: var(--van-nav-bar-height)
  1329. }
  1330. .van-nav-bar__arrow {
  1331. margin-right: var(--van-padding-base);
  1332. font-size: var(--van-nav-bar-arrow-size)
  1333. }
  1334. .van-nav-bar__title {
  1335. max-width: 60%;
  1336. margin: 0 auto;
  1337. color: var(--van-nav-bar-title-text-color);
  1338. font-weight: var(--van-font-bold);
  1339. font-size: var(--van-nav-bar-title-font-size)
  1340. }
  1341. .van-nav-bar__left,
  1342. .van-nav-bar__right {
  1343. position: absolute;
  1344. top: 0;
  1345. bottom: 0;
  1346. display: flex;
  1347. align-items: center;
  1348. padding: 0 var(--van-padding-md);
  1349. font-size: var(--van-font-size-md)
  1350. }
  1351. .van-nav-bar__left {
  1352. left: 0
  1353. }
  1354. .van-nav-bar__right {
  1355. right: 0
  1356. }
  1357. .van-nav-bar__text {
  1358. color: var(--van-nav-bar-text-color)
  1359. }
  1360. :root {
  1361. --van-image-placeholder-text-color: var(--van-text-color-2);
  1362. --van-image-placeholder-font-size: var(--van-font-size-md);
  1363. --van-image-placeholder-background: var(--van-background);
  1364. --van-image-loading-icon-size: 32px;
  1365. --van-image-loading-icon-color: var(--van-gray-4);
  1366. --van-image-error-icon-size: 32px;
  1367. --van-image-error-icon-color: var(--van-gray-4)
  1368. }
  1369. .van-image {
  1370. position: relative;
  1371. display: inline-block
  1372. }
  1373. .van-image--round {
  1374. overflow: hidden;
  1375. border-radius: var(--van-radius-max)
  1376. }
  1377. .van-image--round .van-image__img {
  1378. border-radius: inherit
  1379. }
  1380. .van-image--block {
  1381. display: block
  1382. }
  1383. .van-image__img,
  1384. .van-image__error,
  1385. .van-image__loading {
  1386. display: block;
  1387. width: 100%;
  1388. height: 100%
  1389. }
  1390. .van-image__error,
  1391. .van-image__loading {
  1392. position: absolute;
  1393. top: 0;
  1394. left: 0;
  1395. display: flex;
  1396. flex-direction: column;
  1397. align-items: center;
  1398. justify-content: center;
  1399. color: var(--van-image-placeholder-text-color);
  1400. font-size: var(--van-image-placeholder-font-size);
  1401. background: var(--van-image-placeholder-background)
  1402. }
  1403. .van-image__loading-icon {
  1404. color: var(--van-image-loading-icon-color);
  1405. font-size: var(--van-image-loading-icon-size)
  1406. }
  1407. .van-image__error-icon {
  1408. color: var(--van-image-error-icon-color);
  1409. font-size: var(--van-image-error-icon-size)
  1410. }
  1411. :root {
  1412. --van-back-top-size: 40px;
  1413. --van-back-top-right: 30px;
  1414. --van-back-top-bottom: 40px;
  1415. --van-back-top-icon-size: 20px;
  1416. --van-back-top-text-color: #fff;
  1417. --van-back-top-background: var(--van-blue)
  1418. }
  1419. .van-back-top {
  1420. position: fixed;
  1421. display: flex;
  1422. align-items: center;
  1423. justify-content: center;
  1424. width: var(--van-back-top-size);
  1425. height: var(--van-back-top-size);
  1426. right: var(--van-back-top-right);
  1427. bottom: var(--van-back-top-bottom);
  1428. cursor: pointer;
  1429. color: var(--van-back-top-text-color);
  1430. border-radius: var(--van-radius-max);
  1431. box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
  1432. transform: scale(0);
  1433. transition: var(--van-duration-base) cubic-bezier(.25, .8, .5, 1);
  1434. background-color: var(--van-back-top-background)
  1435. }
  1436. .van-back-top:active {
  1437. opacity: var(--van-active-opacity)
  1438. }
  1439. .van-back-top--active {
  1440. transform: scale(1)
  1441. }
  1442. .van-back-top__icon {
  1443. font-size: var(--van-back-top-icon-size);
  1444. font-weight: var(--van-font-bold)
  1445. }
  1446. :root {
  1447. --van-tag-padding: 0 var(--van-padding-base);
  1448. --van-tag-text-color: var(--van-white);
  1449. --van-tag-font-size: var(--van-font-size-sm);
  1450. --van-tag-radius: 2px;
  1451. --van-tag-line-height: 16px;
  1452. --van-tag-medium-padding: 2px 6px;
  1453. --van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);
  1454. --van-tag-large-radius: var(--van-radius-md);
  1455. --van-tag-large-font-size: var(--van-font-size-md);
  1456. --van-tag-round-radius: var(--van-radius-max);
  1457. --van-tag-danger-color: var(--van-danger-color);
  1458. --van-tag-primary-color: var(--van-primary-color);
  1459. --van-tag-success-color: var(--van-success-color);
  1460. --van-tag-warning-color: var(--van-warning-color);
  1461. --van-tag-default-color: var(--van-gray-6);
  1462. --van-tag-plain-background: var(--van-background-2)
  1463. }
  1464. .van-tag {
  1465. position: relative;
  1466. display: inline-flex;
  1467. align-items: center;
  1468. padding: var(--van-tag-padding);
  1469. color: var(--van-tag-text-color);
  1470. font-size: var(--van-tag-font-size);
  1471. line-height: var(--van-tag-line-height);
  1472. border-radius: var(--van-tag-radius)
  1473. }
  1474. .van-tag--default {
  1475. background: var(--van-tag-default-color)
  1476. }
  1477. .van-tag--default.van-tag--plain {
  1478. color: var(--van-tag-default-color)
  1479. }
  1480. .van-tag--danger {
  1481. background: var(--van-tag-danger-color)
  1482. }
  1483. .van-tag--danger.van-tag--plain {
  1484. color: var(--van-tag-danger-color)
  1485. }
  1486. .van-tag--primary {
  1487. background: var(--van-tag-primary-color)
  1488. }
  1489. .van-tag--primary.van-tag--plain {
  1490. color: var(--van-tag-primary-color)
  1491. }
  1492. .van-tag--success {
  1493. background: var(--van-tag-success-color)
  1494. }
  1495. .van-tag--success.van-tag--plain {
  1496. color: var(--van-tag-success-color)
  1497. }
  1498. .van-tag--warning {
  1499. background: var(--van-tag-warning-color)
  1500. }
  1501. .van-tag--warning.van-tag--plain {
  1502. color: var(--van-tag-warning-color)
  1503. }
  1504. .van-tag--plain {
  1505. background: var(--van-tag-plain-background);
  1506. border-color: currentColor
  1507. }
  1508. .van-tag--plain:before {
  1509. position: absolute;
  1510. top: 0;
  1511. right: 0;
  1512. bottom: 0;
  1513. left: 0;
  1514. border: 1px solid;
  1515. border-color: inherit;
  1516. border-radius: inherit;
  1517. content: "";
  1518. pointer-events: none
  1519. }
  1520. .van-tag--medium {
  1521. padding: var(--van-tag-medium-padding)
  1522. }
  1523. .van-tag--large {
  1524. padding: var(--van-tag-large-padding);
  1525. font-size: var(--van-tag-large-font-size);
  1526. border-radius: var(--van-tag-large-radius)
  1527. }
  1528. .van-tag--mark {
  1529. border-radius: 0 var(--van-tag-round-radius) var(--van-tag-round-radius) 0
  1530. }
  1531. .van-tag--mark:after {
  1532. display: block;
  1533. width: 2px;
  1534. content: ""
  1535. }
  1536. .van-tag--round {
  1537. border-radius: var(--van-tag-round-radius)
  1538. }
  1539. .van-tag__close {
  1540. margin-left: 2px
  1541. }
  1542. :root {
  1543. --van-card-padding: var(--van-padding-xs) var(--van-padding-md);
  1544. --van-card-font-size: var(--van-font-size-sm);
  1545. --van-card-text-color: var(--van-text-color);
  1546. --van-card-background: var(--van-background);
  1547. --van-card-thumb-size: 88px;
  1548. --van-card-thumb-radius: var(--van-radius-lg);
  1549. --van-card-title-line-height: 16px;
  1550. --van-card-desc-color: var(--van-text-color-2);
  1551. --van-card-desc-line-height: var(--van-line-height-md);
  1552. --van-card-price-color: var(--van-text-color);
  1553. --van-card-origin-price-color: var(--van-text-color-2);
  1554. --van-card-num-color: var(--van-text-color-2);
  1555. --van-card-origin-price-font-size: var(--van-font-size-xs);
  1556. --van-card-price-font-size: var(--van-font-size-sm);
  1557. --van-card-price-integer-font-size: var(--van-font-size-lg);
  1558. --van-card-price-font: var(--van-price-font)
  1559. }
  1560. .van-card {
  1561. position: relative;
  1562. box-sizing: border-box;
  1563. padding: var(--van-card-padding);
  1564. color: var(--van-card-text-color);
  1565. font-size: var(--van-card-font-size);
  1566. background: var(--van-card-background)
  1567. }
  1568. .van-card:not(:first-child) {
  1569. margin-top: var(--van-padding-xs)
  1570. }
  1571. .van-card__header {
  1572. display: flex
  1573. }
  1574. .van-card__thumb {
  1575. position: relative;
  1576. flex: none;
  1577. width: var(--van-card-thumb-size);
  1578. height: var(--van-card-thumb-size);
  1579. margin-right: var(--van-padding-xs)
  1580. }
  1581. .van-card__thumb img {
  1582. border-radius: var(--van-card-thumb-radius)
  1583. }
  1584. .van-card__content {
  1585. position: relative;
  1586. display: flex;
  1587. flex: 1;
  1588. flex-direction: column;
  1589. justify-content: space-between;
  1590. min-width: 0;
  1591. min-height: var(--van-card-thumb-size)
  1592. }
  1593. .van-card__content--centered {
  1594. justify-content: center
  1595. }
  1596. .van-card__title,
  1597. .van-card__desc {
  1598. word-wrap: break-word
  1599. }
  1600. .van-card__title {
  1601. max-height: 32px;
  1602. font-weight: var(--van-font-bold);
  1603. line-height: var(--van-card-title-line-height)
  1604. }
  1605. .van-card__desc {
  1606. max-height: var(--van-card-desc-line-height);
  1607. color: var(--van-card-desc-color);
  1608. line-height: var(--van-card-desc-line-height)
  1609. }
  1610. .van-card__bottom {
  1611. line-height: var(--van-line-height-md)
  1612. }
  1613. .van-card__price {
  1614. display: inline-block;
  1615. color: var(--van-card-price-color);
  1616. font-weight: var(--van-font-bold);
  1617. font-size: var(--van-card-price-font-size)
  1618. }
  1619. .van-card__price-integer {
  1620. font-size: var(--van-card-price-integer-font-size);
  1621. font-family: var(--van-card-price-font)
  1622. }
  1623. .van-card__price-decimal {
  1624. font-family: var(--van-card-price-font)
  1625. }
  1626. .van-card__origin-price {
  1627. display: inline-block;
  1628. margin-left: 5px;
  1629. color: var(--van-card-origin-price-color);
  1630. font-size: var(--van-card-origin-price-font-size);
  1631. text-decoration: line-through
  1632. }
  1633. .van-card__num {
  1634. float: right;
  1635. color: var(--van-card-num-color)
  1636. }
  1637. .van-card__tag {
  1638. position: absolute;
  1639. top: 2px;
  1640. left: 0
  1641. }
  1642. .van-card__footer {
  1643. flex: none;
  1644. text-align: right
  1645. }
  1646. .van-card__footer .van-button {
  1647. margin-left: 5px
  1648. }
  1649. :root {
  1650. --van-cell-font-size: var(--van-font-size-md);
  1651. --van-cell-line-height: 24px;
  1652. --van-cell-vertical-padding: 10px;
  1653. --van-cell-horizontal-padding: var(--van-padding-md);
  1654. --van-cell-text-color: var(--van-text-color);
  1655. --van-cell-background: var(--van-background-2);
  1656. --van-cell-border-color: var(--van-border-color);
  1657. --van-cell-active-color: var(--van-active-color);
  1658. --van-cell-required-color: var(--van-danger-color);
  1659. --van-cell-label-color: var(--van-text-color-2);
  1660. --van-cell-label-font-size: var(--van-font-size-sm);
  1661. --van-cell-label-line-height: var(--van-line-height-sm);
  1662. --van-cell-label-margin-top: var(--van-padding-base);
  1663. --van-cell-value-color: var(--van-text-color-2);
  1664. --van-cell-icon-size: 16px;
  1665. --van-cell-right-icon-color: var(--van-gray-6);
  1666. --van-cell-large-vertical-padding: var(--van-padding-sm);
  1667. --van-cell-large-title-font-size: var(--van-font-size-lg);
  1668. --van-cell-large-label-font-size: var(--van-font-size-md)
  1669. }
  1670. .van-cell {
  1671. position: relative;
  1672. display: flex;
  1673. box-sizing: border-box;
  1674. width: 100%;
  1675. padding: var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);
  1676. overflow: hidden;
  1677. color: var(--van-cell-text-color);
  1678. font-size: var(--van-cell-font-size);
  1679. line-height: var(--van-cell-line-height);
  1680. background: var(--van-cell-background)
  1681. }
  1682. .van-cell:after {
  1683. position: absolute;
  1684. box-sizing: border-box;
  1685. content: " ";
  1686. pointer-events: none;
  1687. right: var(--van-padding-md);
  1688. bottom: 0;
  1689. left: var(--van-padding-md);
  1690. border-bottom: 1px solid var(--van-cell-border-color);
  1691. transform: scaleY(.5)
  1692. }
  1693. .van-cell:last-child:after,
  1694. .van-cell--borderless:after {
  1695. display: none
  1696. }
  1697. .van-cell__label {
  1698. margin-top: var(--van-cell-label-margin-top);
  1699. color: var(--van-cell-label-color);
  1700. font-size: var(--van-cell-label-font-size);
  1701. line-height: var(--van-cell-label-line-height)
  1702. }
  1703. .van-cell__title,
  1704. .van-cell__value {
  1705. flex: 1
  1706. }
  1707. .van-cell__value {
  1708. position: relative;
  1709. overflow: hidden;
  1710. color: var(--van-cell-value-color);
  1711. text-align: right;
  1712. vertical-align: middle;
  1713. word-wrap: break-word
  1714. }
  1715. .van-cell__left-icon,
  1716. .van-cell__right-icon {
  1717. height: var(--van-cell-line-height);
  1718. font-size: var(--van-cell-icon-size);
  1719. line-height: var(--van-cell-line-height)
  1720. }
  1721. .van-cell__left-icon {
  1722. margin-right: var(--van-padding-base)
  1723. }
  1724. .van-cell__right-icon {
  1725. margin-left: var(--van-padding-base);
  1726. color: var(--van-cell-right-icon-color)
  1727. }
  1728. .van-cell--clickable {
  1729. cursor: pointer
  1730. }
  1731. .van-cell--clickable:active {
  1732. background-color: var(--van-cell-active-color)
  1733. }
  1734. .van-cell--required {
  1735. overflow: visible
  1736. }
  1737. .van-cell--required:before {
  1738. position: absolute;
  1739. left: var(--van-padding-xs);
  1740. color: var(--van-cell-required-color);
  1741. font-size: var(--van-cell-font-size);
  1742. content: "*"
  1743. }
  1744. .van-cell--center {
  1745. align-items: center
  1746. }
  1747. .van-cell--large {
  1748. padding-top: var(--van-cell-large-vertical-padding);
  1749. padding-bottom: var(--van-cell-large-vertical-padding)
  1750. }
  1751. .van-cell--large .van-cell__title {
  1752. font-size: var(--van-cell-large-title-font-size)
  1753. }
  1754. .van-cell--large .van-cell__label {
  1755. font-size: var(--van-cell-large-label-font-size)
  1756. }
  1757. :root {
  1758. --van-coupon-cell-selected-text-color: var(--van-text-color)
  1759. }
  1760. .van-coupon-cell__value--selected {
  1761. color: var(--van-coupon-cell-selected-text-color)
  1762. }
  1763. :root {
  1764. --van-contact-card-padding: var(--van-padding-md);
  1765. --van-contact-card-add-icon-size: 40px;
  1766. --van-contact-card-add-icon-color: var(--van-primary-color);
  1767. --van-contact-card-title-line-height: var(--van-line-height-md)
  1768. }
  1769. .van-contact-card {
  1770. padding: var(--van-contact-card-padding)
  1771. }
  1772. .van-contact-card__title {
  1773. margin-left: 5px;
  1774. line-height: var(--van-contact-card-title-line-height)
  1775. }
  1776. .van-contact-card--add .van-contact-card__value {
  1777. line-height: var(--van-contact-card-add-icon-size)
  1778. }
  1779. .van-contact-card--add .van-cell__left-icon {
  1780. color: var(--van-contact-card-add-icon-color);
  1781. font-size: var(--van-contact-card-add-icon-size)
  1782. }
  1783. .van-contact-card:before {
  1784. position: absolute;
  1785. right: 0;
  1786. bottom: 0;
  1787. left: 0;
  1788. height: 2px;
  1789. background: repeating-linear-gradient(-45deg, var(--van-warning-color) 0, var(--van-warning-color) 20%, transparent 0, transparent 25%, var(--van-primary-color) 0, var(--van-primary-color) 45%, transparent 0, transparent 50%);
  1790. background-size: 80px;
  1791. content: ""
  1792. }
  1793. :root {
  1794. --van-collapse-item-duration: var(--van-duration-base);
  1795. --van-collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md);
  1796. --van-collapse-item-content-font-size: var(--van-font-size-md);
  1797. --van-collapse-item-content-line-height: 1.5;
  1798. --van-collapse-item-content-text-color: var(--van-text-color-2);
  1799. --van-collapse-item-content-background: var(--van-background-2);
  1800. --van-collapse-item-title-disabled-color: var(--van-text-color-3)
  1801. }
  1802. .van-collapse-item {
  1803. position: relative
  1804. }
  1805. .van-collapse-item--border:after {
  1806. position: absolute;
  1807. box-sizing: border-box;
  1808. content: " ";
  1809. pointer-events: none;
  1810. top: 0;
  1811. right: var(--van-padding-md);
  1812. left: var(--van-padding-md);
  1813. border-top: 1px solid var(--van-border-color);
  1814. transform: scaleY(.5)
  1815. }
  1816. .van-collapse-item__title .van-cell__right-icon:before {
  1817. transform: rotate(90deg) translateZ(0);
  1818. transition: transform var(--van-collapse-item-duration)
  1819. }
  1820. .van-collapse-item__title:after {
  1821. right: var(--van-padding-md);
  1822. display: none
  1823. }
  1824. .van-collapse-item__title--expanded .van-cell__right-icon:before {
  1825. transform: rotate(-90deg)
  1826. }
  1827. .van-collapse-item__title--expanded:after {
  1828. display: block
  1829. }
  1830. .van-collapse-item__title--borderless:after {
  1831. display: none
  1832. }
  1833. .van-collapse-item__title--disabled {
  1834. cursor: not-allowed
  1835. }
  1836. .van-collapse-item__title--disabled,
  1837. .van-collapse-item__title--disabled .van-cell__right-icon {
  1838. color: var(--van-collapse-item-title-disabled-color)
  1839. }
  1840. .van-collapse-item__wrapper {
  1841. overflow: hidden;
  1842. transition: height var(--van-collapse-item-duration) ease-in-out;
  1843. will-change: height
  1844. }
  1845. .van-collapse-item__content {
  1846. padding: var(--van-collapse-item-content-padding);
  1847. color: var(--van-collapse-item-content-text-color);
  1848. font-size: var(--van-collapse-item-content-font-size);
  1849. line-height: var(--van-collapse-item-content-line-height);
  1850. background: var(--van-collapse-item-content-background)
  1851. }
  1852. :root {
  1853. --van-field-label-width: 6.2em;
  1854. --van-field-label-color: var(--van-text-color);
  1855. --van-field-label-margin-right: var(--van-padding-sm);
  1856. --van-field-input-text-color: var(--van-text-color);
  1857. --van-field-input-error-text-color: var(--van-danger-color);
  1858. --van-field-input-disabled-text-color: var(--van-text-color-3);
  1859. --van-field-placeholder-text-color: var(--van-text-color-3);
  1860. --van-field-icon-size: 16px;
  1861. --van-field-clear-icon-size: 16px;
  1862. --van-field-clear-icon-color: var(--van-gray-5);
  1863. --van-field-right-icon-color: var(--van-gray-6);
  1864. --van-field-error-message-color: var(--van-danger-color);
  1865. --van-field-error-message-font-size: 12px;
  1866. --van-field-text-area-min-height: 60px;
  1867. --van-field-word-limit-color: var(--van-gray-7);
  1868. --van-field-word-limit-font-size: var(--van-font-size-sm);
  1869. --van-field-word-limit-line-height: 16px;
  1870. --van-field-disabled-text-color: var(--van-text-color-3);
  1871. --van-field-required-mark-color: var(--van-red)
  1872. }
  1873. .van-field {
  1874. flex-wrap: wrap
  1875. }
  1876. .van-field__label {
  1877. flex: none;
  1878. box-sizing: border-box;
  1879. width: var(--van-field-label-width);
  1880. margin-right: var(--van-field-label-margin-right);
  1881. color: var(--van-field-label-color);
  1882. text-align: left;
  1883. word-wrap: break-word
  1884. }
  1885. .van-field__label--center {
  1886. text-align: center
  1887. }
  1888. .van-field__label--right {
  1889. text-align: right
  1890. }
  1891. .van-field__label--top {
  1892. display: flex;
  1893. width: 100%;
  1894. text-align: left;
  1895. margin-bottom: var(--van-padding-base)
  1896. }
  1897. .van-field__label--required:before {
  1898. margin-right: 2px;
  1899. color: var(--van-field-required-mark-color);
  1900. content: "*"
  1901. }
  1902. .van-field--disabled .van-field__label {
  1903. color: var(--van-field-disabled-text-color)
  1904. }
  1905. .van-field__value {
  1906. overflow: visible
  1907. }
  1908. .van-field__body {
  1909. display: flex;
  1910. align-items: center
  1911. }
  1912. .van-field__control {
  1913. display: block;
  1914. box-sizing: border-box;
  1915. width: 100%;
  1916. min-width: 0;
  1917. margin: 0;
  1918. padding: 0;
  1919. color: var(--van-field-input-text-color);
  1920. line-height: inherit;
  1921. text-align: left;
  1922. background-color: transparent;
  1923. border: 0;
  1924. resize: none;
  1925. -webkit-user-select: auto;
  1926. user-select: auto
  1927. }
  1928. .van-field__control::-webkit-input-placeholder {
  1929. color: var(--van-field-placeholder-text-color)
  1930. }
  1931. .van-field__control::placeholder {
  1932. color: var(--van-field-placeholder-text-color)
  1933. }
  1934. .van-field__control:disabled {
  1935. color: var(--van-field-input-disabled-text-color);
  1936. cursor: not-allowed;
  1937. opacity: 1;
  1938. -webkit-text-fill-color: var(--van-field-input-disabled-text-color)
  1939. }
  1940. .van-field__control:read-only {
  1941. cursor: default
  1942. }
  1943. .van-field__control--center {
  1944. justify-content: center;
  1945. text-align: center
  1946. }
  1947. .van-field__control--right {
  1948. justify-content: flex-end;
  1949. text-align: right
  1950. }
  1951. .van-field__control--custom {
  1952. display: flex;
  1953. align-items: center;
  1954. min-height: var(--van-cell-line-height)
  1955. }
  1956. .van-field__control--error::-webkit-input-placeholder {
  1957. color: var(--van-field-input-error-text-color);
  1958. -webkit-text-fill-color: currentColor
  1959. }
  1960. .van-field__control--error,
  1961. .van-field__control--error::placeholder {
  1962. color: var(--van-field-input-error-text-color);
  1963. -webkit-text-fill-color: currentColor
  1964. }
  1965. .van-field__control--min-height {
  1966. min-height: var(--van-field-text-area-min-height)
  1967. }
  1968. .van-field__control[type=date],
  1969. .van-field__control[type=time],
  1970. .van-field__control[type=datetime-local] {
  1971. min-height: var(--van-cell-line-height)
  1972. }
  1973. .van-field__control[type=search] {
  1974. -webkit-appearance: none
  1975. }
  1976. .van-field__clear,
  1977. .van-field__icon,
  1978. .van-field__button,
  1979. .van-field__right-icon {
  1980. flex-shrink: 0
  1981. }
  1982. .van-field__clear,
  1983. .van-field__right-icon {
  1984. margin-right: calc(var(--van-padding-xs) * -1);
  1985. padding: 0 var(--van-padding-xs);
  1986. line-height: inherit
  1987. }
  1988. .van-field__clear {
  1989. color: var(--van-field-clear-icon-color);
  1990. font-size: var(--van-field-clear-icon-size);
  1991. cursor: pointer
  1992. }
  1993. .van-field__left-icon .van-icon,
  1994. .van-field__right-icon .van-icon {
  1995. display: block;
  1996. font-size: var(--van-field-icon-size);
  1997. line-height: inherit
  1998. }
  1999. .van-field__left-icon {
  2000. margin-right: var(--van-padding-base)
  2001. }
  2002. .van-field__right-icon {
  2003. color: var(--van-field-right-icon-color)
  2004. }
  2005. .van-field__button {
  2006. padding-left: var(--van-padding-xs)
  2007. }
  2008. .van-field__error-message {
  2009. color: var(--van-field-error-message-color);
  2010. font-size: var(--van-field-error-message-font-size);
  2011. text-align: left
  2012. }
  2013. .van-field__error-message--center {
  2014. text-align: center
  2015. }
  2016. .van-field__error-message--right {
  2017. text-align: right
  2018. }
  2019. .van-field__word-limit {
  2020. margin-top: var(--van-padding-base);
  2021. color: var(--van-field-word-limit-color);
  2022. font-size: var(--van-field-word-limit-font-size);
  2023. line-height: var(--van-field-word-limit-line-height);
  2024. text-align: right
  2025. }
  2026. :root {
  2027. --van-search-padding: 10px var(--van-padding-sm);
  2028. --van-search-background: var(--van-background-2);
  2029. --van-search-content-background: var(--van-background);
  2030. --van-search-input-height: 34px;
  2031. --van-search-label-padding: 0 5px;
  2032. --van-search-label-color: var(--van-text-color);
  2033. --van-search-label-font-size: var(--van-font-size-md);
  2034. --van-search-left-icon-color: var(--van-gray-6);
  2035. --van-search-action-padding: 0 var(--van-padding-xs);
  2036. --van-search-action-text-color: var(--van-text-color);
  2037. --van-search-action-font-size: var(--van-font-size-md)
  2038. }
  2039. .van-search {
  2040. display: flex;
  2041. align-items: center;
  2042. box-sizing: border-box;
  2043. padding: var(--van-search-padding);
  2044. background: var(--van-search-background)
  2045. }
  2046. .van-search__content {
  2047. display: flex;
  2048. flex: 1;
  2049. padding-left: var(--van-padding-sm);
  2050. background: var(--van-search-content-background);
  2051. border-radius: var(--van-radius-sm)
  2052. }
  2053. .van-search__content--round {
  2054. border-radius: var(--van-radius-max)
  2055. }
  2056. .van-search__label {
  2057. padding: var(--van-search-label-padding);
  2058. color: var(--van-search-label-color);
  2059. font-size: var(--van-search-label-font-size);
  2060. line-height: var(--van-search-input-height)
  2061. }
  2062. .van-search__field {
  2063. flex: 1;
  2064. align-items: center;
  2065. padding: 0 var(--van-padding-xs) 0 0;
  2066. height: var(--van-search-input-height);
  2067. background-color: transparent
  2068. }
  2069. .van-search__field .van-field__left-icon {
  2070. color: var(--van-search-left-icon-color)
  2071. }
  2072. .van-search--show-action {
  2073. padding-right: 0
  2074. }
  2075. .van-search input::-webkit-search-decoration,
  2076. .van-search input::-webkit-search-cancel-button,
  2077. .van-search input::-webkit-search-results-button,
  2078. .van-search input::-webkit-search-results-decoration {
  2079. display: none
  2080. }
  2081. .van-search__action {
  2082. padding: var(--van-search-action-padding);
  2083. color: var(--van-search-action-text-color);
  2084. font-size: var(--van-search-action-font-size);
  2085. line-height: var(--van-search-input-height);
  2086. cursor: pointer;
  2087. -webkit-user-select: none;
  2088. user-select: none
  2089. }
  2090. .van-search__action:active {
  2091. background-color: var(--van-active-color)
  2092. }
  2093. :root {
  2094. --van-action-bar-icon-width: 48px;
  2095. --van-action-bar-icon-height: 100%;
  2096. --van-action-bar-icon-color: var(--van-text-color);
  2097. --van-action-bar-icon-size: 18px;
  2098. --van-action-bar-icon-font-size: var(--van-font-size-xs);
  2099. --van-action-bar-icon-active-color: var(--van-active-color);
  2100. --van-action-bar-icon-text-color: var(--van-text-color);
  2101. --van-action-bar-icon-background: var(--van-background-2)
  2102. }
  2103. .van-action-bar-icon {
  2104. display: flex;
  2105. flex-direction: column;
  2106. justify-content: center;
  2107. min-width: var(--van-action-bar-icon-width);
  2108. height: var(--van-action-bar-icon-height);
  2109. color: var(--van-action-bar-icon-text-color);
  2110. font-size: var(--van-action-bar-icon-font-size);
  2111. line-height: 1;
  2112. text-align: center;
  2113. background: var(--van-action-bar-icon-background);
  2114. cursor: pointer
  2115. }
  2116. .van-action-bar-icon:active {
  2117. background-color: var(--van-action-bar-icon-active-color)
  2118. }
  2119. .van-action-bar-icon__icon {
  2120. margin: 0 auto var(--van-padding-base);
  2121. color: var(--van-action-bar-icon-color);
  2122. font-size: var(--van-action-bar-icon-size)
  2123. }
  2124. :root {
  2125. --van-loading-text-color: var(--van-text-color-2);
  2126. --van-loading-text-font-size: var(--van-font-size-md);
  2127. --van-loading-spinner-color: var(--van-gray-5);
  2128. --van-loading-spinner-size: 30px;
  2129. --van-loading-spinner-duration: .8s
  2130. }
  2131. .van-loading {
  2132. position: relative;
  2133. color: var(--van-loading-spinner-color);
  2134. font-size: 0;
  2135. vertical-align: middle
  2136. }
  2137. .van-loading__spinner {
  2138. position: relative;
  2139. display: inline-block;
  2140. width: var(--van-loading-spinner-size);
  2141. max-width: 100%;
  2142. height: var(--van-loading-spinner-size);
  2143. max-height: 100%;
  2144. vertical-align: middle;
  2145. animation: van-rotate var(--van-loading-spinner-duration) linear infinite
  2146. }
  2147. .van-loading__spinner--spinner {
  2148. animation-timing-function: steps(12)
  2149. }
  2150. .van-loading__spinner--circular {
  2151. animation-duration: 2s
  2152. }
  2153. .van-loading__line {
  2154. position: absolute;
  2155. top: 0;
  2156. left: 0;
  2157. width: 100%;
  2158. height: 100%
  2159. }
  2160. .van-loading__line:before {
  2161. display: block;
  2162. width: 2px;
  2163. height: 25%;
  2164. margin: 0 auto;
  2165. background-color: currentColor;
  2166. border-radius: 40%;
  2167. content: " "
  2168. }
  2169. .van-loading__circular {
  2170. display: block;
  2171. width: 100%;
  2172. height: 100%
  2173. }
  2174. .van-loading__circular circle {
  2175. animation: van-circular 1.5s ease-in-out infinite;
  2176. stroke: currentColor;
  2177. stroke-width: 3;
  2178. stroke-linecap: round
  2179. }
  2180. .van-loading__text {
  2181. display: inline-block;
  2182. margin-left: var(--van-padding-xs);
  2183. color: var(--van-loading-text-color);
  2184. font-size: var(--van-loading-text-font-size);
  2185. vertical-align: middle
  2186. }
  2187. .van-loading--vertical {
  2188. display: flex;
  2189. flex-direction: column;
  2190. align-items: center
  2191. }
  2192. .van-loading--vertical .van-loading__text {
  2193. margin: var(--van-padding-xs) 0 0
  2194. }
  2195. @keyframes van-circular {
  2196. 0% {
  2197. stroke-dasharray: 1, 200;
  2198. stroke-dashoffset: 0
  2199. }
  2200. 50% {
  2201. stroke-dasharray: 90, 150;
  2202. stroke-dashoffset: -40
  2203. }
  2204. to {
  2205. stroke-dasharray: 90, 150;
  2206. stroke-dashoffset: -120
  2207. }
  2208. }
  2209. .van-loading__line--1 {
  2210. transform: rotate(30deg);
  2211. opacity: 1
  2212. }
  2213. .van-loading__line--2 {
  2214. transform: rotate(60deg);
  2215. opacity: .9375
  2216. }
  2217. .van-loading__line--3 {
  2218. transform: rotate(90deg);
  2219. opacity: .875
  2220. }
  2221. .van-loading__line--4 {
  2222. transform: rotate(120deg);
  2223. opacity: .8125
  2224. }
  2225. .van-loading__line--5 {
  2226. transform: rotate(150deg);
  2227. opacity: .75
  2228. }
  2229. .van-loading__line--6 {
  2230. transform: rotate(180deg);
  2231. opacity: .6875
  2232. }
  2233. .van-loading__line--7 {
  2234. transform: rotate(210deg);
  2235. opacity: .625
  2236. }
  2237. .van-loading__line--8 {
  2238. transform: rotate(240deg);
  2239. opacity: .5625
  2240. }
  2241. .van-loading__line--9 {
  2242. transform: rotate(270deg);
  2243. opacity: .5
  2244. }
  2245. .van-loading__line--10 {
  2246. transform: rotate(300deg);
  2247. opacity: .4375
  2248. }
  2249. .van-loading__line--11 {
  2250. transform: rotate(330deg);
  2251. opacity: .375
  2252. }
  2253. .van-loading__line--12 {
  2254. transform: rotate(360deg);
  2255. opacity: .3125
  2256. }
  2257. :root {
  2258. --van-pull-refresh-head-height: 50px;
  2259. --van-pull-refresh-head-font-size: var(--van-font-size-md);
  2260. --van-pull-refresh-head-text-color: var(--van-text-color-2);
  2261. --van-pull-refresh-loading-icon-size: 16px
  2262. }
  2263. .van-pull-refresh {
  2264. overflow: hidden
  2265. }
  2266. .van-pull-refresh__track {
  2267. position: relative;
  2268. height: 100%;
  2269. transition-property: transform
  2270. }
  2271. .van-pull-refresh__head {
  2272. position: absolute;
  2273. left: 0;
  2274. width: 100%;
  2275. height: var(--van-pull-refresh-head-height);
  2276. overflow: hidden;
  2277. color: var(--van-pull-refresh-head-text-color);
  2278. font-size: var(--van-pull-refresh-head-font-size);
  2279. line-height: var(--van-pull-refresh-head-height);
  2280. text-align: center;
  2281. transform: translateY(-100%)
  2282. }
  2283. .van-pull-refresh__loading .van-loading__spinner {
  2284. width: var(--van-pull-refresh-loading-icon-size);
  2285. height: var(--van-pull-refresh-loading-icon-size)
  2286. }
  2287. :root {
  2288. --van-number-keyboard-background: var(--van-gray-2);
  2289. --van-number-keyboard-key-height: 48px;
  2290. --van-number-keyboard-key-font-size: 28px;
  2291. --van-number-keyboard-key-active-color: var(--van-gray-3);
  2292. --van-number-keyboard-key-background: var(--van-background-2);
  2293. --van-number-keyboard-delete-font-size: var(--van-font-size-lg);
  2294. --van-number-keyboard-title-color: var(--van-gray-7);
  2295. --van-number-keyboard-title-height: 34px;
  2296. --van-number-keyboard-title-font-size: var(--van-font-size-lg);
  2297. --van-number-keyboard-close-padding: 0 var(--van-padding-md);
  2298. --van-number-keyboard-close-color: var(--van-link-color);
  2299. --van-number-keyboard-close-font-size: var(--van-font-size-md);
  2300. --van-number-keyboard-button-text-color: var(--van-white);
  2301. --van-number-keyboard-button-background: var(--van-primary-color);
  2302. --van-number-keyboard-z-index: 100
  2303. }
  2304. .van-theme-dark {
  2305. --van-number-keyboard-background: var(--van-gray-8);
  2306. --van-number-keyboard-key-background: var(--van-gray-7);
  2307. --van-number-keyboard-key-active-color: var(--van-gray-6)
  2308. }
  2309. .van-number-keyboard {
  2310. position: fixed;
  2311. bottom: 0;
  2312. left: 0;
  2313. z-index: var(--van-number-keyboard-z-index);
  2314. width: 100%;
  2315. padding-bottom: 22px;
  2316. background: var(--van-number-keyboard-background);
  2317. -webkit-user-select: none;
  2318. user-select: none
  2319. }
  2320. .van-number-keyboard--with-title {
  2321. border-radius: 20px 20px 0 0
  2322. }
  2323. .van-number-keyboard__header {
  2324. position: relative;
  2325. display: flex;
  2326. align-items: center;
  2327. justify-content: center;
  2328. box-sizing: content-box;
  2329. height: var(--van-number-keyboard-title-height);
  2330. padding-top: 6px;
  2331. color: var(--van-number-keyboard-title-color);
  2332. font-size: var(--van-number-keyboard-title-font-size)
  2333. }
  2334. .van-number-keyboard__title {
  2335. display: inline-block;
  2336. font-weight: 400
  2337. }
  2338. .van-number-keyboard__title-left {
  2339. position: absolute;
  2340. left: 0
  2341. }
  2342. .van-number-keyboard__body {
  2343. display: flex;
  2344. padding: 6px 0 0 6px
  2345. }
  2346. .van-number-keyboard__keys {
  2347. display: flex;
  2348. flex: 3;
  2349. flex-wrap: wrap
  2350. }
  2351. .van-number-keyboard__close {
  2352. position: absolute;
  2353. right: 0;
  2354. height: 100%;
  2355. padding: var(--van-number-keyboard-close-padding);
  2356. color: var(--van-number-keyboard-close-color);
  2357. font-size: var(--van-number-keyboard-close-font-size);
  2358. background-color: transparent;
  2359. border: none
  2360. }
  2361. .van-number-keyboard__sidebar {
  2362. display: flex;
  2363. flex: 1;
  2364. flex-direction: column
  2365. }
  2366. .van-number-keyboard--unfit {
  2367. padding-bottom: 0
  2368. }
  2369. .van-key {
  2370. display: flex;
  2371. align-items: center;
  2372. justify-content: center;
  2373. height: var(--van-number-keyboard-key-height);
  2374. font-size: var(--van-number-keyboard-key-font-size);
  2375. line-height: 1.5;
  2376. background: var(--van-number-keyboard-key-background);
  2377. border-radius: var(--van-radius-lg);
  2378. cursor: pointer
  2379. }
  2380. .van-key--large {
  2381. position: absolute;
  2382. top: 0;
  2383. right: 6px;
  2384. bottom: 6px;
  2385. left: 0;
  2386. height: auto
  2387. }
  2388. .van-key--blue,
  2389. .van-key--delete {
  2390. font-size: var(--van-number-keyboard-delete-font-size)
  2391. }
  2392. .van-key--active {
  2393. background-color: var(--van-number-keyboard-key-active-color)
  2394. }
  2395. .van-key--blue {
  2396. color: var(--van-number-keyboard-button-text-color);
  2397. background: var(--van-number-keyboard-button-background)
  2398. }
  2399. .van-key--blue.van-key--active {
  2400. opacity: var(--van-active-opacity)
  2401. }
  2402. .van-key__wrapper {
  2403. position: relative;
  2404. flex: 1;
  2405. flex-basis: 33%;
  2406. box-sizing: border-box;
  2407. padding: 0 6px 6px 0
  2408. }
  2409. .van-key__wrapper--wider {
  2410. flex-basis: 66%
  2411. }
  2412. .van-key__delete-icon {
  2413. width: 32px;
  2414. height: 22px
  2415. }
  2416. .van-key__collapse-icon {
  2417. width: 30px;
  2418. height: 24px
  2419. }
  2420. .van-key__loading-icon {
  2421. color: var(--van-number-keyboard-button-text-color)
  2422. }
  2423. :root {
  2424. --van-list-text-color: var(--van-text-color-2);
  2425. --van-list-text-font-size: var(--van-font-size-md);
  2426. --van-list-text-line-height: 50px;
  2427. --van-list-loading-icon-size: 16px
  2428. }
  2429. .van-list__loading,
  2430. .van-list__finished-text,
  2431. .van-list__error-text {
  2432. color: var(--van-list-text-color);
  2433. font-size: var(--van-list-text-font-size);
  2434. line-height: var(--van-list-text-line-height);
  2435. text-align: center
  2436. }
  2437. .van-list__placeholder {
  2438. height: 0;
  2439. pointer-events: none
  2440. }
  2441. .van-list__loading-icon .van-loading__spinner {
  2442. width: var(--van-list-loading-icon-size);
  2443. height: var(--van-list-loading-icon-size)
  2444. }
  2445. :root {
  2446. --van-switch-size: 26px;
  2447. --van-switch-width: calc(1.8em + 4px);
  2448. --van-switch-height: calc(1em + 4px);
  2449. --van-switch-node-size: 1em;
  2450. --van-switch-node-background: var(--van-white);
  2451. --van-switch-node-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05);
  2452. --van-switch-background: rgba(120, 120, 128, .16);
  2453. --van-switch-on-background: var(--van-primary-color);
  2454. --van-switch-duration: var(--van-duration-base);
  2455. --van-switch-disabled-opacity: var(--van-disabled-opacity)
  2456. }
  2457. .van-theme-dark {
  2458. --van-switch-background: rgba(120, 120, 128, .32)
  2459. }
  2460. .van-switch {
  2461. position: relative;
  2462. display: inline-block;
  2463. box-sizing: content-box;
  2464. width: var(--van-switch-width);
  2465. height: var(--van-switch-height);
  2466. font-size: var(--van-switch-size);
  2467. background: var(--van-switch-background);
  2468. border-radius: var(--van-switch-node-size);
  2469. cursor: pointer;
  2470. transition: background-color var(--van-switch-duration)
  2471. }
  2472. .van-switch__node {
  2473. position: absolute;
  2474. top: 2px;
  2475. left: 2px;
  2476. width: var(--van-switch-node-size);
  2477. height: var(--van-switch-node-size);
  2478. font-size: inherit;
  2479. background: var(--van-switch-node-background);
  2480. border-radius: 100%;
  2481. box-shadow: var(--van-switch-node-shadow);
  2482. transition: transform var(--van-switch-duration) cubic-bezier(.3, 1.05, .4, 1.05)
  2483. }
  2484. .van-switch__loading {
  2485. top: 25%;
  2486. left: 25%;
  2487. width: 50%;
  2488. height: 50%;
  2489. line-height: 1
  2490. }
  2491. .van-switch--on {
  2492. background: var(--van-switch-on-background)
  2493. }
  2494. .van-switch--on .van-switch__node {
  2495. transform: translate(calc(var(--van-switch-width) - var(--van-switch-node-size) - 4px))
  2496. }
  2497. .van-switch--on .van-switch__loading {
  2498. color: var(--van-switch-on-background)
  2499. }
  2500. .van-switch--disabled {
  2501. cursor: not-allowed;
  2502. opacity: var(--van-switch-disabled-opacity)
  2503. }
  2504. .van-switch--loading {
  2505. cursor: default
  2506. }
  2507. :root {
  2508. --van-button-mini-height: 24px;
  2509. --van-button-mini-padding: 0 var(--van-padding-base);
  2510. --van-button-mini-font-size: var(--van-font-size-xs);
  2511. --van-button-small-height: 32px;
  2512. --van-button-small-padding: 0 var(--van-padding-xs);
  2513. --van-button-small-font-size: var(--van-font-size-sm);
  2514. --van-button-normal-padding: 0 15px;
  2515. --van-button-normal-font-size: var(--van-font-size-md);
  2516. --van-button-large-height: 50px;
  2517. --van-button-default-height: 44px;
  2518. --van-button-default-line-height: 1.2;
  2519. --van-button-default-font-size: var(--van-font-size-lg);
  2520. --van-button-default-color: var(--van-text-color);
  2521. --van-button-default-background: var(--van-background-2);
  2522. --van-button-default-border-color: var(--van-gray-4);
  2523. --van-button-primary-color: var(--van-white);
  2524. --van-button-primary-background: var(--van-primary-color);
  2525. --van-button-primary-border-color: var(--van-primary-color);
  2526. --van-button-success-color: var(--van-white);
  2527. --van-button-success-background: var(--van-success-color);
  2528. --van-button-success-border-color: var(--van-success-color);
  2529. --van-button-danger-color: var(--van-white);
  2530. --van-button-danger-background: var(--van-danger-color);
  2531. --van-button-danger-border-color: var(--van-danger-color);
  2532. --van-button-warning-color: var(--van-white);
  2533. --van-button-warning-background: var(--van-warning-color);
  2534. --van-button-warning-border-color: var(--van-warning-color);
  2535. --van-button-border-width: var(--van-border-width);
  2536. --van-button-radius: var(--van-radius-md);
  2537. --van-button-round-radius: var(--van-radius-max);
  2538. --van-button-plain-background: var(--van-white);
  2539. --van-button-disabled-opacity: var(--van-disabled-opacity);
  2540. --van-button-icon-size: 1.2em;
  2541. --van-button-loading-icon-size: 20px
  2542. }
  2543. .van-theme-dark {
  2544. --van-button-plain-background: transparent
  2545. }
  2546. .van-button {
  2547. position: relative;
  2548. display: inline-block;
  2549. box-sizing: border-box;
  2550. height: var(--van-button-default-height);
  2551. margin: 0;
  2552. padding: 0;
  2553. font-size: var(--van-button-default-font-size);
  2554. line-height: var(--van-button-default-line-height);
  2555. text-align: center;
  2556. border-radius: var(--van-button-radius);
  2557. cursor: pointer;
  2558. transition: opacity var(--van-duration-fast);
  2559. -webkit-appearance: none;
  2560. -webkit-font-smoothing: auto
  2561. }
  2562. .van-button:before {
  2563. position: absolute;
  2564. top: 50%;
  2565. left: 50%;
  2566. width: 100%;
  2567. height: 100%;
  2568. background: var(--van-black);
  2569. border: inherit;
  2570. border-color: var(--van-black);
  2571. border-radius: inherit;
  2572. transform: translate(-50%, -50%);
  2573. opacity: 0;
  2574. content: " "
  2575. }
  2576. .van-button:active:before {
  2577. opacity: .1
  2578. }
  2579. .van-button--loading:before,
  2580. .van-button--disabled:before {
  2581. display: none
  2582. }
  2583. .van-button--default {
  2584. color: var(--van-button-default-color);
  2585. background: var(--van-button-default-background);
  2586. border: var(--van-button-border-width) solid var(--van-button-default-border-color)
  2587. }
  2588. .van-button--primary {
  2589. color: var(--van-button-primary-color);
  2590. background: var(--van-button-primary-background);
  2591. border: var(--van-button-border-width) solid var(--van-button-primary-border-color)
  2592. }
  2593. .van-button--success {
  2594. color: var(--van-button-success-color);
  2595. background: var(--van-button-success-background);
  2596. border: var(--van-button-border-width) solid var(--van-button-success-border-color)
  2597. }
  2598. .van-button--danger {
  2599. color: var(--van-button-danger-color);
  2600. background: var(--van-button-danger-background);
  2601. border: var(--van-button-border-width) solid var(--van-button-danger-border-color)
  2602. }
  2603. .van-button--warning {
  2604. color: var(--van-button-warning-color);
  2605. background: var(--van-button-warning-background);
  2606. border: var(--van-button-border-width) solid var(--van-button-warning-border-color)
  2607. }
  2608. .van-button--plain {
  2609. background: var(--van-button-plain-background)
  2610. }
  2611. .van-button--plain.van-button--primary {
  2612. color: var(--van-button-primary-background)
  2613. }
  2614. .van-button--plain.van-button--success {
  2615. color: var(--van-button-success-background)
  2616. }
  2617. .van-button--plain.van-button--danger {
  2618. color: var(--van-button-danger-background)
  2619. }
  2620. .van-button--plain.van-button--warning {
  2621. color: var(--van-button-warning-background)
  2622. }
  2623. .van-button--large {
  2624. width: 100%;
  2625. height: var(--van-button-large-height)
  2626. }
  2627. .van-button--normal {
  2628. padding: var(--van-button-normal-padding);
  2629. font-size: var(--van-button-normal-font-size)
  2630. }
  2631. .van-button--small {
  2632. height: var(--van-button-small-height);
  2633. padding: var(--van-button-small-padding);
  2634. font-size: var(--van-button-small-font-size)
  2635. }
  2636. .van-button__loading {
  2637. color: inherit;
  2638. font-size: inherit
  2639. }
  2640. .van-button__loading .van-loading__spinner {
  2641. color: currentColor;
  2642. width: var(--van-button-loading-icon-size);
  2643. height: var(--van-button-loading-icon-size)
  2644. }
  2645. .van-button--mini {
  2646. height: var(--van-button-mini-height);
  2647. padding: var(--van-button-mini-padding);
  2648. font-size: var(--van-button-mini-font-size)
  2649. }
  2650. .van-button--mini+.van-button--mini {
  2651. margin-left: var(--van-padding-base)
  2652. }
  2653. .van-button--block {
  2654. display: block;
  2655. width: 100%
  2656. }
  2657. .van-button--disabled {
  2658. cursor: not-allowed;
  2659. opacity: var(--van-button-disabled-opacity)
  2660. }
  2661. .van-button--loading {
  2662. cursor: default
  2663. }
  2664. .van-button--round {
  2665. border-radius: var(--van-button-round-radius)
  2666. }
  2667. .van-button--square {
  2668. border-radius: 0
  2669. }
  2670. .van-button__content {
  2671. display: flex;
  2672. align-items: center;
  2673. justify-content: center;
  2674. height: 100%
  2675. }
  2676. .van-button__content:before {
  2677. content: " "
  2678. }
  2679. .van-button__icon {
  2680. font-size: var(--van-button-icon-size);
  2681. line-height: inherit
  2682. }
  2683. .van-button__icon+.van-button__text,
  2684. .van-button__loading+.van-button__text,
  2685. .van-button__text+.van-button__icon,
  2686. .van-button__text+.van-button__loading {
  2687. margin-left: var(--van-padding-base)
  2688. }
  2689. .van-button--hairline {
  2690. border-width: 0
  2691. }
  2692. .van-button--hairline:after {
  2693. border-color: inherit;
  2694. border-radius: calc(var(--van-button-radius) * 2)
  2695. }
  2696. .van-button--hairline.van-button--round:after {
  2697. border-radius: var(--van-button-round-radius)
  2698. }
  2699. .van-button--hairline.van-button--square:after {
  2700. border-radius: 0
  2701. }
  2702. :root {
  2703. --van-submit-bar-height: 50px;
  2704. --van-submit-bar-z-index: 100;
  2705. --van-submit-bar-background: var(--van-background-2);
  2706. --van-submit-bar-button-width: 110px;
  2707. --van-submit-bar-price-color: var(--van-danger-color);
  2708. --van-submit-bar-price-font-size: var(--van-font-size-sm);
  2709. --van-submit-bar-price-integer-font-size: 20px;
  2710. --van-submit-bar-price-font: var(--van-price-font);
  2711. --van-submit-bar-currency-font-size: var(--van-font-size-md);
  2712. --van-submit-bar-text-color: var(--van-text-color);
  2713. --van-submit-bar-text-font-size: var(--van-font-size-md);
  2714. --van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);
  2715. --van-submit-bar-tip-font-size: var(--van-font-size-sm);
  2716. --van-submit-bar-tip-line-height: 1.5;
  2717. --van-submit-bar-tip-color: var(--van-orange-dark);
  2718. --van-submit-bar-tip-background: var(--van-orange-light);
  2719. --van-submit-bar-tip-icon-size: 12px;
  2720. --van-submit-bar-button-height: 40px;
  2721. --van-submit-bar-padding: 0 var(--van-padding-md)
  2722. }
  2723. .van-submit-bar {
  2724. position: fixed;
  2725. bottom: 0;
  2726. left: 0;
  2727. z-index: var(--van-submit-bar-z-index);
  2728. width: 100%;
  2729. background: var(--van-submit-bar-background);
  2730. -webkit-user-select: none;
  2731. user-select: none
  2732. }
  2733. .van-submit-bar__tip {
  2734. padding: var(--van-submit-bar-tip-padding);
  2735. color: var(--van-submit-bar-tip-color);
  2736. font-size: var(--van-submit-bar-tip-font-size);
  2737. line-height: var(--van-submit-bar-tip-line-height);
  2738. background: var(--van-submit-bar-tip-background)
  2739. }
  2740. .van-submit-bar__tip-icon {
  2741. margin-right: var(--van-padding-base);
  2742. font-size: var(--van-submit-bar-tip-icon-size);
  2743. vertical-align: middle
  2744. }
  2745. .van-submit-bar__tip-text {
  2746. vertical-align: middle
  2747. }
  2748. .van-submit-bar__bar {
  2749. display: flex;
  2750. align-items: center;
  2751. justify-content: flex-end;
  2752. height: var(--van-submit-bar-height);
  2753. padding: var(--van-submit-bar-padding);
  2754. font-size: var(--van-submit-bar-text-font-size)
  2755. }
  2756. .van-submit-bar__text {
  2757. flex: 1;
  2758. padding-right: var(--van-padding-sm);
  2759. color: var(--van-submit-bar-text-color);
  2760. text-align: right
  2761. }
  2762. .van-submit-bar__text span {
  2763. display: inline-block
  2764. }
  2765. .van-submit-bar__suffix-label {
  2766. margin-left: var(--van-padding-base);
  2767. font-weight: var(--van-font-bold)
  2768. }
  2769. .van-submit-bar__price {
  2770. color: var(--van-submit-bar-price-color);
  2771. font-weight: var(--van-font-bold);
  2772. font-size: var(--van-submit-bar-price-font-size);
  2773. margin-left: var(--van-padding-base)
  2774. }
  2775. .van-submit-bar__price-integer {
  2776. font-size: var(--van-submit-bar-price-integer-font-size);
  2777. font-family: var(--van-submit-bar-price-font)
  2778. }
  2779. .van-submit-bar__button {
  2780. width: var(--van-submit-bar-button-width);
  2781. height: var(--van-submit-bar-button-height);
  2782. font-weight: var(--van-font-bold);
  2783. border: none
  2784. }
  2785. .van-submit-bar__button--danger {
  2786. background: var(--van-gradient-red)
  2787. }
  2788. :root {
  2789. --van-contact-edit-padding: var(--van-padding-md);
  2790. --van-contact-edit-fields-radius: var(--van-radius-md);
  2791. --van-contact-edit-buttons-padding: var(--van-padding-xl) 0;
  2792. --van-contact-edit-button-margin-bottom: var(--van-padding-sm);
  2793. --van-contact-edit-button-font-size: var(--van-font-size-lg);
  2794. --van-contact-edit-field-label-width: 4.1em
  2795. }
  2796. .van-contact-edit {
  2797. padding: var(--van-contact-edit-padding)
  2798. }
  2799. .van-contact-edit__fields {
  2800. overflow: hidden;
  2801. border-radius: var(--van-contact-edit-fields-radius)
  2802. }
  2803. .van-contact-edit__fields .van-field__label {
  2804. width: var(--van-contact-edit-field-label-width)
  2805. }
  2806. .van-contact-edit__switch-cell {
  2807. margin-top: 10px;
  2808. padding-top: 9px;
  2809. padding-bottom: 9px;
  2810. border-radius: var(--van-contact-edit-fields-radius)
  2811. }
  2812. .van-contact-edit__buttons {
  2813. padding: var(--van-contact-edit-buttons-padding)
  2814. }
  2815. .van-contact-edit__button {
  2816. margin-bottom: var(--van-contact-edit-button-margin-bottom);
  2817. font-size: var(--van-contact-edit-button-font-size)
  2818. }
  2819. :root {
  2820. --van-action-bar-button-height: 40px;
  2821. --van-action-bar-button-warning-color: var(--van-gradient-orange);
  2822. --van-action-bar-button-danger-color: var(--van-gradient-red)
  2823. }
  2824. .van-action-bar-button {
  2825. flex: 1;
  2826. height: var(--van-action-bar-button-height);
  2827. font-weight: var(--van-font-bold);
  2828. font-size: var(--van-font-size-md);
  2829. border: none;
  2830. border-radius: 0
  2831. }
  2832. .van-action-bar-button--first {
  2833. margin-left: 5px;
  2834. border-top-left-radius: var(--van-radius-max);
  2835. border-bottom-left-radius: var(--van-radius-max)
  2836. }
  2837. .van-action-bar-button--last {
  2838. margin-right: 5px;
  2839. border-top-right-radius: var(--van-radius-max);
  2840. border-bottom-right-radius: var(--van-radius-max)
  2841. }
  2842. .van-action-bar-button--warning {
  2843. background: var(--van-action-bar-button-warning-color)
  2844. }
  2845. .van-action-bar-button--danger {
  2846. background: var(--van-action-bar-button-danger-color)
  2847. }
  2848. @media (max-width: 321px) {
  2849. .van-action-bar-button {
  2850. font-size: 13px
  2851. }
  2852. }
  2853. :root {
  2854. --van-overlay-z-index: 1;
  2855. --van-overlay-background: rgba(0, 0, 0, .7)
  2856. }
  2857. .van-overlay {
  2858. position: fixed;
  2859. top: 0;
  2860. left: 0;
  2861. z-index: var(--van-overlay-z-index);
  2862. width: 100%;
  2863. height: 100%;
  2864. background: var(--van-overlay-background)
  2865. }
  2866. :root {
  2867. --van-popup-background: var(--van-background-2);
  2868. --van-popup-transition: transform var(--van-duration-base);
  2869. --van-popup-round-radius: 16px;
  2870. --van-popup-close-icon-size: 22px;
  2871. --van-popup-close-icon-color: var(--van-gray-5);
  2872. --van-popup-close-icon-margin: 16px;
  2873. --van-popup-close-icon-z-index: 1
  2874. }
  2875. .van-overflow-hidden {
  2876. overflow: hidden !important
  2877. }
  2878. .van-popup {
  2879. position: fixed;
  2880. max-height: 100%;
  2881. overflow-y: auto;
  2882. box-sizing: border-box;
  2883. background: var(--van-popup-background);
  2884. transition: var(--van-popup-transition);
  2885. -webkit-overflow-scrolling: touch
  2886. }
  2887. .van-popup--center {
  2888. top: 50%;
  2889. left: 0;
  2890. right: 0;
  2891. width: -webkit-fit-content;
  2892. width: fit-content;
  2893. max-width: calc(100vw - var(--van-padding-md) * 2);
  2894. margin: 0 auto;
  2895. transform: translateY(-50%)
  2896. }
  2897. .van-popup--center.van-popup--round {
  2898. border-radius: var(--van-popup-round-radius)
  2899. }
  2900. .van-popup--top {
  2901. top: 0;
  2902. left: 0;
  2903. width: 100%
  2904. }
  2905. .van-popup--top.van-popup--round {
  2906. border-radius: 0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)
  2907. }
  2908. .van-popup--right {
  2909. top: 50%;
  2910. right: 0;
  2911. transform: translate3d(0, -50%, 0)
  2912. }
  2913. .van-popup--right.van-popup--round {
  2914. border-radius: var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)
  2915. }
  2916. .van-popup--bottom {
  2917. bottom: 0;
  2918. left: 0;
  2919. width: 100%
  2920. }
  2921. .van-popup--bottom.van-popup--round {
  2922. border-radius: var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0
  2923. }
  2924. .van-popup--left {
  2925. top: 50%;
  2926. left: 0;
  2927. transform: translate3d(0, -50%, 0)
  2928. }
  2929. .van-popup--left.van-popup--round {
  2930. border-radius: 0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0
  2931. }
  2932. .van-popup-slide-top-enter-active,
  2933. .van-popup-slide-left-enter-active,
  2934. .van-popup-slide-right-enter-active,
  2935. .van-popup-slide-bottom-enter-active {
  2936. transition-timing-function: var(--van-ease-out)
  2937. }
  2938. .van-popup-slide-top-leave-active,
  2939. .van-popup-slide-left-leave-active,
  2940. .van-popup-slide-right-leave-active,
  2941. .van-popup-slide-bottom-leave-active {
  2942. transition-timing-function: var(--van-ease-in)
  2943. }
  2944. .van-popup-slide-top-enter-from,
  2945. .van-popup-slide-top-leave-active {
  2946. transform: translate3d(0, -100%, 0)
  2947. }
  2948. .van-popup-slide-right-enter-from,
  2949. .van-popup-slide-right-leave-active {
  2950. transform: translate3d(100%, -50%, 0)
  2951. }
  2952. .van-popup-slide-bottom-enter-from,
  2953. .van-popup-slide-bottom-leave-active {
  2954. transform: translate3d(0, 100%, 0)
  2955. }
  2956. .van-popup-slide-left-enter-from,
  2957. .van-popup-slide-left-leave-active {
  2958. transform: translate3d(-100%, -50%, 0)
  2959. }
  2960. .van-popup__close-icon {
  2961. position: absolute;
  2962. z-index: var(--van-popup-close-icon-z-index);
  2963. color: var(--van-popup-close-icon-color);
  2964. font-size: var(--van-popup-close-icon-size)
  2965. }
  2966. .van-popup__close-icon--top-left {
  2967. top: var(--van-popup-close-icon-margin);
  2968. left: var(--van-popup-close-icon-margin)
  2969. }
  2970. .van-popup__close-icon--top-right {
  2971. top: var(--van-popup-close-icon-margin);
  2972. right: var(--van-popup-close-icon-margin)
  2973. }
  2974. .van-popup__close-icon--bottom-left {
  2975. bottom: var(--van-popup-close-icon-margin);
  2976. left: var(--van-popup-close-icon-margin)
  2977. }
  2978. .van-popup__close-icon--bottom-right {
  2979. right: var(--van-popup-close-icon-margin);
  2980. bottom: var(--van-popup-close-icon-margin)
  2981. }
  2982. :root {
  2983. --van-share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md);
  2984. --van-share-sheet-title-color: var(--van-text-color);
  2985. --van-share-sheet-title-font-size: var(--van-font-size-md);
  2986. --van-share-sheet-title-line-height: var(--van-line-height-md);
  2987. --van-share-sheet-description-color: var(--van-text-color-2);
  2988. --van-share-sheet-description-font-size: var(--van-font-size-sm);
  2989. --van-share-sheet-description-line-height: 16px;
  2990. --van-share-sheet-icon-size: 48px;
  2991. --van-share-sheet-option-name-color: var(--van-gray-7);
  2992. --van-share-sheet-option-name-font-size: var(--van-font-size-sm);
  2993. --van-share-sheet-option-description-color: var(--van-text-color-3);
  2994. --van-share-sheet-option-description-font-size: var(--van-font-size-sm);
  2995. --van-share-sheet-cancel-button-font-size: var(--van-font-size-lg);
  2996. --van-share-sheet-cancel-button-height: 48px;
  2997. --van-share-sheet-cancel-button-background: var(--van-background-2)
  2998. }
  2999. .van-share-sheet__header {
  3000. padding: var(--van-share-sheet-header-padding);
  3001. text-align: center
  3002. }
  3003. .van-share-sheet__title {
  3004. margin-top: var(--van-padding-xs);
  3005. color: var(--van-share-sheet-title-color);
  3006. font-weight: 400;
  3007. font-size: var(--van-share-sheet-title-font-size);
  3008. line-height: var(--van-share-sheet-title-line-height)
  3009. }
  3010. .van-share-sheet__description {
  3011. display: block;
  3012. margin-top: var(--van-padding-xs);
  3013. color: var(--van-share-sheet-description-color);
  3014. font-size: var(--van-share-sheet-description-font-size);
  3015. line-height: var(--van-share-sheet-description-line-height)
  3016. }
  3017. .van-share-sheet__options {
  3018. position: relative;
  3019. display: flex;
  3020. padding: var(--van-padding-md) 0 var(--van-padding-md) var(--van-padding-xs);
  3021. overflow-x: auto;
  3022. overflow-y: visible;
  3023. -webkit-overflow-scrolling: touch
  3024. }
  3025. .van-share-sheet__options--border:before {
  3026. position: absolute;
  3027. box-sizing: border-box;
  3028. content: " ";
  3029. pointer-events: none;
  3030. top: 0;
  3031. right: 0;
  3032. left: var(--van-padding-md);
  3033. border-top: 1px solid var(--van-border-color);
  3034. transform: scaleY(.5)
  3035. }
  3036. .van-share-sheet__options::-webkit-scrollbar {
  3037. height: 0
  3038. }
  3039. .van-share-sheet__option {
  3040. display: flex;
  3041. flex-direction: column;
  3042. align-items: center;
  3043. -webkit-user-select: none;
  3044. user-select: none
  3045. }
  3046. .van-share-sheet__icon,
  3047. .van-share-sheet__image-icon {
  3048. width: var(--van-share-sheet-icon-size);
  3049. height: var(--van-share-sheet-icon-size);
  3050. margin: 0 var(--van-padding-md)
  3051. }
  3052. .van-share-sheet__icon {
  3053. display: flex;
  3054. align-items: center;
  3055. justify-content: center;
  3056. color: var(--van-gray-7);
  3057. border-radius: 100%;
  3058. background-color: var(--van-gray-2)
  3059. }
  3060. .van-share-sheet__icon--link,
  3061. .van-share-sheet__icon--poster,
  3062. .van-share-sheet__icon--qrcode {
  3063. font-size: 26px
  3064. }
  3065. .van-share-sheet__icon--weapp-qrcode {
  3066. font-size: 28px
  3067. }
  3068. .van-share-sheet__icon--qq,
  3069. .van-share-sheet__icon--weibo,
  3070. .van-share-sheet__icon--wechat,
  3071. .van-share-sheet__icon--wechat-moments {
  3072. font-size: 30px;
  3073. color: var(--van-white)
  3074. }
  3075. .van-share-sheet__icon--qq {
  3076. background-color: #38b9fa
  3077. }
  3078. .van-share-sheet__icon--wechat {
  3079. background-color: #0bc15f
  3080. }
  3081. .van-share-sheet__icon--weibo {
  3082. background-color: #ee575e
  3083. }
  3084. .van-share-sheet__icon--wechat-moments {
  3085. background-color: #7bc845
  3086. }
  3087. .van-share-sheet__name {
  3088. margin-top: var(--van-padding-xs);
  3089. padding: 0 var(--van-padding-base);
  3090. color: var(--van-share-sheet-option-name-color);
  3091. font-size: var(--van-share-sheet-option-name-font-size)
  3092. }
  3093. .van-share-sheet__option-description {
  3094. padding: 0 var(--van-padding-base);
  3095. color: var(--van-share-sheet-option-description-color);
  3096. font-size: var(--van-share-sheet-option-description-font-size)
  3097. }
  3098. .van-share-sheet__cancel {
  3099. display: block;
  3100. width: 100%;
  3101. padding: 0;
  3102. font-size: var(--van-share-sheet-cancel-button-font-size);
  3103. line-height: var(--van-share-sheet-cancel-button-height);
  3104. text-align: center;
  3105. background: var(--van-share-sheet-cancel-button-background);
  3106. border: none;
  3107. cursor: pointer
  3108. }
  3109. .van-share-sheet__cancel:before {
  3110. display: block;
  3111. height: var(--van-padding-xs);
  3112. background-color: var(--van-background);
  3113. content: " "
  3114. }
  3115. .van-share-sheet__cancel:active {
  3116. background-color: var(--van-active-color)
  3117. }
  3118. :root {
  3119. --van-popover-arrow-size: 6px;
  3120. --van-popover-radius: var(--van-radius-lg);
  3121. --van-popover-action-width: 128px;
  3122. --van-popover-action-height: 44px;
  3123. --van-popover-action-font-size: var(--van-font-size-md);
  3124. --van-popover-action-line-height: var(--van-line-height-md);
  3125. --van-popover-action-icon-size: 20px;
  3126. --van-popover-light-text-color: var(--van-text-color);
  3127. --van-popover-light-background: var(--van-background-2);
  3128. --van-popover-light-action-disabled-text-color: var(--van-text-color-3);
  3129. --van-popover-dark-text-color: var(--van-white);
  3130. --van-popover-dark-background: #4a4a4a;
  3131. --van-popover-dark-action-disabled-text-color: var(--van-text-color-2)
  3132. }
  3133. .van-popover {
  3134. position: absolute;
  3135. overflow: visible;
  3136. background-color: transparent;
  3137. transition: opacity .15s, transform .15s
  3138. }
  3139. .van-popover__wrapper {
  3140. display: inline-block
  3141. }
  3142. .van-popover__arrow {
  3143. position: absolute;
  3144. width: 0;
  3145. height: 0;
  3146. border-color: transparent;
  3147. border-style: solid;
  3148. border-width: var(--van-popover-arrow-size)
  3149. }
  3150. .van-popover__content {
  3151. overflow: hidden;
  3152. border-radius: var(--van-popover-radius)
  3153. }
  3154. .van-popover__action {
  3155. position: relative;
  3156. display: flex;
  3157. align-items: center;
  3158. box-sizing: border-box;
  3159. width: var(--van-popover-action-width);
  3160. height: var(--van-popover-action-height);
  3161. padding: 0 var(--van-padding-md);
  3162. font-size: var(--van-popover-action-font-size);
  3163. line-height: var(--van-line-height-md);
  3164. cursor: pointer
  3165. }
  3166. .van-popover__action:last-child .van-popover__action-text:after {
  3167. display: none
  3168. }
  3169. .van-popover__action-text {
  3170. display: flex;
  3171. flex: 1;
  3172. align-items: center;
  3173. justify-content: center;
  3174. height: 100%
  3175. }
  3176. .van-popover__action-icon {
  3177. margin-right: var(--van-padding-xs);
  3178. font-size: var(--van-popover-action-icon-size)
  3179. }
  3180. .van-popover__action--with-icon .van-popover__action-text {
  3181. justify-content: flex-start
  3182. }
  3183. .van-popover[data-popper-placement^=top] .van-popover__arrow {
  3184. bottom: 0;
  3185. border-top-color: currentColor;
  3186. border-bottom-width: 0;
  3187. transform: translate(-50%);
  3188. margin-bottom: calc(var(--van-popover-arrow-size) * -1)
  3189. }
  3190. .van-popover[data-popper-placement=top] {
  3191. transform-origin: 50% 100%
  3192. }
  3193. .van-popover[data-popper-placement=top] .van-popover__arrow {
  3194. left: 50%
  3195. }
  3196. .van-popover[data-popper-placement=top-start] {
  3197. transform-origin: 0 100%
  3198. }
  3199. .van-popover[data-popper-placement=top-start] .van-popover__arrow {
  3200. left: var(--van-padding-md)
  3201. }
  3202. .van-popover[data-popper-placement=top-end] {
  3203. transform-origin: 100% 100%
  3204. }
  3205. .van-popover[data-popper-placement=top-end] .van-popover__arrow {
  3206. right: var(--van-padding-md)
  3207. }
  3208. .van-popover[data-popper-placement^=left] .van-popover__arrow {
  3209. right: 0;
  3210. border-right-width: 0;
  3211. border-left-color: currentColor;
  3212. transform: translateY(-50%);
  3213. margin-right: calc(var(--van-popover-arrow-size) * -1)
  3214. }
  3215. .van-popover[data-popper-placement=left] {
  3216. transform-origin: 100% 50%
  3217. }
  3218. .van-popover[data-popper-placement=left] .van-popover__arrow {
  3219. top: 50%
  3220. }
  3221. .van-popover[data-popper-placement=left-start] {
  3222. transform-origin: 100% 0
  3223. }
  3224. .van-popover[data-popper-placement=left-start] .van-popover__arrow {
  3225. top: var(--van-padding-md)
  3226. }
  3227. .van-popover[data-popper-placement=left-end] {
  3228. transform-origin: 100% 100%
  3229. }
  3230. .van-popover[data-popper-placement=left-end] .van-popover__arrow {
  3231. bottom: var(--van-padding-md)
  3232. }
  3233. .van-popover[data-popper-placement^=right] .van-popover__arrow {
  3234. left: 0;
  3235. border-right-color: currentColor;
  3236. border-left-width: 0;
  3237. transform: translateY(-50%);
  3238. margin-left: calc(var(--van-popover-arrow-size) * -1)
  3239. }
  3240. .van-popover[data-popper-placement=right] {
  3241. transform-origin: 0 50%
  3242. }
  3243. .van-popover[data-popper-placement=right] .van-popover__arrow {
  3244. top: 50%
  3245. }
  3246. .van-popover[data-popper-placement=right-start] {
  3247. transform-origin: 0 0
  3248. }
  3249. .van-popover[data-popper-placement=right-start] .van-popover__arrow {
  3250. top: var(--van-padding-md)
  3251. }
  3252. .van-popover[data-popper-placement=right-end] {
  3253. transform-origin: 0 100%
  3254. }
  3255. .van-popover[data-popper-placement=right-end] .van-popover__arrow {
  3256. bottom: var(--van-padding-md)
  3257. }
  3258. .van-popover[data-popper-placement^=bottom] .van-popover__arrow {
  3259. top: 0;
  3260. border-top-width: 0;
  3261. border-bottom-color: currentColor;
  3262. transform: translate(-50%);
  3263. margin-top: calc(var(--van-popover-arrow-size) * -1)
  3264. }
  3265. .van-popover[data-popper-placement=bottom] {
  3266. transform-origin: 50% 0
  3267. }
  3268. .van-popover[data-popper-placement=bottom] .van-popover__arrow {
  3269. left: 50%
  3270. }
  3271. .van-popover[data-popper-placement=bottom-start] {
  3272. transform-origin: 0 0
  3273. }
  3274. .van-popover[data-popper-placement=bottom-start] .van-popover__arrow {
  3275. left: var(--van-padding-md)
  3276. }
  3277. .van-popover[data-popper-placement=bottom-end] {
  3278. transform-origin: 100% 0
  3279. }
  3280. .van-popover[data-popper-placement=bottom-end] .van-popover__arrow {
  3281. right: var(--van-padding-md)
  3282. }
  3283. .van-popover--light {
  3284. color: var(--van-popover-light-text-color)
  3285. }
  3286. .van-popover--light .van-popover__content {
  3287. background: var(--van-popover-light-background);
  3288. box-shadow: 0 2px 12px rgba(50, 50, 51, .12)
  3289. }
  3290. .van-popover--light .van-popover__arrow {
  3291. color: var(--van-popover-light-background)
  3292. }
  3293. .van-popover--light .van-popover__action:active {
  3294. background-color: var(--van-active-color)
  3295. }
  3296. .van-popover--light .van-popover__action--disabled {
  3297. color: var(--van-popover-light-action-disabled-text-color);
  3298. cursor: not-allowed
  3299. }
  3300. .van-popover--light .van-popover__action--disabled:active {
  3301. background-color: transparent
  3302. }
  3303. .van-popover--dark {
  3304. color: var(--van-popover-dark-text-color)
  3305. }
  3306. .van-popover--dark .van-popover__content {
  3307. background: var(--van-popover-dark-background)
  3308. }
  3309. .van-popover--dark .van-popover__arrow {
  3310. color: var(--van-popover-dark-background)
  3311. }
  3312. .van-popover--dark .van-popover__action:active {
  3313. background-color: rgba(0, 0, 0, .2)
  3314. }
  3315. .van-popover--dark .van-popover__action--disabled {
  3316. color: var(--van-popover-dark-action-disabled-text-color)
  3317. }
  3318. .van-popover--dark .van-popover__action--disabled:active {
  3319. background-color: transparent
  3320. }
  3321. .van-popover--dark .van-popover__action-text:after {
  3322. border-color: var(--van-gray-7)
  3323. }
  3324. .van-popover-zoom-enter-from,
  3325. .van-popover-zoom-leave-active {
  3326. transform: scale(.8);
  3327. opacity: 0
  3328. }
  3329. .van-popover-zoom-enter-active {
  3330. transition-timing-function: var(--van-ease-out)
  3331. }
  3332. .van-popover-zoom-leave-active {
  3333. transition-timing-function: var(--van-ease-in)
  3334. }
  3335. :root {
  3336. --van-notify-text-color: var(--van-white);
  3337. --van-notify-padding: var(--van-padding-xs) var(--van-padding-md);
  3338. --van-notify-font-size: var(--van-font-size-md);
  3339. --van-notify-line-height: var(--van-line-height-md);
  3340. --van-notify-primary-background: var(--van-primary-color);
  3341. --van-notify-success-background: var(--van-success-color);
  3342. --van-notify-danger-background: var(--van-danger-color);
  3343. --van-notify-warning-background: var(--van-warning-color)
  3344. }
  3345. .van-notify {
  3346. display: flex;
  3347. align-items: center;
  3348. justify-content: center;
  3349. box-sizing: border-box;
  3350. padding: var(--van-notify-padding);
  3351. color: var(--van-notify-text-color);
  3352. font-size: var(--van-notify-font-size);
  3353. line-height: var(--van-notify-line-height);
  3354. white-space: pre-wrap;
  3355. text-align: center;
  3356. word-wrap: break-word
  3357. }
  3358. .van-notify--primary {
  3359. background: var(--van-notify-primary-background)
  3360. }
  3361. .van-notify--success {
  3362. background: var(--van-notify-success-background)
  3363. }
  3364. .van-notify--danger {
  3365. background: var(--van-notify-danger-background)
  3366. }
  3367. .van-notify--warning {
  3368. background: var(--van-notify-warning-background)
  3369. }
  3370. :root {
  3371. --van-dialog-width: 320px;
  3372. --van-dialog-small-screen-width: 90%;
  3373. --van-dialog-font-size: var(--van-font-size-lg);
  3374. --van-dialog-transition: var(--van-duration-base);
  3375. --van-dialog-radius: 16px;
  3376. --van-dialog-background: var(--van-background-2);
  3377. --van-dialog-header-font-weight: var(--van-font-bold);
  3378. --van-dialog-header-line-height: 24px;
  3379. --van-dialog-header-padding-top: 26px;
  3380. --van-dialog-header-isolated-padding: var(--van-padding-lg) 0;
  3381. --van-dialog-message-padding: var(--van-padding-lg);
  3382. --van-dialog-message-font-size: var(--van-font-size-md);
  3383. --van-dialog-message-line-height: var(--van-line-height-md);
  3384. --van-dialog-message-max-height: 60vh;
  3385. --van-dialog-has-title-message-text-color: var(--van-gray-7);
  3386. --van-dialog-has-title-message-padding-top: var(--van-padding-xs);
  3387. --van-dialog-button-height: 48px;
  3388. --van-dialog-round-button-height: 36px;
  3389. --van-dialog-confirm-button-text-color: var(--van-primary-color)
  3390. }
  3391. .van-dialog {
  3392. top: 45%;
  3393. width: var(--van-dialog-width);
  3394. overflow: hidden;
  3395. font-size: var(--van-dialog-font-size);
  3396. background: var(--van-dialog-background);
  3397. border-radius: var(--van-dialog-radius);
  3398. -webkit-backface-visibility: hidden;
  3399. backface-visibility: hidden;
  3400. transition: var(--van-dialog-transition);
  3401. transition-property: transform, opacity
  3402. }
  3403. @media (max-width: 321px) {
  3404. .van-dialog {
  3405. width: var(--van-dialog-small-screen-width)
  3406. }
  3407. }
  3408. .van-dialog__header {
  3409. color: var(--van-text-color);
  3410. padding-top: var(--van-dialog-header-padding-top);
  3411. font-weight: var(--van-dialog-header-font-weight);
  3412. line-height: var(--van-dialog-header-line-height);
  3413. text-align: center
  3414. }
  3415. .van-dialog__header--isolated {
  3416. padding: var(--van-dialog-header-isolated-padding)
  3417. }
  3418. .van-dialog__content--isolated {
  3419. display: flex;
  3420. align-items: center;
  3421. min-height: 104px
  3422. }
  3423. .van-dialog__message {
  3424. color: var(--van-text-color);
  3425. flex: 1;
  3426. max-height: var(--van-dialog-message-max-height);
  3427. padding: 26px var(--van-dialog-message-padding);
  3428. overflow-y: auto;
  3429. font-size: var(--van-dialog-message-font-size);
  3430. line-height: var(--van-dialog-message-line-height);
  3431. white-space: pre-wrap;
  3432. text-align: center;
  3433. word-wrap: break-word;
  3434. -webkit-overflow-scrolling: touch
  3435. }
  3436. .van-dialog__message--has-title {
  3437. padding-top: var(--van-dialog-has-title-message-padding-top);
  3438. color: var(--van-dialog-has-title-message-text-color)
  3439. }
  3440. .van-dialog__message--left {
  3441. text-align: left
  3442. }
  3443. .van-dialog__message--right {
  3444. text-align: right
  3445. }
  3446. .van-dialog__message--justify {
  3447. text-align: justify
  3448. }
  3449. .van-dialog__footer {
  3450. display: flex;
  3451. overflow: hidden;
  3452. -webkit-user-select: none;
  3453. user-select: none
  3454. }
  3455. .van-dialog__confirm,
  3456. .van-dialog__cancel {
  3457. flex: 1;
  3458. height: var(--van-dialog-button-height);
  3459. margin: 0;
  3460. border: 0
  3461. }
  3462. .van-dialog__confirm,
  3463. .van-dialog__confirm:active {
  3464. color: var(--van-dialog-confirm-button-text-color)
  3465. }
  3466. .van-dialog--round-button .van-dialog__footer {
  3467. position: relative;
  3468. height: auto;
  3469. padding: var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)
  3470. }
  3471. .van-dialog--round-button .van-dialog__message {
  3472. padding-bottom: var(--van-padding-md);
  3473. color: var(--van-text-color)
  3474. }
  3475. .van-dialog--round-button .van-dialog__confirm,
  3476. .van-dialog--round-button .van-dialog__cancel {
  3477. height: var(--van-dialog-round-button-height)
  3478. }
  3479. .van-dialog--round-button .van-dialog__confirm {
  3480. color: var(--van-white)
  3481. }
  3482. .van-dialog-bounce-enter-from {
  3483. transform: translate3d(0, -50%, 0) scale(.7);
  3484. opacity: 0
  3485. }
  3486. .van-dialog-bounce-leave-active {
  3487. transform: translate3d(0, -50%, 0) scale(.9);
  3488. opacity: 0
  3489. }
  3490. :root {
  3491. --van-toast-max-width: 70%;
  3492. --van-toast-font-size: var(--van-font-size-md);
  3493. --van-toast-text-color: var(--van-white);
  3494. --van-toast-loading-icon-color: var(--van-white);
  3495. --van-toast-line-height: var(--van-line-height-md);
  3496. --van-toast-radius: var(--van-radius-lg);
  3497. --van-toast-background: rgba(0, 0, 0, .7);
  3498. --van-toast-icon-size: 36px;
  3499. --van-toast-text-min-width: 96px;
  3500. --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);
  3501. --van-toast-default-padding: var(--van-padding-md);
  3502. --van-toast-default-width: 88px;
  3503. --van-toast-default-min-height: 88px;
  3504. --van-toast-position-top-distance: 20%;
  3505. --van-toast-position-bottom-distance: 20%
  3506. }
  3507. .van-toast {
  3508. display: flex;
  3509. flex-direction: column;
  3510. align-items: center;
  3511. justify-content: center;
  3512. box-sizing: content-box;
  3513. transition: all var(--van-duration-fast);
  3514. width: var(--van-toast-default-width);
  3515. max-width: var(--van-toast-max-width);
  3516. min-height: var(--van-toast-default-min-height);
  3517. padding: var(--van-toast-default-padding);
  3518. color: var(--van-toast-text-color);
  3519. font-size: var(--van-toast-font-size);
  3520. line-height: var(--van-toast-line-height);
  3521. white-space: pre-wrap;
  3522. word-break: break-all;
  3523. text-align: center;
  3524. background: var(--van-toast-background);
  3525. border-radius: var(--van-toast-radius)
  3526. }
  3527. .van-toast--break-normal {
  3528. word-break: normal;
  3529. word-wrap: normal
  3530. }
  3531. .van-toast--break-word {
  3532. word-break: normal;
  3533. word-wrap: break-word
  3534. }
  3535. .van-toast--unclickable {
  3536. overflow: hidden;
  3537. cursor: not-allowed
  3538. }
  3539. .van-toast--unclickable * {
  3540. pointer-events: none
  3541. }
  3542. .van-toast--text,
  3543. .van-toast--html {
  3544. width: -webkit-fit-content;
  3545. width: fit-content;
  3546. min-width: var(--van-toast-text-min-width);
  3547. min-height: 0;
  3548. padding: var(--van-toast-text-padding)
  3549. }
  3550. .van-toast--text .van-toast__text,
  3551. .van-toast--html .van-toast__text {
  3552. margin-top: 0
  3553. }
  3554. .van-toast--top {
  3555. top: var(--van-toast-position-top-distance)
  3556. }
  3557. .van-toast--bottom {
  3558. top: auto;
  3559. bottom: var(--van-toast-position-bottom-distance)
  3560. }
  3561. .van-toast__icon {
  3562. font-size: var(--van-toast-icon-size)
  3563. }
  3564. .van-toast__loading {
  3565. padding: var(--van-padding-base);
  3566. color: var(--van-toast-loading-icon-color)
  3567. }
  3568. .van-toast__text {
  3569. margin-top: var(--van-padding-xs)
  3570. }
  3571. :root {
  3572. --van-action-sheet-max-height: 80%;
  3573. --van-action-sheet-header-height: 48px;
  3574. --van-action-sheet-header-font-size: var(--van-font-size-lg);
  3575. --van-action-sheet-description-color: var(--van-text-color-2);
  3576. --van-action-sheet-description-font-size: var(--van-font-size-md);
  3577. --van-action-sheet-description-line-height: var(--van-line-height-md);
  3578. --van-action-sheet-item-background: var(--van-background-2);
  3579. --van-action-sheet-item-font-size: var(--van-font-size-lg);
  3580. --van-action-sheet-item-line-height: var(--van-line-height-lg);
  3581. --van-action-sheet-item-text-color: var(--van-text-color);
  3582. --van-action-sheet-item-disabled-text-color: var(--van-text-color-3);
  3583. --van-action-sheet-subname-color: var(--van-text-color-2);
  3584. --van-action-sheet-subname-font-size: var(--van-font-size-sm);
  3585. --van-action-sheet-subname-line-height: var(--van-line-height-sm);
  3586. --van-action-sheet-close-icon-size: 22px;
  3587. --van-action-sheet-close-icon-color: var(--van-gray-5);
  3588. --van-action-sheet-close-icon-padding: 0 var(--van-padding-md);
  3589. --van-action-sheet-cancel-text-color: var(--van-gray-7);
  3590. --van-action-sheet-cancel-padding-top: var(--van-padding-xs);
  3591. --van-action-sheet-cancel-padding-color: var(--van-background);
  3592. --van-action-sheet-loading-icon-size: 22px
  3593. }
  3594. .van-action-sheet {
  3595. display: flex;
  3596. flex-direction: column;
  3597. max-height: var(--van-action-sheet-max-height);
  3598. overflow: hidden;
  3599. color: var(--van-action-sheet-item-text-color)
  3600. }
  3601. .van-action-sheet__content {
  3602. flex: 1 auto;
  3603. overflow-y: auto;
  3604. -webkit-overflow-scrolling: touch
  3605. }
  3606. .van-action-sheet__item,
  3607. .van-action-sheet__cancel {
  3608. display: block;
  3609. width: 100%;
  3610. padding: 14px var(--van-padding-md);
  3611. font-size: var(--van-action-sheet-item-font-size);
  3612. background: var(--van-action-sheet-item-background);
  3613. border: none;
  3614. cursor: pointer
  3615. }
  3616. .van-action-sheet__item:active,
  3617. .van-action-sheet__cancel:active {
  3618. background-color: var(--van-active-color)
  3619. }
  3620. .van-action-sheet__item {
  3621. line-height: var(--van-action-sheet-item-line-height)
  3622. }
  3623. .van-action-sheet__item--loading,
  3624. .van-action-sheet__item--disabled {
  3625. color: var(--van-action-sheet-item-disabled-text-color)
  3626. }
  3627. .van-action-sheet__item--loading:active,
  3628. .van-action-sheet__item--disabled:active {
  3629. background-color: var(--van-action-sheet-item-background)
  3630. }
  3631. .van-action-sheet__item--disabled {
  3632. cursor: not-allowed
  3633. }
  3634. .van-action-sheet__item--loading {
  3635. cursor: default
  3636. }
  3637. .van-action-sheet__cancel {
  3638. flex-shrink: 0;
  3639. box-sizing: border-box;
  3640. color: var(--van-action-sheet-cancel-text-color)
  3641. }
  3642. .van-action-sheet__subname {
  3643. margin-top: var(--van-padding-xs);
  3644. color: var(--van-action-sheet-subname-color);
  3645. font-size: var(--van-action-sheet-subname-font-size);
  3646. line-height: var(--van-action-sheet-subname-line-height)
  3647. }
  3648. .van-action-sheet__gap {
  3649. display: block;
  3650. height: var(--van-action-sheet-cancel-padding-top);
  3651. background: var(--van-action-sheet-cancel-padding-color)
  3652. }
  3653. .van-action-sheet__header {
  3654. flex-shrink: 0;
  3655. font-weight: var(--van-font-bold);
  3656. font-size: var(--van-action-sheet-header-font-size);
  3657. line-height: var(--van-action-sheet-header-height);
  3658. text-align: center
  3659. }
  3660. .van-action-sheet__description {
  3661. position: relative;
  3662. flex-shrink: 0;
  3663. padding: 20px var(--van-padding-md);
  3664. color: var(--van-action-sheet-description-color);
  3665. font-size: var(--van-action-sheet-description-font-size);
  3666. line-height: var(--van-action-sheet-description-line-height);
  3667. text-align: center
  3668. }
  3669. .van-action-sheet__description:after {
  3670. position: absolute;
  3671. box-sizing: border-box;
  3672. content: " ";
  3673. pointer-events: none;
  3674. right: var(--van-padding-md);
  3675. bottom: 0;
  3676. left: var(--van-padding-md);
  3677. border-bottom: 1px solid var(--van-border-color);
  3678. transform: scaleY(.5)
  3679. }
  3680. .van-action-sheet__loading-icon .van-loading__spinner {
  3681. width: var(--van-action-sheet-loading-icon-size);
  3682. height: var(--van-action-sheet-loading-icon-size)
  3683. }
  3684. .van-action-sheet__close {
  3685. position: absolute;
  3686. top: 0;
  3687. right: 0;
  3688. z-index: 1;
  3689. padding: var(--van-action-sheet-close-icon-padding);
  3690. color: var(--van-action-sheet-close-icon-color);
  3691. font-size: var(--van-action-sheet-close-icon-size);
  3692. line-height: inherit
  3693. }
  3694. :root {
  3695. --van-sticky-z-index: 99
  3696. }
  3697. .van-sticky--fixed {
  3698. position: fixed;
  3699. z-index: var(--van-sticky-z-index)
  3700. }
  3701. :root {
  3702. --van-swipe-indicator-size: 6px;
  3703. --van-swipe-indicator-margin: var(--van-padding-sm);
  3704. --van-swipe-indicator-active-opacity: 1;
  3705. --van-swipe-indicator-inactive-opacity: .3;
  3706. --van-swipe-indicator-active-background: var(--van-primary-color);
  3707. --van-swipe-indicator-inactive-background: var(--van-border-color)
  3708. }
  3709. .van-swipe {
  3710. position: relative;
  3711. overflow: hidden;
  3712. transform: translateZ(0);
  3713. cursor: -webkit-grab;
  3714. cursor: grab;
  3715. -webkit-user-select: none;
  3716. user-select: none
  3717. }
  3718. .van-swipe__track {
  3719. display: flex;
  3720. height: 100%
  3721. }
  3722. .van-swipe__track--vertical {
  3723. flex-direction: column
  3724. }
  3725. .van-swipe__indicators {
  3726. position: absolute;
  3727. bottom: var(--van-swipe-indicator-margin);
  3728. left: 50%;
  3729. display: flex;
  3730. transform: translate(-50%)
  3731. }
  3732. .van-swipe__indicators--vertical {
  3733. top: 50%;
  3734. bottom: auto;
  3735. left: var(--van-swipe-indicator-margin);
  3736. flex-direction: column;
  3737. transform: translateY(-50%)
  3738. }
  3739. .van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
  3740. margin-bottom: var(--van-swipe-indicator-size)
  3741. }
  3742. .van-swipe__indicator {
  3743. width: var(--van-swipe-indicator-size);
  3744. height: var(--van-swipe-indicator-size);
  3745. background-color: var(--van-swipe-indicator-inactive-background);
  3746. border-radius: 100%;
  3747. opacity: var(--van-swipe-indicator-inactive-opacity);
  3748. transition: opacity var(--van-duration-fast), background-color var(--van-duration-fast)
  3749. }
  3750. .van-swipe__indicator:not(:last-child) {
  3751. margin-right: var(--van-swipe-indicator-size)
  3752. }
  3753. .van-swipe__indicator--active {
  3754. background-color: var(--van-swipe-indicator-active-background);
  3755. opacity: var(--van-swipe-indicator-active-opacity)
  3756. }
  3757. .van-swipe-item {
  3758. position: relative;
  3759. flex-shrink: 0;
  3760. width: 100%;
  3761. height: 100%
  3762. }
  3763. :root {
  3764. --van-image-preview-index-text-color: var(--van-white);
  3765. --van-image-preview-index-font-size: var(--van-font-size-md);
  3766. --van-image-preview-index-line-height: var(--van-line-height-md);
  3767. --van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);
  3768. --van-image-preview-overlay-background: rgba(0, 0, 0, .9);
  3769. --van-image-preview-close-icon-size: 22px;
  3770. --van-image-preview-close-icon-color: var(--van-gray-5);
  3771. --van-image-preview-close-icon-margin: var(--van-padding-md);
  3772. --van-image-preview-close-icon-z-index: 1
  3773. }
  3774. .van-image-preview {
  3775. position: fixed;
  3776. top: 0;
  3777. left: 0;
  3778. width: 100%;
  3779. height: 100%;
  3780. max-width: none;
  3781. background-color: transparent;
  3782. transform: none
  3783. }
  3784. .van-image-preview__swipe {
  3785. height: 100%
  3786. }
  3787. .van-image-preview__swipe-item {
  3788. display: flex;
  3789. align-items: center;
  3790. justify-content: center;
  3791. overflow: hidden
  3792. }
  3793. .van-image-preview__cover {
  3794. position: absolute;
  3795. top: 0;
  3796. left: 0
  3797. }
  3798. .van-image-preview__image,
  3799. .van-image-preview__image-wrap {
  3800. width: 100%;
  3801. transition-property: transform
  3802. }
  3803. .van-image-preview__image--vertical,
  3804. .van-image-preview__image-wrap--vertical {
  3805. width: auto;
  3806. height: 100%
  3807. }
  3808. .van-image-preview__image img,
  3809. .van-image-preview__image-wrap img,
  3810. .van-image-preview__image video,
  3811. .van-image-preview__image-wrap video {
  3812. -webkit-user-drag: none
  3813. }
  3814. .van-image-preview__image .van-image__error,
  3815. .van-image-preview__image-wrap .van-image__error {
  3816. top: 30%;
  3817. height: 40%
  3818. }
  3819. .van-image-preview__image .van-image__error-icon,
  3820. .van-image-preview__image-wrap .van-image__error-icon {
  3821. font-size: 36px
  3822. }
  3823. .van-image-preview__image .van-image__loading,
  3824. .van-image-preview__image-wrap .van-image__loading {
  3825. background-color: transparent
  3826. }
  3827. .van-image-preview__index {
  3828. position: absolute;
  3829. top: var(--van-padding-md);
  3830. left: 50%;
  3831. color: var(--van-image-preview-index-text-color);
  3832. font-size: var(--van-image-preview-index-font-size);
  3833. line-height: var(--van-image-preview-index-line-height);
  3834. text-shadow: var(--van-image-preview-index-text-shadow);
  3835. transform: translate(-50%)
  3836. }
  3837. .van-image-preview__overlay {
  3838. background: var(--van-image-preview-overlay-background)
  3839. }
  3840. .van-image-preview__close-icon {
  3841. position: absolute;
  3842. z-index: var(--van-image-preview-close-icon-z-index);
  3843. color: var(--van-image-preview-close-icon-color);
  3844. font-size: var(--van-image-preview-close-icon-size)
  3845. }
  3846. .van-image-preview__close-icon--top-left {
  3847. top: var(--van-image-preview-close-icon-margin);
  3848. left: var(--van-image-preview-close-icon-margin)
  3849. }
  3850. .van-image-preview__close-icon--top-right {
  3851. top: var(--van-image-preview-close-icon-margin);
  3852. right: var(--van-image-preview-close-icon-margin)
  3853. }
  3854. .van-image-preview__close-icon--bottom-left {
  3855. bottom: var(--van-image-preview-close-icon-margin);
  3856. left: var(--van-image-preview-close-icon-margin)
  3857. }
  3858. .van-image-preview__close-icon--bottom-right {
  3859. right: var(--van-image-preview-close-icon-margin);
  3860. bottom: var(--van-image-preview-close-icon-margin)
  3861. }
  3862. :root {
  3863. --van-uploader-size: 80px;
  3864. --van-uploader-icon-size: 24px;
  3865. --van-uploader-icon-color: var(--van-gray-4);
  3866. --van-uploader-text-color: var(--van-text-color-2);
  3867. --van-uploader-text-font-size: var(--van-font-size-sm);
  3868. --van-uploader-upload-background: var(--van-gray-1);
  3869. --van-uploader-upload-active-color: var(--van-active-color);
  3870. --van-uploader-delete-color: var(--van-white);
  3871. --van-uploader-delete-icon-size: 14px;
  3872. --van-uploader-delete-background: rgba(0, 0, 0, .7);
  3873. --van-uploader-file-background: var(--van-background);
  3874. --van-uploader-file-icon-size: 20px;
  3875. --van-uploader-file-icon-color: var(--van-gray-7);
  3876. --van-uploader-file-name-padding: 0 var(--van-padding-base);
  3877. --van-uploader-file-name-margin-top: var(--van-padding-xs);
  3878. --van-uploader-file-name-font-size: var(--van-font-size-sm);
  3879. --van-uploader-file-name-text-color: var(--van-gray-7);
  3880. --van-uploader-mask-text-color: var(--van-white);
  3881. --van-uploader-mask-background: rgba(50, 50, 51, .88);
  3882. --van-uploader-mask-icon-size: 22px;
  3883. --van-uploader-mask-message-font-size: var(--van-font-size-sm);
  3884. --van-uploader-mask-message-line-height: var(--van-line-height-xs);
  3885. --van-uploader-loading-icon-size: 22px;
  3886. --van-uploader-loading-icon-color: var(--van-white);
  3887. --van-uploader-disabled-opacity: var(--van-disabled-opacity)
  3888. }
  3889. .van-uploader {
  3890. position: relative;
  3891. display: inline-block
  3892. }
  3893. .van-uploader__wrapper {
  3894. display: flex;
  3895. flex-wrap: wrap
  3896. }
  3897. .van-uploader__wrapper--disabled {
  3898. opacity: var(--van-uploader-disabled-opacity)
  3899. }
  3900. .van-uploader__input {
  3901. position: absolute;
  3902. top: 0;
  3903. left: 0;
  3904. width: 100%;
  3905. height: 100%;
  3906. overflow: hidden;
  3907. cursor: pointer;
  3908. opacity: 0
  3909. }
  3910. .van-uploader__input-wrapper {
  3911. position: relative
  3912. }
  3913. .van-uploader__input:disabled {
  3914. cursor: not-allowed
  3915. }
  3916. .van-uploader__upload {
  3917. position: relative;
  3918. display: flex;
  3919. flex-direction: column;
  3920. align-items: center;
  3921. justify-content: center;
  3922. box-sizing: border-box;
  3923. width: var(--van-uploader-size);
  3924. height: var(--van-uploader-size);
  3925. margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0;
  3926. background: var(--van-uploader-upload-background)
  3927. }
  3928. .van-uploader__upload:active {
  3929. background-color: var(--van-uploader-upload-active-color)
  3930. }
  3931. .van-uploader__upload--readonly:active {
  3932. background-color: var(--van-uploader-upload-background)
  3933. }
  3934. .van-uploader__upload-icon {
  3935. color: var(--van-uploader-icon-color);
  3936. font-size: var(--van-uploader-icon-size)
  3937. }
  3938. .van-uploader__upload-text {
  3939. margin-top: var(--van-padding-xs);
  3940. color: var(--van-uploader-text-color);
  3941. font-size: var(--van-uploader-text-font-size)
  3942. }
  3943. .van-uploader__preview {
  3944. position: relative;
  3945. margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0;
  3946. cursor: pointer
  3947. }
  3948. .van-uploader__preview-image {
  3949. display: block;
  3950. width: var(--van-uploader-size);
  3951. height: var(--van-uploader-size);
  3952. overflow: hidden
  3953. }
  3954. .van-uploader__preview-delete {
  3955. position: absolute;
  3956. top: 0;
  3957. right: 0
  3958. }
  3959. .van-uploader__preview-delete--shadow {
  3960. width: var(--van-uploader-delete-icon-size);
  3961. height: var(--van-uploader-delete-icon-size);
  3962. background: var(--van-uploader-delete-background);
  3963. border-radius: 0 0 0 12px
  3964. }
  3965. .van-uploader__preview-delete-icon {
  3966. position: absolute;
  3967. top: 0;
  3968. right: 0;
  3969. color: var(--van-uploader-delete-color);
  3970. font-size: var(--van-uploader-delete-icon-size);
  3971. transform: scale(.7) translate(10%, -10%)
  3972. }
  3973. .van-uploader__preview-cover {
  3974. position: absolute;
  3975. top: 0;
  3976. right: 0;
  3977. bottom: 0;
  3978. left: 0
  3979. }
  3980. .van-uploader__mask {
  3981. position: absolute;
  3982. top: 0;
  3983. right: 0;
  3984. bottom: 0;
  3985. left: 0;
  3986. display: flex;
  3987. flex-direction: column;
  3988. align-items: center;
  3989. justify-content: center;
  3990. color: var(--van-uploader-mask-text-color);
  3991. background: var(--van-uploader-mask-background)
  3992. }
  3993. .van-uploader__mask-icon {
  3994. font-size: var(--van-uploader-mask-icon-size)
  3995. }
  3996. .van-uploader__mask-message {
  3997. margin-top: 6px;
  3998. padding: 0 var(--van-padding-base);
  3999. font-size: var(--van-uploader-mask-message-font-size);
  4000. line-height: var(--van-uploader-mask-message-line-height)
  4001. }
  4002. .van-uploader__loading {
  4003. width: var(--van-uploader-loading-icon-size);
  4004. height: var(--van-uploader-loading-icon-size);
  4005. color: var(--van-uploader-loading-icon-color)
  4006. }
  4007. .van-uploader__file {
  4008. display: flex;
  4009. flex-direction: column;
  4010. align-items: center;
  4011. justify-content: center;
  4012. width: var(--van-uploader-size);
  4013. height: var(--van-uploader-size);
  4014. background: var(--van-uploader-file-background)
  4015. }
  4016. .van-uploader__file-icon {
  4017. color: var(--van-uploader-file-icon-color);
  4018. font-size: var(--van-uploader-file-icon-size)
  4019. }
  4020. .van-uploader__file-name {
  4021. box-sizing: border-box;
  4022. width: 100%;
  4023. margin-top: var(--van-uploader-file-name-margin-top);
  4024. padding: var(--van-uploader-file-name-padding);
  4025. color: var(--van-uploader-file-name-text-color);
  4026. font-size: var(--van-uploader-file-name-font-size);
  4027. text-align: center
  4028. }
  4029. :root {
  4030. --van-tab-text-color: var(--van-gray-7);
  4031. --van-tab-active-text-color: var(--van-text-color);
  4032. --van-tab-disabled-text-color: var(--van-text-color-3);
  4033. --van-tab-font-size: var(--van-font-size-md);
  4034. --van-tab-line-height: var(--van-line-height-md);
  4035. --van-tabs-default-color: var(--van-primary-color);
  4036. --van-tabs-line-height: 44px;
  4037. --van-tabs-card-height: 30px;
  4038. --van-tabs-nav-background: var(--van-background-2);
  4039. --van-tabs-bottom-bar-width: 40px;
  4040. --van-tabs-bottom-bar-height: 3px;
  4041. --van-tabs-bottom-bar-color: var(--van-primary-color)
  4042. }
  4043. .van-tab {
  4044. position: relative;
  4045. display: flex;
  4046. flex: 1;
  4047. align-items: center;
  4048. justify-content: center;
  4049. box-sizing: border-box;
  4050. padding: 0 var(--van-padding-base);
  4051. color: var(--van-tab-text-color);
  4052. font-size: var(--van-tab-font-size);
  4053. line-height: var(--van-tab-line-height);
  4054. cursor: pointer
  4055. }
  4056. .van-tab--active {
  4057. color: var(--van-tab-active-text-color);
  4058. font-weight: var(--van-font-bold)
  4059. }
  4060. .van-tab--disabled {
  4061. color: var(--van-tab-disabled-text-color);
  4062. cursor: not-allowed
  4063. }
  4064. .van-tab--grow {
  4065. flex: 1 0 auto;
  4066. padding: 0 var(--van-padding-sm)
  4067. }
  4068. .van-tab--shrink {
  4069. flex: none;
  4070. padding: 0 var(--van-padding-xs)
  4071. }
  4072. .van-tab--card {
  4073. color: var(--van-tabs-default-color);
  4074. border-right: var(--van-border-width) solid var(--van-tabs-default-color)
  4075. }
  4076. .van-tab--card:last-child {
  4077. border-right: none
  4078. }
  4079. .van-tab--card.van-tab--active {
  4080. color: var(--van-white);
  4081. background-color: var(--van-tabs-default-color)
  4082. }
  4083. .van-tab--card--disabled {
  4084. color: var(--van-tab-disabled-text-color)
  4085. }
  4086. .van-tab__text--ellipsis {
  4087. display: -webkit-box;
  4088. overflow: hidden;
  4089. -webkit-line-clamp: 1;
  4090. -webkit-box-orient: vertical
  4091. }
  4092. .van-tabs {
  4093. position: relative
  4094. }
  4095. .van-tabs__wrap {
  4096. overflow: hidden
  4097. }
  4098. .van-tabs__wrap--page-top {
  4099. position: fixed
  4100. }
  4101. .van-tabs__wrap--content-bottom {
  4102. top: auto;
  4103. bottom: 0
  4104. }
  4105. .van-tabs__nav {
  4106. position: relative;
  4107. display: flex;
  4108. background: var(--van-tabs-nav-background);
  4109. -webkit-user-select: none;
  4110. user-select: none
  4111. }
  4112. .van-tabs__nav--complete {
  4113. overflow-x: auto;
  4114. overflow-y: hidden;
  4115. -webkit-overflow-scrolling: touch
  4116. }
  4117. .van-tabs__nav--complete::-webkit-scrollbar {
  4118. display: none
  4119. }
  4120. .van-tabs__nav--line {
  4121. box-sizing: content-box;
  4122. height: 100%;
  4123. padding-bottom: 15px
  4124. }
  4125. .van-tabs__nav--line.van-tabs__nav--shrink,
  4126. .van-tabs__nav--line.van-tabs__nav--complete {
  4127. padding-right: var(--van-padding-xs);
  4128. padding-left: var(--van-padding-xs)
  4129. }
  4130. .van-tabs__nav--card {
  4131. box-sizing: border-box;
  4132. height: var(--van-tabs-card-height);
  4133. margin: 0 var(--van-padding-md);
  4134. border: var(--van-border-width) solid var(--van-tabs-default-color);
  4135. border-radius: var(--van-border-radius-sm)
  4136. }
  4137. .van-tabs__nav--card.van-tabs__nav--shrink {
  4138. display: inline-flex
  4139. }
  4140. .van-tabs__line {
  4141. position: absolute;
  4142. bottom: 15px;
  4143. left: 0;
  4144. z-index: 1;
  4145. width: var(--van-tabs-bottom-bar-width);
  4146. height: var(--van-tabs-bottom-bar-height);
  4147. background: var(--van-tabs-bottom-bar-color);
  4148. border-radius: var(--van-tabs-bottom-bar-height)
  4149. }
  4150. .van-tabs__track {
  4151. position: relative;
  4152. display: flex;
  4153. width: 100%;
  4154. height: 100%;
  4155. will-change: left
  4156. }
  4157. .van-tabs__content--animated {
  4158. overflow: hidden
  4159. }
  4160. .van-tabs--line .van-tabs__wrap {
  4161. height: var(--van-tabs-line-height)
  4162. }
  4163. .van-tabs--card>.van-tabs__wrap {
  4164. height: var(--van-tabs-card-height)
  4165. }
  4166. .van-tab__panel,
  4167. .van-tab__panel-wrapper {
  4168. flex-shrink: 0;
  4169. box-sizing: border-box;
  4170. width: 100%
  4171. }
  4172. .van-tab__panel-wrapper--inactive {
  4173. height: 0;
  4174. overflow: visible
  4175. }
  4176. :root {
  4177. --van-cascader-header-height: 48px;
  4178. --van-cascader-header-padding: 0 var(--van-padding-md);
  4179. --van-cascader-title-font-size: var(--van-font-size-lg);
  4180. --van-cascader-title-line-height: 20px;
  4181. --van-cascader-close-icon-size: 22px;
  4182. --van-cascader-close-icon-color: var(--van-gray-5);
  4183. --van-cascader-selected-icon-size: 18px;
  4184. --van-cascader-tabs-height: 48px;
  4185. --van-cascader-active-color: var(--van-primary-color);
  4186. --van-cascader-options-height: 384px;
  4187. --van-cascader-option-disabled-color: var(--van-text-color-3);
  4188. --van-cascader-tab-color: var(--van-text-color);
  4189. --van-cascader-unselected-tab-color: var(--van-text-color-2)
  4190. }
  4191. .van-cascader__header {
  4192. display: flex;
  4193. align-items: center;
  4194. justify-content: space-between;
  4195. height: var(--van-cascader-header-height);
  4196. padding: var(--van-cascader-header-padding)
  4197. }
  4198. .van-cascader__title {
  4199. font-weight: var(--van-font-bold);
  4200. font-size: var(--van-cascader-title-font-size);
  4201. line-height: var(--van-cascader-title-line-height)
  4202. }
  4203. .van-cascader__close-icon {
  4204. color: var(--van-cascader-close-icon-color);
  4205. font-size: var(--van-cascader-close-icon-size)
  4206. }
  4207. .van-cascader__tabs.van-tabs--line .van-tabs__wrap {
  4208. height: var(--van-cascader-tabs-height)
  4209. }
  4210. .van-cascader__tab {
  4211. color: var(--van-cascader-tab-color);
  4212. font-weight: var(--van-font-bold)
  4213. }
  4214. .van-cascader__tab--unselected {
  4215. color: var(--van-cascader-unselected-tab-color);
  4216. font-weight: 400
  4217. }
  4218. .van-cascader__option {
  4219. display: flex;
  4220. align-items: center;
  4221. justify-content: space-between;
  4222. padding: 10px var(--van-padding-md);
  4223. font-size: var(--van-font-size-md);
  4224. line-height: var(--van-line-height-md);
  4225. cursor: pointer
  4226. }
  4227. .van-cascader__option:active {
  4228. background-color: var(--van-active-color)
  4229. }
  4230. .van-cascader__option--selected {
  4231. color: var(--van-cascader-active-color);
  4232. font-weight: var(--van-font-bold)
  4233. }
  4234. .van-cascader__option--disabled {
  4235. color: var(--van-cascader-option-disabled-color);
  4236. cursor: not-allowed
  4237. }
  4238. .van-cascader__option--disabled:active {
  4239. background-color: transparent
  4240. }
  4241. .van-cascader__selected-icon {
  4242. font-size: var(--van-cascader-selected-icon-size)
  4243. }
  4244. .van-cascader__options {
  4245. box-sizing: border-box;
  4246. height: var(--van-cascader-options-height);
  4247. padding-top: 6px;
  4248. overflow-y: auto;
  4249. -webkit-overflow-scrolling: touch
  4250. }
  4251. :root {
  4252. --van-picker-background: var(--van-background-2);
  4253. --van-picker-toolbar-height: 44px;
  4254. --van-picker-title-font-size: var(--van-font-size-lg);
  4255. --van-picker-title-line-height: var(--van-line-height-md);
  4256. --van-picker-action-padding: 0 var(--van-padding-md);
  4257. --van-picker-action-font-size: var(--van-font-size-md);
  4258. --van-picker-confirm-action-color: var(--van-link-color);
  4259. --van-picker-cancel-action-color: var(--van-text-color-2);
  4260. --van-picker-option-font-size: var(--van-font-size-lg);
  4261. --van-picker-option-padding: 0 var(--van-padding-base);
  4262. --van-picker-option-text-color: var(--van-text-color);
  4263. --van-picker-option-disabled-opacity: .3;
  4264. --van-picker-loading-icon-color: var(--van-primary-color);
  4265. --van-picker-loading-mask-color: rgba(255, 255, 255, .9);
  4266. --van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4))
  4267. }
  4268. .van-theme-dark {
  4269. --van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))
  4270. }
  4271. .van-picker {
  4272. position: relative;
  4273. background: var(--van-picker-background);
  4274. -webkit-user-select: none;
  4275. user-select: none
  4276. }
  4277. .van-picker__toolbar {
  4278. display: flex;
  4279. align-items: center;
  4280. justify-content: space-between;
  4281. height: var(--van-picker-toolbar-height)
  4282. }
  4283. .van-picker__cancel,
  4284. .van-picker__confirm {
  4285. height: 100%;
  4286. padding: var(--van-picker-action-padding);
  4287. font-size: var(--van-picker-action-font-size);
  4288. background-color: transparent;
  4289. border: none
  4290. }
  4291. .van-picker__confirm {
  4292. color: var(--van-picker-confirm-action-color)
  4293. }
  4294. .van-picker__cancel {
  4295. color: var(--van-picker-cancel-action-color)
  4296. }
  4297. .van-picker__title {
  4298. color: var(--van-text-color);
  4299. max-width: 50%;
  4300. font-weight: var(--van-font-bold);
  4301. font-size: var(--van-picker-title-font-size);
  4302. line-height: var(--van-picker-title-line-height);
  4303. text-align: center
  4304. }
  4305. .van-picker__columns {
  4306. position: relative;
  4307. display: flex;
  4308. cursor: -webkit-grab;
  4309. cursor: grab
  4310. }
  4311. .van-picker__loading {
  4312. position: absolute;
  4313. top: 0;
  4314. right: 0;
  4315. bottom: 0;
  4316. left: 0;
  4317. z-index: 3;
  4318. display: flex;
  4319. align-items: center;
  4320. justify-content: center;
  4321. color: var(--van-picker-loading-icon-color);
  4322. background: var(--van-picker-loading-mask-color)
  4323. }
  4324. .van-picker__frame {
  4325. position: absolute;
  4326. top: 50%;
  4327. right: var(--van-padding-md);
  4328. left: var(--van-padding-md);
  4329. z-index: 2;
  4330. transform: translateY(-50%);
  4331. pointer-events: none
  4332. }
  4333. .van-picker__mask {
  4334. position: absolute;
  4335. top: 0;
  4336. left: 0;
  4337. z-index: 1;
  4338. width: 100%;
  4339. height: 100%;
  4340. background-image: var(--van-picker-mask-color);
  4341. background-repeat: no-repeat;
  4342. background-position: top, bottom;
  4343. transform: translateZ(0);
  4344. pointer-events: none
  4345. }
  4346. .van-picker-column {
  4347. flex: 1;
  4348. overflow: hidden;
  4349. font-size: var(--van-picker-option-font-size)
  4350. }
  4351. .van-picker-column__wrapper {
  4352. transition-timing-function: cubic-bezier(.23, 1, .68, 1)
  4353. }
  4354. .van-picker-column__item {
  4355. display: flex;
  4356. align-items: center;
  4357. justify-content: center;
  4358. padding: var(--van-picker-option-padding);
  4359. color: var(--van-picker-option-text-color)
  4360. }
  4361. .van-picker-column__item--disabled {
  4362. cursor: not-allowed;
  4363. opacity: var(--van-picker-option-disabled-opacity)
  4364. }
  4365. :root {
  4366. --van-picker-group-background: var(--van-background-2)
  4367. }
  4368. .van-picker-group {
  4369. background: var(--van-picker-group-background)
  4370. }
  4371. .van-picker-group__tabs {
  4372. margin-top: var(--van-padding-base)
  4373. }
  4374. .van-picker-group__tab-title {
  4375. margin-right: 16px
  4376. }
  4377. :root {
  4378. --van-calendar-background: var(--van-background-2);
  4379. --van-calendar-popup-height: 80%;
  4380. --van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);
  4381. --van-calendar-header-title-height: 44px;
  4382. --van-calendar-header-title-font-size: var(--van-font-size-lg);
  4383. --van-calendar-header-subtitle-font-size: var(--van-font-size-md);
  4384. --van-calendar-weekdays-height: 30px;
  4385. --van-calendar-weekdays-font-size: var(--van-font-size-sm);
  4386. --van-calendar-month-title-font-size: var(--van-font-size-md);
  4387. --van-calendar-month-mark-color: rgba(242, 243, 245, .8);
  4388. --van-calendar-month-mark-font-size: 160px;
  4389. --van-calendar-day-height: 64px;
  4390. --van-calendar-day-font-size: var(--van-font-size-lg);
  4391. --van-calendar-day-margin-bottom: 4px;
  4392. --van-calendar-range-edge-color: var(--van-white);
  4393. --van-calendar-range-edge-background: var(--van-primary-color);
  4394. --van-calendar-range-middle-color: var(--van-primary-color);
  4395. --van-calendar-range-middle-background-opacity: .1;
  4396. --van-calendar-selected-day-size: 54px;
  4397. --van-calendar-selected-day-color: var(--van-white);
  4398. --van-calendar-info-font-size: var(--van-font-size-xs);
  4399. --van-calendar-info-line-height: var(--van-line-height-xs);
  4400. --van-calendar-selected-day-background: var(--van-primary-color);
  4401. --van-calendar-day-disabled-color: var(--van-text-color-3);
  4402. --van-calendar-confirm-button-height: 36px;
  4403. --van-calendar-confirm-button-margin: 7px 0
  4404. }
  4405. .van-theme-dark {
  4406. --van-calendar-month-mark-color: rgba(100, 101, 102, .2);
  4407. --van-calendar-day-disabled-color: var(--van-gray-7)
  4408. }
  4409. .van-calendar {
  4410. display: flex;
  4411. flex-direction: column;
  4412. height: 100%;
  4413. background: var(--van-calendar-background)
  4414. }
  4415. .van-calendar__popup.van-popup--top,
  4416. .van-calendar__popup.van-popup--bottom {
  4417. height: var(--van-calendar-popup-height)
  4418. }
  4419. .van-calendar__popup.van-popup--left,
  4420. .van-calendar__popup.van-popup--right {
  4421. height: 100%
  4422. }
  4423. .van-calendar__popup .van-popup__close-icon {
  4424. top: 11px
  4425. }
  4426. .van-calendar__header {
  4427. flex-shrink: 0;
  4428. box-shadow: var(--van-calendar-header-shadow)
  4429. }
  4430. .van-calendar__month-title,
  4431. .van-calendar__header-title,
  4432. .van-calendar__header-subtitle {
  4433. color: var(--van-text-color);
  4434. height: var(--van-calendar-header-title-height);
  4435. font-weight: var(--van-font-bold);
  4436. line-height: var(--van-calendar-header-title-height);
  4437. text-align: center
  4438. }
  4439. .van-calendar__header-title {
  4440. font-size: var(--van-calendar-header-title-font-size)
  4441. }
  4442. .van-calendar__header-subtitle {
  4443. font-size: var(--van-calendar-header-subtitle-font-size)
  4444. }
  4445. .van-calendar__month-title {
  4446. font-size: var(--van-calendar-month-title-font-size)
  4447. }
  4448. .van-calendar__weekdays {
  4449. display: flex
  4450. }
  4451. .van-calendar__weekday {
  4452. flex: 1;
  4453. font-size: var(--van-calendar-weekdays-font-size);
  4454. line-height: var(--van-calendar-weekdays-height);
  4455. text-align: center
  4456. }
  4457. .van-calendar__body {
  4458. flex: 1;
  4459. overflow: auto;
  4460. -webkit-overflow-scrolling: touch
  4461. }
  4462. .van-calendar__days {
  4463. position: relative;
  4464. display: flex;
  4465. flex-wrap: wrap;
  4466. -webkit-user-select: none;
  4467. user-select: none
  4468. }
  4469. .van-calendar__month-mark {
  4470. position: absolute;
  4471. top: 50%;
  4472. left: 50%;
  4473. z-index: 0;
  4474. color: var(--van-calendar-month-mark-color);
  4475. font-size: var(--van-calendar-month-mark-font-size);
  4476. transform: translate(-50%, -50%);
  4477. pointer-events: none
  4478. }
  4479. .van-calendar__day,
  4480. .van-calendar__selected-day {
  4481. display: flex;
  4482. align-items: center;
  4483. justify-content: center;
  4484. text-align: center
  4485. }
  4486. .van-calendar__day {
  4487. position: relative;
  4488. width: 14.285%;
  4489. height: var(--van-calendar-day-height);
  4490. font-size: var(--van-calendar-day-font-size);
  4491. margin-bottom: var(--van-calendar-day-margin-bottom);
  4492. cursor: pointer
  4493. }
  4494. .van-calendar__day--end,
  4495. .van-calendar__day--start,
  4496. .van-calendar__day--start-end,
  4497. .van-calendar__day--multiple-middle,
  4498. .van-calendar__day--multiple-selected {
  4499. color: var(--van-calendar-range-edge-color);
  4500. background: var(--van-calendar-range-edge-background)
  4501. }
  4502. .van-calendar__day--start {
  4503. border-radius: var(--van-radius-md) 0 0 var(--van-radius-md)
  4504. }
  4505. .van-calendar__day--end {
  4506. border-radius: 0 var(--van-radius-md) var(--van-radius-md) 0
  4507. }
  4508. .van-calendar__day--start-end,
  4509. .van-calendar__day--multiple-selected {
  4510. border-radius: var(--van-radius-md)
  4511. }
  4512. .van-calendar__day--middle {
  4513. color: var(--van-calendar-range-middle-color)
  4514. }
  4515. .van-calendar__day--middle:after {
  4516. position: absolute;
  4517. top: 0;
  4518. right: 0;
  4519. bottom: 0;
  4520. left: 0;
  4521. background-color: currentColor;
  4522. opacity: var(--van-calendar-range-middle-background-opacity);
  4523. content: ""
  4524. }
  4525. .van-calendar__day--disabled {
  4526. color: var(--van-calendar-day-disabled-color);
  4527. cursor: default
  4528. }
  4529. .van-calendar__top-info,
  4530. .van-calendar__bottom-info {
  4531. position: absolute;
  4532. right: 0;
  4533. left: 0;
  4534. font-size: var(--van-calendar-info-font-size);
  4535. line-height: var(--van-calendar-info-line-height)
  4536. }
  4537. @media (max-width: 350px) {
  4538. .van-calendar__top-info,
  4539. .van-calendar__bottom-info {
  4540. font-size: 9px
  4541. }
  4542. }
  4543. .van-calendar__top-info {
  4544. top: 6px
  4545. }
  4546. .van-calendar__bottom-info {
  4547. bottom: 6px
  4548. }
  4549. .van-calendar__selected-day {
  4550. width: var(--van-calendar-selected-day-size);
  4551. height: var(--van-calendar-selected-day-size);
  4552. color: var(--van-calendar-selected-day-color);
  4553. background: var(--van-calendar-selected-day-background);
  4554. border-radius: var(--van-radius-md)
  4555. }
  4556. .van-calendar__footer {
  4557. flex-shrink: 0;
  4558. padding-left: var(--van-padding-md);
  4559. padding-right: var(--van-padding-md)
  4560. }
  4561. .van-calendar__confirm {
  4562. height: var(--van-calendar-confirm-button-height);
  4563. margin: var(--van-calendar-confirm-button-margin)
  4564. }
  4565. :root {
  4566. --van-address-edit-padding: var(--van-padding-sm);
  4567. --van-address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);
  4568. --van-address-edit-button-margin-bottom: var(--van-padding-sm);
  4569. --van-address-edit-button-font-size: var(--van-font-size-lg)
  4570. }
  4571. .van-address-edit {
  4572. padding: var(--van-address-edit-padding)
  4573. }
  4574. .van-address-edit__fields {
  4575. overflow: hidden;
  4576. border-radius: var(--van-padding-xs)
  4577. }
  4578. .van-address-edit__fields .van-field__label {
  4579. width: 4.1em
  4580. }
  4581. .van-address-edit__default {
  4582. margin-top: var(--van-padding-sm);
  4583. overflow: hidden;
  4584. border-radius: var(--van-padding-xs)
  4585. }
  4586. .van-address-edit__buttons {
  4587. padding: var(--van-address-edit-buttons-padding)
  4588. }
  4589. .van-address-edit__button {
  4590. margin-bottom: var(--van-address-edit-button-margin-bottom);
  4591. font-size: var(--van-address-edit-button-font-size)
  4592. }
  4593. .van-address-edit-detail__search-item {
  4594. background: var(--van-gray-2)
  4595. }
  4596. .van-radio-group--horizontal,
  4597. .van-checkbox-group--horizontal {
  4598. display: flex;
  4599. flex-wrap: wrap
  4600. }
  4601. :root {
  4602. --van-checkbox-size: 20px;
  4603. --van-checkbox-border-color: var(--van-gray-5);
  4604. --van-checkbox-duration: var(--van-duration-fast);
  4605. --van-checkbox-label-margin: var(--van-padding-xs);
  4606. --van-checkbox-label-color: var(--van-text-color);
  4607. --van-checkbox-checked-icon-color: var(--van-primary-color);
  4608. --van-checkbox-disabled-icon-color: var(--van-gray-5);
  4609. --van-checkbox-disabled-label-color: var(--van-text-color-3);
  4610. --van-checkbox-disabled-background: var(--van-border-color)
  4611. }
  4612. .van-checkbox {
  4613. display: flex;
  4614. align-items: center;
  4615. overflow: hidden;
  4616. cursor: pointer;
  4617. -webkit-user-select: none;
  4618. user-select: none
  4619. }
  4620. .van-checkbox--disabled {
  4621. cursor: not-allowed
  4622. }
  4623. .van-checkbox--label-disabled {
  4624. cursor: default
  4625. }
  4626. .van-checkbox--horizontal {
  4627. margin-right: var(--van-padding-sm)
  4628. }
  4629. .van-checkbox__icon {
  4630. flex: none;
  4631. height: 1em;
  4632. font-size: var(--van-checkbox-size);
  4633. line-height: 1em;
  4634. cursor: pointer
  4635. }
  4636. .van-checkbox__icon .van-icon {
  4637. display: block;
  4638. box-sizing: border-box;
  4639. width: 1.25em;
  4640. height: 1.25em;
  4641. color: transparent;
  4642. font-size: .8em;
  4643. line-height: 1.25;
  4644. text-align: center;
  4645. border: 1px solid var(--van-checkbox-border-color);
  4646. transition-duration: var(--van-checkbox-duration);
  4647. transition-property: color, border-color, background-color
  4648. }
  4649. .van-checkbox__icon--round .van-icon {
  4650. border-radius: 100%
  4651. }
  4652. .van-checkbox__icon--checked .van-icon {
  4653. color: var(--van-white);
  4654. background-color: var(--van-checkbox-checked-icon-color);
  4655. border-color: var(--van-checkbox-checked-icon-color)
  4656. }
  4657. .van-checkbox__icon--disabled {
  4658. cursor: not-allowed
  4659. }
  4660. .van-checkbox__icon--disabled .van-icon {
  4661. background-color: var(--van-checkbox-disabled-background);
  4662. border-color: var(--van-checkbox-disabled-icon-color)
  4663. }
  4664. .van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
  4665. color: var(--van-checkbox-disabled-icon-color)
  4666. }
  4667. .van-checkbox__label {
  4668. margin-left: var(--van-checkbox-label-margin);
  4669. color: var(--van-checkbox-label-color);
  4670. line-height: var(--van-checkbox-size)
  4671. }
  4672. .van-checkbox__label--left {
  4673. margin: 0 var(--van-checkbox-label-margin) 0 0
  4674. }
  4675. .van-checkbox__label--disabled {
  4676. color: var(--van-checkbox-disabled-label-color)
  4677. }
  4678. :root {
  4679. --van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);
  4680. --van-coupon-content-height: 84px;
  4681. --van-coupon-content-padding: 14px 0;
  4682. --van-coupon-content-text-color: var(--van-text-color);
  4683. --van-coupon-background: var(--van-background-2);
  4684. --van-coupon-active-background: var(--van-active-color);
  4685. --van-coupon-radius: var(--van-radius-lg);
  4686. --van-coupon-shadow: 0 0 4px rgba(0, 0, 0, .1);
  4687. --van-coupon-head-width: 96px;
  4688. --van-coupon-amount-color: var(--van-primary-color);
  4689. --van-coupon-amount-font-size: 30px;
  4690. --van-coupon-currency-font-size: 40%;
  4691. --van-coupon-name-font-size: var(--van-font-size-md);
  4692. --van-coupon-disabled-text-color: var(--van-text-color-2);
  4693. --van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md);
  4694. --van-coupon-description-border-color: var(--van-border-color);
  4695. --van-coupon-checkbox-color: var(--van-primary-color)
  4696. }
  4697. .van-coupon {
  4698. margin: var(--van-coupon-margin);
  4699. overflow: hidden;
  4700. background: var(--van-coupon-background);
  4701. border-radius: var(--van-coupon-radius);
  4702. box-shadow: var(--van-coupon-shadow)
  4703. }
  4704. .van-coupon:active {
  4705. background-color: var(--van-coupon-active-background)
  4706. }
  4707. .van-coupon__content {
  4708. display: flex;
  4709. align-items: center;
  4710. box-sizing: border-box;
  4711. min-height: var(--van-coupon-content-height);
  4712. padding: var(--van-coupon-content-padding);
  4713. color: var(--van-coupon-content-text-color)
  4714. }
  4715. .van-coupon__head {
  4716. position: relative;
  4717. min-width: var(--van-coupon-head-width);
  4718. padding: 0 var(--van-padding-xs);
  4719. color: var(--van-coupon-amount-color);
  4720. text-align: center
  4721. }
  4722. .van-coupon__amount,
  4723. .van-coupon__condition,
  4724. .van-coupon__name,
  4725. .van-coupon__valid {
  4726. overflow: hidden;
  4727. white-space: nowrap;
  4728. text-overflow: ellipsis
  4729. }
  4730. .van-coupon__amount {
  4731. margin-bottom: 6px;
  4732. font-weight: var(--van-font-bold);
  4733. font-size: var(--van-coupon-amount-font-size);
  4734. overflow: hidden;
  4735. white-space: nowrap;
  4736. text-overflow: ellipsis
  4737. }
  4738. .van-coupon__amount span {
  4739. font-size: var(--van-coupon-currency-font-size)
  4740. }
  4741. .van-coupon__amount span:not(:empty) {
  4742. margin-left: 2px
  4743. }
  4744. .van-coupon__condition {
  4745. font-size: var(--van-font-size-sm);
  4746. line-height: 16px;
  4747. white-space: pre-wrap
  4748. }
  4749. .van-coupon__body {
  4750. position: relative;
  4751. flex: 1
  4752. }
  4753. .van-coupon__name {
  4754. margin-bottom: 10px;
  4755. font-weight: var(--van-font-bold);
  4756. font-size: var(--van-coupon-name-font-size);
  4757. line-height: var(--van-line-height-md)
  4758. }
  4759. .van-coupon__valid {
  4760. font-size: var(--van-font-size-sm)
  4761. }
  4762. .van-coupon__corner {
  4763. position: absolute;
  4764. top: 0;
  4765. right: var(--van-padding-md);
  4766. bottom: 0
  4767. }
  4768. .van-coupon__corner .van-checkbox__icon--checked .van-icon {
  4769. background-color: var(--van-coupon-checkbox-color);
  4770. border-color: var(--van-coupon-checkbox-color)
  4771. }
  4772. .van-coupon__description {
  4773. padding: var(--van-coupon-description-padding);
  4774. font-size: var(--van-font-size-sm);
  4775. border-top: 1px dashed var(--van-coupon-description-border-color)
  4776. }
  4777. .van-coupon--disabled:active {
  4778. background-color: var(--van-coupon-background)
  4779. }
  4780. .van-coupon--disabled .van-coupon-item__content {
  4781. height: calc(var(--van-coupon-content-height) - 10px)
  4782. }
  4783. .van-coupon--disabled .van-coupon__head {
  4784. color: inherit
  4785. }
  4786. :root {
  4787. --van-radio-size: 20px;
  4788. --van-radio-border-color: var(--van-gray-5);
  4789. --van-radio-duration: var(--van-duration-fast);
  4790. --van-radio-label-margin: var(--van-padding-xs);
  4791. --van-radio-label-color: var(--van-text-color);
  4792. --van-radio-checked-icon-color: var(--van-primary-color);
  4793. --van-radio-disabled-icon-color: var(--van-gray-5);
  4794. --van-radio-disabled-label-color: var(--van-text-color-3);
  4795. --van-radio-disabled-background: var(--van-border-color)
  4796. }
  4797. .van-radio {
  4798. display: flex;
  4799. align-items: center;
  4800. overflow: hidden;
  4801. cursor: pointer;
  4802. -webkit-user-select: none;
  4803. user-select: none
  4804. }
  4805. .van-radio--disabled {
  4806. cursor: not-allowed
  4807. }
  4808. .van-radio--label-disabled {
  4809. cursor: default
  4810. }
  4811. .van-radio--horizontal {
  4812. margin-right: var(--van-padding-sm)
  4813. }
  4814. .van-radio__icon {
  4815. flex: none;
  4816. height: 1em;
  4817. font-size: var(--van-radio-size);
  4818. line-height: 1em;
  4819. cursor: pointer
  4820. }
  4821. .van-radio__icon .van-icon {
  4822. display: block;
  4823. box-sizing: border-box;
  4824. width: 1.25em;
  4825. height: 1.25em;
  4826. color: transparent;
  4827. font-size: .8em;
  4828. line-height: 1.25;
  4829. text-align: center;
  4830. border: 1px solid var(--van-radio-border-color);
  4831. transition-duration: var(--van-radio-duration);
  4832. transition-property: color, border-color, background-color
  4833. }
  4834. .van-radio__icon--round .van-icon {
  4835. border-radius: 100%
  4836. }
  4837. .van-radio__icon--checked .van-icon {
  4838. color: var(--van-white);
  4839. background-color: var(--van-radio-checked-icon-color);
  4840. border-color: var(--van-radio-checked-icon-color)
  4841. }
  4842. .van-radio__icon--disabled {
  4843. cursor: not-allowed
  4844. }
  4845. .van-radio__icon--disabled .van-icon {
  4846. background-color: var(--van-radio-disabled-background);
  4847. border-color: var(--van-radio-disabled-icon-color)
  4848. }
  4849. .van-radio__icon--disabled.van-radio__icon--checked .van-icon {
  4850. color: var(--van-radio-disabled-icon-color)
  4851. }
  4852. .van-radio__label {
  4853. margin-left: var(--van-radio-label-margin);
  4854. color: var(--van-radio-label-color);
  4855. line-height: var(--van-radio-size)
  4856. }
  4857. .van-radio__label--left {
  4858. margin: 0 var(--van-radio-label-margin) 0 0
  4859. }
  4860. .van-radio__label--disabled {
  4861. color: var(--van-radio-disabled-label-color)
  4862. }
  4863. :root {
  4864. --van-contact-list-edit-icon-size: 16px;
  4865. --van-contact-list-add-button-z-index: 999;
  4866. --van-contact-list-radio-color: var(--van-primary-color);
  4867. --van-contact-list-item-padding: var(--van-padding-md)
  4868. }
  4869. .van-contact-list {
  4870. box-sizing: border-box;
  4871. height: 100%;
  4872. padding-bottom: 80px
  4873. }
  4874. .van-contact-list__item {
  4875. padding: var(--van-contact-list-item-padding)
  4876. }
  4877. .van-contact-list__item-title {
  4878. display: flex;
  4879. align-items: center;
  4880. padding-right: var(--van-padding-xl);
  4881. padding-left: var(--van-padding-xs)
  4882. }
  4883. .van-contact-list__item-tag {
  4884. flex: none;
  4885. margin-left: var(--van-padding-xs);
  4886. padding-top: 0;
  4887. padding-bottom: 0;
  4888. line-height: 1.4em
  4889. }
  4890. .van-contact-list__group {
  4891. box-sizing: border-box;
  4892. height: 100%;
  4893. overflow-y: scroll;
  4894. -webkit-overflow-scrolling: touch
  4895. }
  4896. .van-contact-list__edit {
  4897. font-size: var(--van-contact-list-edit-icon-size)
  4898. }
  4899. .van-contact-list__radio .van-radio__icon--checked .van-icon {
  4900. background-color: var(--van-contact-list-radio-color);
  4901. border-color: var(--van-contact-list-radio-color)
  4902. }
  4903. .van-contact-list__bottom {
  4904. position: fixed;
  4905. right: 0;
  4906. bottom: 0;
  4907. left: 0;
  4908. z-index: var(--van-contact-list-add-button-z-index);
  4909. padding-left: var(--van-padding-md);
  4910. padding-right: var(--van-padding-md);
  4911. background-color: var(--van-background-2)
  4912. }
  4913. .van-contact-list__add {
  4914. height: 40px;
  4915. margin: 5px 0
  4916. }
  4917. :root {
  4918. --van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;
  4919. --van-address-list-disabled-text-color: var(--van-text-color-2);
  4920. --van-address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0;
  4921. --van-address-list-disabled-text-font-size: var(--van-font-size-md);
  4922. --van-address-list-disabled-text-line-height: var(--van-line-height-md);
  4923. --van-address-list-add-button-z-index: 999;
  4924. --van-address-list-item-padding: var(--van-padding-sm);
  4925. --van-address-list-item-text-color: var(--van-text-color);
  4926. --van-address-list-item-disabled-text-color: var(--van-text-color-3);
  4927. --van-address-list-item-font-size: 13px;
  4928. --van-address-list-item-line-height: var(--van-line-height-sm);
  4929. --van-address-list-radio-color: var(--van-primary-color);
  4930. --van-address-list-edit-icon-size: 20px
  4931. }
  4932. .van-address-list {
  4933. box-sizing: border-box;
  4934. height: 100%;
  4935. padding: var(--van-address-list-padding)
  4936. }
  4937. .van-address-list__bottom {
  4938. position: fixed;
  4939. bottom: 0;
  4940. left: 0;
  4941. z-index: var(--van-address-list-add-button-z-index);
  4942. box-sizing: border-box;
  4943. width: 100%;
  4944. padding-left: var(--van-padding-md);
  4945. padding-right: var(--van-padding-md);
  4946. background-color: var(--van-background-2)
  4947. }
  4948. .van-address-list__add {
  4949. height: 40px;
  4950. margin: 5px 0
  4951. }
  4952. .van-address-list__disabled-text {
  4953. padding: var(--van-address-list-disabled-text-padding);
  4954. color: var(--van-address-list-disabled-text-color);
  4955. font-size: var(--van-address-list-disabled-text-font-size);
  4956. line-height: var(--van-address-list-disabled-text-line-height)
  4957. }
  4958. .van-address-item {
  4959. padding: var(--van-address-list-item-padding);
  4960. background-color: var(--van-background-2);
  4961. border-radius: var(--van-radius-lg)
  4962. }
  4963. .van-address-item:not(:last-child) {
  4964. margin-bottom: var(--van-padding-sm)
  4965. }
  4966. .van-address-item__title {
  4967. padding-right: 44px
  4968. }
  4969. .van-address-item__name {
  4970. display: flex;
  4971. align-items: center;
  4972. margin-bottom: var(--van-padding-xs);
  4973. font-size: var(--van-font-size-lg);
  4974. line-height: var(--van-line-height-lg)
  4975. }
  4976. .van-address-item__tag {
  4977. flex: none;
  4978. margin-left: var(--van-padding-xs);
  4979. padding-top: 0;
  4980. padding-bottom: 0;
  4981. line-height: 1.4em
  4982. }
  4983. .van-address-item__address {
  4984. color: var(--van-address-list-item-text-color);
  4985. font-size: var(--van-address-list-item-font-size);
  4986. line-height: var(--van-address-list-item-line-height)
  4987. }
  4988. .van-address-item--disabled .van-address-item__name,
  4989. .van-address-item--disabled .van-address-item__address {
  4990. color: var(--van-address-list-item-disabled-text-color)
  4991. }
  4992. .van-address-item__edit {
  4993. position: absolute;
  4994. top: 50%;
  4995. right: var(--van-padding-md);
  4996. color: var(--van-gray-6);
  4997. font-size: var(--van-address-list-edit-icon-size);
  4998. transform: translateY(-50%)
  4999. }
  5000. .van-address-item .van-cell {
  5001. padding: 0
  5002. }
  5003. .van-address-item .van-radio__label {
  5004. margin-left: var(--van-padding-sm)
  5005. }
  5006. .van-address-item .van-radio__icon--checked .van-icon {
  5007. background-color: var(--van-address-list-radio-color);
  5008. border-color: var(--van-address-list-radio-color)
  5009. }
  5010. :root {
  5011. --van-cell-group-background: var(--van-background-2);
  5012. --van-cell-group-title-color: var(--van-text-color-2);
  5013. --van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);
  5014. --van-cell-group-title-font-size: var(--van-font-size-md);
  5015. --van-cell-group-title-line-height: 16px;
  5016. --van-cell-group-inset-padding: 0 var(--van-padding-md);
  5017. --van-cell-group-inset-radius: var(--van-radius-lg);
  5018. --van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)
  5019. }
  5020. .van-cell-group {
  5021. background: var(--van-cell-group-background)
  5022. }
  5023. .van-cell-group--inset {
  5024. margin: var(--van-cell-group-inset-padding);
  5025. border-radius: var(--van-cell-group-inset-radius);
  5026. overflow: hidden
  5027. }
  5028. .van-cell-group__title {
  5029. padding: var(--van-cell-group-title-padding);
  5030. color: var(--van-cell-group-title-color);
  5031. font-size: var(--van-cell-group-title-font-size);
  5032. line-height: var(--van-cell-group-title-line-height)
  5033. }
  5034. .van-cell-group__title--inset {
  5035. padding: var(--van-cell-group-inset-title-padding)
  5036. }
  5037. :root {
  5038. --van-circle-size: 100px;
  5039. --van-circle-color: var(--van-primary-color);
  5040. --van-circle-layer-color: var(--van-white);
  5041. --van-circle-text-color: var(--van-text-color);
  5042. --van-circle-text-font-weight: var(--van-font-bold);
  5043. --van-circle-text-font-size: var(--van-font-size-md);
  5044. --van-circle-text-line-height: var(--van-line-height-md)
  5045. }
  5046. .van-circle {
  5047. position: relative;
  5048. display: inline-block;
  5049. width: var(--van-circle-size);
  5050. height: var(--van-circle-size);
  5051. text-align: center
  5052. }
  5053. .van-circle svg {
  5054. position: absolute;
  5055. top: 0;
  5056. left: 0;
  5057. width: 100%;
  5058. height: 100%
  5059. }
  5060. .van-circle__layer {
  5061. stroke: var(--van-circle-layer-color)
  5062. }
  5063. .van-circle__hover {
  5064. fill: none;
  5065. stroke: var(--van-circle-color);
  5066. stroke-linecap: round
  5067. }
  5068. .van-circle__text {
  5069. position: absolute;
  5070. top: 50%;
  5071. left: 0;
  5072. box-sizing: border-box;
  5073. width: 100%;
  5074. padding: 0 var(--van-padding-base);
  5075. color: var(--van-circle-text-color);
  5076. font-weight: var(--van-circle-text-font-weight);
  5077. font-size: var(--van-circle-text-font-size);
  5078. line-height: var(--van-circle-text-line-height);
  5079. transform: translateY(-50%)
  5080. }
  5081. .van-row {
  5082. display: flex;
  5083. flex-wrap: wrap
  5084. }
  5085. .van-row--nowrap {
  5086. flex-wrap: nowrap
  5087. }
  5088. .van-row--justify-center {
  5089. justify-content: center
  5090. }
  5091. .van-row--justify-end {
  5092. justify-content: flex-end
  5093. }
  5094. .van-row--justify-space-between {
  5095. justify-content: space-between
  5096. }
  5097. .van-row--justify-space-around {
  5098. justify-content: space-around
  5099. }
  5100. .van-row--align-center {
  5101. align-items: center
  5102. }
  5103. .van-row--align-bottom {
  5104. align-items: flex-end
  5105. }
  5106. .van-col {
  5107. display: block;
  5108. box-sizing: border-box;
  5109. min-height: 1px
  5110. }
  5111. .van-col--1 {
  5112. flex: 0 0 4.16666667%;
  5113. max-width: 4.16666667%
  5114. }
  5115. .van-col--offset-1 {
  5116. margin-left: 4.16666667%
  5117. }
  5118. .van-col--2 {
  5119. flex: 0 0 8.33333333%;
  5120. max-width: 8.33333333%
  5121. }
  5122. .van-col--offset-2 {
  5123. margin-left: 8.33333333%
  5124. }
  5125. .van-col--3 {
  5126. flex: 0 0 12.5%;
  5127. max-width: 12.5%
  5128. }
  5129. .van-col--offset-3 {
  5130. margin-left: 12.5%
  5131. }
  5132. .van-col--4 {
  5133. flex: 0 0 16.66666667%;
  5134. max-width: 16.66666667%
  5135. }
  5136. .van-col--offset-4 {
  5137. margin-left: 16.66666667%
  5138. }
  5139. .van-col--5 {
  5140. flex: 0 0 20.83333333%;
  5141. max-width: 20.83333333%
  5142. }
  5143. .van-col--offset-5 {
  5144. margin-left: 20.83333333%
  5145. }
  5146. .van-col--6 {
  5147. flex: 0 0 25%;
  5148. max-width: 25%
  5149. }
  5150. .van-col--offset-6 {
  5151. margin-left: 25%
  5152. }
  5153. .van-col--7 {
  5154. flex: 0 0 29.16666667%;
  5155. max-width: 29.16666667%
  5156. }
  5157. .van-col--offset-7 {
  5158. margin-left: 29.16666667%
  5159. }
  5160. .van-col--8 {
  5161. flex: 0 0 33.33333333%;
  5162. max-width: 33.33333333%
  5163. }
  5164. .van-col--offset-8 {
  5165. margin-left: 33.33333333%
  5166. }
  5167. .van-col--9 {
  5168. flex: 0 0 37.5%;
  5169. max-width: 37.5%
  5170. }
  5171. .van-col--offset-9 {
  5172. margin-left: 37.5%
  5173. }
  5174. .van-col--10 {
  5175. flex: 0 0 41.66666667%;
  5176. max-width: 41.66666667%
  5177. }
  5178. .van-col--offset-10 {
  5179. margin-left: 41.66666667%
  5180. }
  5181. .van-col--11 {
  5182. flex: 0 0 45.83333333%;
  5183. max-width: 45.83333333%
  5184. }
  5185. .van-col--offset-11 {
  5186. margin-left: 45.83333333%
  5187. }
  5188. .van-col--12 {
  5189. flex: 0 0 50%;
  5190. max-width: 50%
  5191. }
  5192. .van-col--offset-12 {
  5193. margin-left: 50%
  5194. }
  5195. .van-col--13 {
  5196. flex: 0 0 54.16666667%;
  5197. max-width: 54.16666667%
  5198. }
  5199. .van-col--offset-13 {
  5200. margin-left: 54.16666667%
  5201. }
  5202. .van-col--14 {
  5203. flex: 0 0 58.33333333%;
  5204. max-width: 58.33333333%
  5205. }
  5206. .van-col--offset-14 {
  5207. margin-left: 58.33333333%
  5208. }
  5209. .van-col--15 {
  5210. flex: 0 0 62.5%;
  5211. max-width: 62.5%
  5212. }
  5213. .van-col--offset-15 {
  5214. margin-left: 62.5%
  5215. }
  5216. .van-col--16 {
  5217. flex: 0 0 66.66666667%;
  5218. max-width: 66.66666667%
  5219. }
  5220. .van-col--offset-16 {
  5221. margin-left: 66.66666667%
  5222. }
  5223. .van-col--17 {
  5224. flex: 0 0 70.83333333%;
  5225. max-width: 70.83333333%
  5226. }
  5227. .van-col--offset-17 {
  5228. margin-left: 70.83333333%
  5229. }
  5230. .van-col--18 {
  5231. flex: 0 0 75%;
  5232. max-width: 75%
  5233. }
  5234. .van-col--offset-18 {
  5235. margin-left: 75%
  5236. }
  5237. .van-col--19 {
  5238. flex: 0 0 79.16666667%;
  5239. max-width: 79.16666667%
  5240. }
  5241. .van-col--offset-19 {
  5242. margin-left: 79.16666667%
  5243. }
  5244. .van-col--20 {
  5245. flex: 0 0 83.33333333%;
  5246. max-width: 83.33333333%
  5247. }
  5248. .van-col--offset-20 {
  5249. margin-left: 83.33333333%
  5250. }
  5251. .van-col--21 {
  5252. flex: 0 0 87.5%;
  5253. max-width: 87.5%
  5254. }
  5255. .van-col--offset-21 {
  5256. margin-left: 87.5%
  5257. }
  5258. .van-col--22 {
  5259. flex: 0 0 91.66666667%;
  5260. max-width: 91.66666667%
  5261. }
  5262. .van-col--offset-22 {
  5263. margin-left: 91.66666667%
  5264. }
  5265. .van-col--23 {
  5266. flex: 0 0 95.83333333%;
  5267. max-width: 95.83333333%
  5268. }
  5269. .van-col--offset-23 {
  5270. margin-left: 95.83333333%
  5271. }
  5272. .van-col--24 {
  5273. flex: 0 0 100%;
  5274. max-width: 100%
  5275. }
  5276. .van-col--offset-24 {
  5277. margin-left: 100%
  5278. }
  5279. :root {
  5280. --van-count-down-text-color: var(--van-text-color);
  5281. --van-count-down-font-size: var(--van-font-size-md);
  5282. --van-count-down-line-height: var(--van-line-height-md)
  5283. }
  5284. .van-count-down {
  5285. color: var(--van-count-down-text-color);
  5286. font-size: var(--van-count-down-font-size);
  5287. line-height: var(--van-count-down-line-height)
  5288. }
  5289. :root {
  5290. --van-empty-padding: var(--van-padding-xl) 0;
  5291. --van-empty-image-size: 160px;
  5292. --van-empty-description-margin-top: var(--van-padding-md);
  5293. --van-empty-description-padding: 0 60px;
  5294. --van-empty-description-color: var(--van-text-color-2);
  5295. --van-empty-description-font-size: var(--van-font-size-md);
  5296. --van-empty-description-line-height: var(--van-line-height-md);
  5297. --van-empty-bottom-margin-top: 24px
  5298. }
  5299. .van-empty {
  5300. display: flex;
  5301. flex-direction: column;
  5302. align-items: center;
  5303. justify-content: center;
  5304. box-sizing: border-box;
  5305. padding: var(--van-empty-padding)
  5306. }
  5307. .van-empty__image {
  5308. width: var(--van-empty-image-size);
  5309. height: var(--van-empty-image-size)
  5310. }
  5311. .van-empty__image img {
  5312. width: 100%;
  5313. height: 100%
  5314. }
  5315. .van-empty__description {
  5316. margin-top: var(--van-empty-description-margin-top);
  5317. padding: var(--van-empty-description-padding);
  5318. color: var(--van-empty-description-color);
  5319. font-size: var(--van-empty-description-font-size);
  5320. line-height: var(--van-empty-description-line-height)
  5321. }
  5322. .van-empty__bottom {
  5323. margin-top: var(--van-empty-bottom-margin-top)
  5324. }
  5325. .van-theme-dark .van-empty {
  5326. opacity: .5
  5327. }
  5328. :root {
  5329. --van-coupon-list-background: var(--van-background);
  5330. --van-coupon-list-field-padding: 5px 0 5px var(--van-padding-md);
  5331. --van-coupon-list-exchange-button-height: 32px;
  5332. --van-coupon-list-close-button-height: 40px;
  5333. --van-coupon-list-empty-tip-color: var(--van-text-color-2);
  5334. --van-coupon-list-empty-tip-font-size: var(--van-font-size-md);
  5335. --van-coupon-list-empty-tip-line-height: var(--van-line-height-md)
  5336. }
  5337. .van-coupon-list {
  5338. position: relative;
  5339. height: 100%;
  5340. background: var(--van-coupon-list-background)
  5341. }
  5342. .van-coupon-list__field {
  5343. padding: var(--van-coupon-list-field-padding)
  5344. }
  5345. .van-coupon-list__field .van-field__body {
  5346. height: 34px;
  5347. padding-left: var(--van-padding-sm);
  5348. line-height: 34px;
  5349. background: var(--van-background);
  5350. border-radius: var(--van-radius-max)
  5351. }
  5352. .van-coupon-list__field .van-field__body::-webkit-input-placeholder {
  5353. color: var(--van-text-color-3)
  5354. }
  5355. .van-coupon-list__field .van-field__body::placeholder {
  5356. color: var(--van-text-color-3)
  5357. }
  5358. .van-coupon-list__field .van-field__clear {
  5359. margin-right: 0
  5360. }
  5361. .van-coupon-list__exchange-bar {
  5362. display: flex;
  5363. align-items: center;
  5364. background-color: var(--van-background-2)
  5365. }
  5366. .van-coupon-list__exchange {
  5367. flex: none;
  5368. height: var(--van-coupon-list-exchange-button-height);
  5369. font-size: var(--van-font-size-lg);
  5370. line-height: calc(var(--van-coupon-list-exchange-button-height) - 2px);
  5371. border: 0
  5372. }
  5373. .van-coupon-list .van-tabs__wrap {
  5374. box-shadow: 0 6px 12px -12px var(--van-gray-6)
  5375. }
  5376. .van-coupon-list__list {
  5377. box-sizing: border-box;
  5378. padding: var(--van-padding-md) 0 var(--van-padding-lg);
  5379. overflow-y: auto;
  5380. -webkit-overflow-scrolling: touch
  5381. }
  5382. .van-coupon-list__list--with-bottom {
  5383. padding-bottom: 50px
  5384. }
  5385. .van-coupon-list__bottom {
  5386. position: absolute;
  5387. bottom: 0;
  5388. left: 0;
  5389. z-index: 999;
  5390. box-sizing: border-box;
  5391. width: 100%;
  5392. padding: 5px var(--van-padding-md);
  5393. font-weight: var(--van-font-bold);
  5394. background-color: var(--van-background-2)
  5395. }
  5396. .van-coupon-list__close {
  5397. height: var(--van-coupon-list-close-button-height)
  5398. }
  5399. .van-coupon-list__empty-tip {
  5400. color: var(--van-coupon-list-empty-tip-color);
  5401. font-size: var(--van-coupon-list-empty-tip-font-size);
  5402. line-height: var(--van-coupon-list-empty-tip-line-height)
  5403. }
  5404. :root {
  5405. --van-divider-margin: var(--van-padding-md) 0;
  5406. --van-divider-text-color: var(--van-text-color-2);
  5407. --van-divider-font-size: var(--van-font-size-md);
  5408. --van-divider-line-height: 24px;
  5409. --van-divider-border-color: var(--van-border-color);
  5410. --van-divider-content-padding: var(--van-padding-md);
  5411. --van-divider-content-left-width: 10%;
  5412. --van-divider-content-right-width: 10%
  5413. }
  5414. .van-divider {
  5415. display: flex;
  5416. align-items: center;
  5417. margin: var(--van-divider-margin);
  5418. color: var(--van-divider-text-color);
  5419. font-size: var(--van-divider-font-size);
  5420. line-height: var(--van-divider-line-height);
  5421. border-color: var(--van-divider-border-color);
  5422. border-style: solid;
  5423. border-width: 0
  5424. }
  5425. .van-divider:before,
  5426. .van-divider:after {
  5427. display: block;
  5428. flex: 1;
  5429. box-sizing: border-box;
  5430. height: 1px;
  5431. border-color: inherit;
  5432. border-style: inherit;
  5433. border-width: var(--van-border-width) 0 0
  5434. }
  5435. .van-divider:before {
  5436. content: ""
  5437. }
  5438. .van-divider--hairline:before,
  5439. .van-divider--hairline:after {
  5440. transform: scaleY(.5)
  5441. }
  5442. .van-divider--dashed {
  5443. border-style: dashed
  5444. }
  5445. .van-divider--content-center:before,
  5446. .van-divider--content-left:before,
  5447. .van-divider--content-right:before {
  5448. margin-right: var(--van-divider-content-padding)
  5449. }
  5450. .van-divider--content-center:after,
  5451. .van-divider--content-left:after,
  5452. .van-divider--content-right:after {
  5453. margin-left: var(--van-divider-content-padding);
  5454. content: ""
  5455. }
  5456. .van-divider--content-left:before {
  5457. max-width: var(--van-divider-content-left-width)
  5458. }
  5459. .van-divider--content-right:after {
  5460. max-width: var(--van-divider-content-right-width)
  5461. }
  5462. :root {
  5463. --van-dropdown-menu-height: 48px;
  5464. --van-dropdown-menu-background: var(--van-background-2);
  5465. --van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);
  5466. --van-dropdown-menu-title-font-size: 15px;
  5467. --van-dropdown-menu-title-text-color: var(--van-text-color);
  5468. --van-dropdown-menu-title-active-text-color: var(--van-primary-color);
  5469. --van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);
  5470. --van-dropdown-menu-title-padding: 0 var(--van-padding-xs);
  5471. --van-dropdown-menu-title-line-height: var(--van-line-height-lg);
  5472. --van-dropdown-menu-option-active-color: var(--van-primary-color);
  5473. --van-dropdown-menu-content-max-height: 80%
  5474. }
  5475. .van-dropdown-menu {
  5476. -webkit-user-select: none;
  5477. user-select: none
  5478. }
  5479. .van-dropdown-menu__bar {
  5480. position: relative;
  5481. display: flex;
  5482. height: var(--van-dropdown-menu-height);
  5483. background: var(--van-dropdown-menu-background);
  5484. box-shadow: var(--van-dropdown-menu-shadow)
  5485. }
  5486. .van-dropdown-menu__bar--opened {
  5487. z-index: calc(var(--van-dropdown-item-z-index) + 1)
  5488. }
  5489. .van-dropdown-menu__item {
  5490. display: flex;
  5491. flex: 1;
  5492. align-items: center;
  5493. justify-content: center;
  5494. min-width: 0
  5495. }
  5496. .van-dropdown-menu__item--disabled .van-dropdown-menu__title {
  5497. color: var(--van-dropdown-menu-title-disabled-text-color)
  5498. }
  5499. .van-dropdown-menu__title {
  5500. position: relative;
  5501. box-sizing: border-box;
  5502. max-width: 100%;
  5503. padding: var(--van-dropdown-menu-title-padding);
  5504. color: var(--van-dropdown-menu-title-text-color);
  5505. font-size: var(--van-dropdown-menu-title-font-size);
  5506. line-height: var(--van-dropdown-menu-title-line-height)
  5507. }
  5508. .van-dropdown-menu__title:after {
  5509. position: absolute;
  5510. top: 50%;
  5511. right: -4px;
  5512. margin-top: -5px;
  5513. border: 3px solid;
  5514. border-color: transparent transparent var(--van-gray-4) var(--van-gray-4);
  5515. transform: rotate(-45deg);
  5516. opacity: .8;
  5517. content: ""
  5518. }
  5519. .van-dropdown-menu__title--active {
  5520. color: var(--van-dropdown-menu-title-active-text-color)
  5521. }
  5522. .van-dropdown-menu__title--active:after {
  5523. border-color: transparent transparent currentColor currentColor
  5524. }
  5525. .van-dropdown-menu__title--down:after {
  5526. margin-top: -1px;
  5527. transform: rotate(135deg)
  5528. }
  5529. :root {
  5530. --van-dropdown-item-z-index: 10
  5531. }
  5532. .van-dropdown-item {
  5533. position: fixed;
  5534. right: 0;
  5535. left: 0;
  5536. z-index: var(--van-dropdown-item-z-index);
  5537. overflow: hidden
  5538. }
  5539. .van-dropdown-item__icon {
  5540. display: block;
  5541. line-height: inherit
  5542. }
  5543. .van-dropdown-item__option {
  5544. text-align: left
  5545. }
  5546. .van-dropdown-item__option--active,
  5547. .van-dropdown-item__option--active .van-dropdown-item__icon {
  5548. color: var(--van-dropdown-menu-option-active-color)
  5549. }
  5550. .van-dropdown-item--up {
  5551. top: 0
  5552. }
  5553. .van-dropdown-item--down {
  5554. bottom: 0
  5555. }
  5556. .van-dropdown-item__content {
  5557. position: absolute;
  5558. max-height: var(--van-dropdown-menu-content-max-height)
  5559. }
  5560. .van-grid {
  5561. display: flex;
  5562. flex-wrap: wrap
  5563. }
  5564. :root {
  5565. --van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);
  5566. --van-grid-item-content-background: var(--van-background-2);
  5567. --van-grid-item-content-active-color: var(--van-active-color);
  5568. --van-grid-item-icon-size: 28px;
  5569. --van-grid-item-text-color: var(--van-text-color);
  5570. --van-grid-item-text-font-size: var(--van-font-size-sm)
  5571. }
  5572. .van-grid-item {
  5573. position: relative;
  5574. box-sizing: border-box
  5575. }
  5576. .van-grid-item--square {
  5577. height: 0
  5578. }
  5579. .van-grid-item__icon {
  5580. font-size: var(--van-grid-item-icon-size)
  5581. }
  5582. .van-grid-item__text {
  5583. color: var(--van-grid-item-text-color);
  5584. font-size: var(--van-grid-item-text-font-size);
  5585. line-height: 1.5;
  5586. word-break: break-all
  5587. }
  5588. .van-grid-item__icon+.van-grid-item__text {
  5589. margin-top: var(--van-padding-xs)
  5590. }
  5591. .van-grid-item__content {
  5592. display: flex;
  5593. flex-direction: column;
  5594. box-sizing: border-box;
  5595. height: 100%;
  5596. padding: var(--van-grid-item-content-padding);
  5597. background: var(--van-grid-item-content-background)
  5598. }
  5599. .van-grid-item__content:after {
  5600. z-index: 1;
  5601. border-width: 0 var(--van-border-width) var(--van-border-width) 0
  5602. }
  5603. .van-grid-item__content--square {
  5604. position: absolute;
  5605. top: 0;
  5606. right: 0;
  5607. left: 0
  5608. }
  5609. .van-grid-item__content--center {
  5610. align-items: center;
  5611. justify-content: center
  5612. }
  5613. .van-grid-item__content--horizontal {
  5614. flex-direction: row
  5615. }
  5616. .van-grid-item__content--horizontal .van-grid-item__text {
  5617. margin: 0 0 0 var(--van-padding-xs)
  5618. }
  5619. .van-grid-item__content--reverse {
  5620. flex-direction: column-reverse
  5621. }
  5622. .van-grid-item__content--reverse .van-grid-item__text {
  5623. margin: 0 0 var(--van-padding-xs)
  5624. }
  5625. .van-grid-item__content--horizontal.van-grid-item__content--reverse {
  5626. flex-direction: row-reverse
  5627. }
  5628. .van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text {
  5629. margin: 0 var(--van-padding-xs) 0 0
  5630. }
  5631. .van-grid-item__content--surround:after {
  5632. border-width: var(--van-border-width)
  5633. }
  5634. .van-grid-item__content--clickable {
  5635. cursor: pointer
  5636. }
  5637. .van-grid-item__content--clickable:active {
  5638. background-color: var(--van-grid-item-content-active-color)
  5639. }
  5640. :root {
  5641. --van-index-bar-sidebar-z-index: 2;
  5642. --van-index-bar-index-font-size: var(--van-font-size-xs);
  5643. --van-index-bar-index-line-height: var(--van-line-height-xs);
  5644. --van-index-bar-index-active-color: var(--van-primary-color)
  5645. }
  5646. .van-index-bar__sidebar {
  5647. position: fixed;
  5648. top: 50%;
  5649. right: 0;
  5650. z-index: var(--van-index-bar-sidebar-z-index);
  5651. display: flex;
  5652. flex-direction: column;
  5653. text-align: center;
  5654. transform: translateY(-50%);
  5655. cursor: pointer;
  5656. -webkit-user-select: none;
  5657. user-select: none
  5658. }
  5659. .van-index-bar__index {
  5660. padding: 0 var(--van-padding-xs) 0 var(--van-padding-md);
  5661. font-weight: var(--van-font-bold);
  5662. font-size: var(--van-index-bar-index-font-size);
  5663. line-height: var(--van-index-bar-index-line-height)
  5664. }
  5665. .van-index-bar__index--active {
  5666. color: var(--van-index-bar-index-active-color);
  5667. font-weight: 700
  5668. }
  5669. :root {
  5670. --van-index-anchor-z-index: 1;
  5671. --van-index-anchor-padding: 0 var(--van-padding-md);
  5672. --van-index-anchor-text-color: var(--van-text-color);
  5673. --van-index-anchor-font-weight: var(--van-font-bold);
  5674. --van-index-anchor-font-size: var(--van-font-size-md);
  5675. --van-index-anchor-line-height: 32px;
  5676. --van-index-anchor-background: transparent;
  5677. --van-index-anchor-sticky-text-color: var(--van-primary-color);
  5678. --van-index-anchor-sticky-background: var(--van-background-2)
  5679. }
  5680. .van-index-anchor {
  5681. z-index: var(--van-index-anchor-z-index);
  5682. box-sizing: border-box;
  5683. padding: var(--van-index-anchor-padding);
  5684. color: var(--van-index-anchor-text-color);
  5685. font-weight: var(--van-index-anchor-font-weight);
  5686. font-size: var(--van-index-anchor-font-size);
  5687. line-height: var(--van-index-anchor-line-height);
  5688. background: var(--van-index-anchor-background)
  5689. }
  5690. .van-index-anchor--sticky {
  5691. position: fixed;
  5692. top: 0;
  5693. right: 0;
  5694. left: 0;
  5695. color: var(--van-index-anchor-sticky-text-color);
  5696. background: var(--van-index-anchor-sticky-background)
  5697. }
  5698. :root {
  5699. --van-pagination-height: 40px;
  5700. --van-pagination-font-size: var(--van-font-size-md);
  5701. --van-pagination-item-width: 36px;
  5702. --van-pagination-item-default-color: var(--van-primary-color);
  5703. --van-pagination-item-disabled-color: var(--van-gray-7);
  5704. --van-pagination-item-disabled-background: var(--van-background);
  5705. --van-pagination-background: var(--van-background-2);
  5706. --van-pagination-desc-color: var(--van-gray-7);
  5707. --van-pagination-disabled-opacity: var(--van-disabled-opacity)
  5708. }
  5709. .van-pagination {
  5710. font-size: var(--van-pagination-font-size)
  5711. }
  5712. .van-pagination__items {
  5713. display: flex
  5714. }
  5715. .van-pagination__item,
  5716. .van-pagination__page-desc {
  5717. display: flex;
  5718. align-items: center;
  5719. justify-content: center
  5720. }
  5721. .van-pagination__item {
  5722. flex: 1;
  5723. box-sizing: border-box;
  5724. min-width: var(--van-pagination-item-width);
  5725. height: var(--van-pagination-height);
  5726. color: var(--van-pagination-item-default-color);
  5727. background: var(--van-pagination-background);
  5728. cursor: pointer;
  5729. -webkit-user-select: none;
  5730. user-select: none
  5731. }
  5732. .van-pagination__item button {
  5733. flex: 1;
  5734. height: 100%;
  5735. border: none;
  5736. padding: 0;
  5737. background: transparent
  5738. }
  5739. .van-pagination__item button[disabled] {
  5740. cursor: not-allowed
  5741. }
  5742. .van-pagination__item:active {
  5743. color: var(--van-white);
  5744. background-color: var(--van-pagination-item-default-color)
  5745. }
  5746. .van-pagination__item:not(:last-child):after {
  5747. border-right-width: 0
  5748. }
  5749. .van-pagination__item--active {
  5750. color: var(--van-white);
  5751. background-color: var(--van-pagination-item-default-color)
  5752. }
  5753. .van-pagination__item--page {
  5754. flex-grow: 0
  5755. }
  5756. .van-pagination__item--prev,
  5757. .van-pagination__item--next {
  5758. padding: 0 var(--van-padding-base);
  5759. cursor: pointer
  5760. }
  5761. .van-pagination__item--border:after {
  5762. border-width: var(--van-border-width)
  5763. }
  5764. .van-pagination__item--disabled {
  5765. color: var(--van-pagination-item-disabled-color);
  5766. background-color: var(--van-pagination-item-disabled-background);
  5767. opacity: var(--van-pagination-disabled-opacity)
  5768. }
  5769. .van-pagination__page-desc {
  5770. flex: 1;
  5771. height: var(--van-pagination-height);
  5772. color: var(--van-pagination-desc-color)
  5773. }
  5774. :root {
  5775. --van-password-input-height: 50px;
  5776. --van-password-input-margin: 0 var(--van-padding-md);
  5777. --van-password-input-font-size: 20px;
  5778. --van-password-input-radius: 6px;
  5779. --van-password-input-background: var(--van-background-2);
  5780. --van-password-input-info-color: var(--van-text-color-2);
  5781. --van-password-input-info-font-size: var(--van-font-size-md);
  5782. --van-password-input-error-info-color: var(--van-danger-color);
  5783. --van-password-input-dot-size: 10px;
  5784. --van-password-input-dot-color: var(--van-text-color);
  5785. --van-password-input-text-color: var(--van-text-color);
  5786. --van-password-input-cursor-color: var(--van-text-color);
  5787. --van-password-input-cursor-width: 1px;
  5788. --van-password-input-cursor-height: 40%;
  5789. --van-password-input-cursor-duration: 1s
  5790. }
  5791. .van-password-input {
  5792. position: relative;
  5793. margin: var(--van-password-input-margin);
  5794. -webkit-user-select: none;
  5795. user-select: none
  5796. }
  5797. .van-password-input__info,
  5798. .van-password-input__error-info {
  5799. margin-top: var(--van-padding-md);
  5800. font-size: var(--van-password-input-info-font-size);
  5801. text-align: center
  5802. }
  5803. .van-password-input__info {
  5804. color: var(--van-password-input-info-color)
  5805. }
  5806. .van-password-input__error-info {
  5807. color: var(--van-password-input-error-info-color)
  5808. }
  5809. .van-password-input__security {
  5810. display: flex;
  5811. width: 100%;
  5812. height: var(--van-password-input-height);
  5813. cursor: pointer
  5814. }
  5815. .van-password-input__security:after {
  5816. border-radius: var(--van-password-input-radius)
  5817. }
  5818. .van-password-input__security li {
  5819. position: relative;
  5820. display: flex;
  5821. flex: 1;
  5822. align-items: center;
  5823. justify-content: center;
  5824. height: 100%;
  5825. color: var(--van-password-input-text-color);
  5826. font-size: var(--van-password-input-font-size);
  5827. line-height: 1.2;
  5828. background: var(--van-password-input-background)
  5829. }
  5830. .van-password-input__security i {
  5831. position: absolute;
  5832. top: 50%;
  5833. left: 50%;
  5834. width: var(--van-password-input-dot-size);
  5835. height: var(--van-password-input-dot-size);
  5836. background: var(--van-password-input-dot-color);
  5837. border-radius: 100%;
  5838. transform: translate(-50%, -50%);
  5839. visibility: hidden
  5840. }
  5841. .van-password-input__cursor {
  5842. position: absolute;
  5843. top: 50%;
  5844. left: 50%;
  5845. width: var(--van-password-input-cursor-width);
  5846. height: var(--van-password-input-cursor-height);
  5847. background: var(--van-password-input-cursor-color);
  5848. transform: translate(-50%, -50%);
  5849. animation: var(--van-password-input-cursor-duration) van-cursor-flicker infinite
  5850. }
  5851. @keyframes van-cursor-flicker {
  5852. 0% {
  5853. opacity: 0
  5854. }
  5855. 50% {
  5856. opacity: 1
  5857. }
  5858. to {
  5859. opacity: 0
  5860. }
  5861. }
  5862. :root {
  5863. --van-progress-height: 4px;
  5864. --van-progress-color: var(--van-primary-color);
  5865. --van-progress-inactive-color: var(--van-gray-5);
  5866. --van-progress-background: var(--van-gray-3);
  5867. --van-progress-pivot-padding: 0 5px;
  5868. --van-progress-pivot-text-color: var(--van-white);
  5869. --van-progress-pivot-font-size: var(--van-font-size-xs);
  5870. --van-progress-pivot-line-height: 1.6;
  5871. --van-progress-pivot-background: var(--van-primary-color)
  5872. }
  5873. .van-progress {
  5874. position: relative;
  5875. height: var(--van-progress-height);
  5876. background: var(--van-progress-background);
  5877. border-radius: var(--van-progress-height)
  5878. }
  5879. .van-progress__portion {
  5880. position: absolute;
  5881. left: 0;
  5882. width: 100%;
  5883. height: 100%;
  5884. background: var(--van-progress-color);
  5885. border-radius: inherit;
  5886. transform-origin: 0;
  5887. transition: all var(--van-duration-base) var(--van-ease-out)
  5888. }
  5889. .van-progress__portion--inactive {
  5890. background: var(--van-progress-inactive-color)
  5891. }
  5892. .van-progress__pivot {
  5893. position: absolute;
  5894. top: 50%;
  5895. box-sizing: border-box;
  5896. min-width: 3.6em;
  5897. padding: var(--van-progress-pivot-padding);
  5898. color: var(--van-progress-pivot-text-color);
  5899. font-size: var(--van-progress-pivot-font-size);
  5900. line-height: var(--van-progress-pivot-line-height);
  5901. text-align: center;
  5902. word-break: keep-all;
  5903. background: var(--van-progress-pivot-background);
  5904. border-radius: 1em;
  5905. transition: all var(--van-duration-base) var(--van-ease-out)
  5906. }
  5907. .van-progress__pivot--inactive {
  5908. background: var(--van-progress-inactive-color)
  5909. }
  5910. :root {
  5911. --van-sidebar-width: 80px
  5912. }
  5913. .van-sidebar {
  5914. width: var(--van-sidebar-width);
  5915. overflow-y: auto;
  5916. -webkit-overflow-scrolling: touch
  5917. }
  5918. :root {
  5919. --van-sidebar-font-size: var(--van-font-size-md);
  5920. --van-sidebar-line-height: var(--van-line-height-md);
  5921. --van-sidebar-text-color: var(--van-text-color);
  5922. --van-sidebar-disabled-text-color: var(--van-text-color-3);
  5923. --van-sidebar-padding: 20px var(--van-padding-sm);
  5924. --van-sidebar-active-color: var(--van-active-color);
  5925. --van-sidebar-background: var(--van-background);
  5926. --van-sidebar-selected-font-weight: var(--van-font-bold);
  5927. --van-sidebar-selected-text-color: var(--van-text-color);
  5928. --van-sidebar-selected-border-width: 4px;
  5929. --van-sidebar-selected-border-height: 16px;
  5930. --van-sidebar-selected-border-color: var(--van-primary-color);
  5931. --van-sidebar-selected-background: var(--van-background-2)
  5932. }
  5933. .van-sidebar-item {
  5934. position: relative;
  5935. display: block;
  5936. box-sizing: border-box;
  5937. padding: var(--van-sidebar-padding);
  5938. overflow: hidden;
  5939. color: var(--van-sidebar-text-color);
  5940. font-size: var(--van-sidebar-font-size);
  5941. line-height: var(--van-sidebar-line-height);
  5942. background: var(--van-sidebar-background);
  5943. cursor: pointer;
  5944. -webkit-user-select: none;
  5945. user-select: none
  5946. }
  5947. .van-sidebar-item:active {
  5948. background-color: var(--van-sidebar-active-color)
  5949. }
  5950. .van-sidebar-item:not(:last-child):after {
  5951. border-bottom-width: 1px
  5952. }
  5953. .van-sidebar-item__text {
  5954. word-break: break-all
  5955. }
  5956. .van-sidebar-item--select {
  5957. color: var(--van-sidebar-selected-text-color);
  5958. font-weight: var(--van-sidebar-selected-font-weight)
  5959. }
  5960. .van-sidebar-item--select,
  5961. .van-sidebar-item--select:active {
  5962. background-color: var(--van-sidebar-selected-background)
  5963. }
  5964. .van-sidebar-item--select:before {
  5965. position: absolute;
  5966. top: 50%;
  5967. left: 0;
  5968. width: var(--van-sidebar-selected-border-width);
  5969. height: var(--van-sidebar-selected-border-height);
  5970. background-color: var(--van-sidebar-selected-border-color);
  5971. transform: translateY(-50%);
  5972. content: ""
  5973. }
  5974. .van-sidebar-item--disabled {
  5975. color: var(--van-sidebar-disabled-text-color);
  5976. cursor: not-allowed
  5977. }
  5978. .van-sidebar-item--disabled:active {
  5979. background-color: var(--van-sidebar-background)
  5980. }
  5981. :root {
  5982. --van-tree-select-font-size: var(--van-font-size-md);
  5983. --van-tree-select-nav-background: var(--van-background);
  5984. --van-tree-select-content-background: var(--van-background-2);
  5985. --van-tree-select-nav-item-padding: 14px var(--van-padding-sm);
  5986. --van-tree-select-item-height: 48px;
  5987. --van-tree-select-item-active-color: var(--van-primary-color);
  5988. --van-tree-select-item-disabled-color: var(--van-gray-5);
  5989. --van-tree-select-item-selected-size: 16px
  5990. }
  5991. .van-tree-select {
  5992. position: relative;
  5993. display: flex;
  5994. font-size: var(--van-tree-select-font-size)
  5995. }
  5996. .van-tree-select__nav {
  5997. flex: 1;
  5998. overflow-y: auto;
  5999. background: var(--van-tree-select-nav-background);
  6000. -webkit-overflow-scrolling: touch
  6001. }
  6002. .van-tree-select__nav-item {
  6003. padding: var(--van-tree-select-nav-item-padding)
  6004. }
  6005. .van-tree-select__content {
  6006. flex: 2;
  6007. overflow-y: auto;
  6008. background: var(--van-tree-select-content-background);
  6009. -webkit-overflow-scrolling: touch
  6010. }
  6011. .van-tree-select__item {
  6012. position: relative;
  6013. padding: 0 32px 0 var(--van-padding-md);
  6014. font-weight: var(--van-font-bold);
  6015. line-height: var(--van-tree-select-item-height);
  6016. -webkit-user-select: none;
  6017. user-select: none;
  6018. cursor: pointer
  6019. }
  6020. .van-tree-select__item--active {
  6021. color: var(--van-tree-select-item-active-color)
  6022. }
  6023. .van-tree-select__item:active {
  6024. background-color: var(--van-active-color)
  6025. }
  6026. .van-tree-select__item--disabled {
  6027. color: var(--van-tree-select-item-disabled-color);
  6028. cursor: not-allowed
  6029. }
  6030. .van-tree-select__item--disabled:active {
  6031. background-color: transparent
  6032. }
  6033. .van-tree-select__selected {
  6034. position: absolute;
  6035. top: 50%;
  6036. right: var(--van-padding-md);
  6037. margin-top: calc(var(--van-padding-xs) * -1);
  6038. font-size: var(--van-tree-select-item-selected-size)
  6039. }
  6040. :root {
  6041. --van-slider-active-background: var(--van-primary-color);
  6042. --van-slider-inactive-background: var(--van-gray-3);
  6043. --van-slider-disabled-opacity: var(--van-disabled-opacity);
  6044. --van-slider-bar-height: 2px;
  6045. --van-slider-button-width: 24px;
  6046. --van-slider-button-height: 24px;
  6047. --van-slider-button-radius: 50%;
  6048. --van-slider-button-background: var(--van-white);
  6049. --van-slider-button-shadow: 0 1px 2px rgba(0, 0, 0, .5)
  6050. }
  6051. .van-theme-dark {
  6052. --van-slider-inactive-background: var(--van-background-3)
  6053. }
  6054. .van-slider {
  6055. position: relative;
  6056. width: 100%;
  6057. height: var(--van-slider-bar-height);
  6058. background: var(--van-slider-inactive-background);
  6059. border-radius: var(--van-radius-max);
  6060. cursor: pointer
  6061. }
  6062. .van-slider:before {
  6063. position: absolute;
  6064. top: calc(var(--van-padding-xs) * -1);
  6065. right: 0;
  6066. bottom: calc(var(--van-padding-xs) * -1);
  6067. left: 0;
  6068. content: ""
  6069. }
  6070. .van-slider__bar {
  6071. position: absolute;
  6072. width: 100%;
  6073. height: 100%;
  6074. background: var(--van-slider-active-background);
  6075. border-radius: inherit;
  6076. transition: all var(--van-duration-fast)
  6077. }
  6078. .van-slider__button {
  6079. width: var(--van-slider-button-width);
  6080. height: var(--van-slider-button-height);
  6081. background: var(--van-slider-button-background);
  6082. border-radius: var(--van-slider-button-radius);
  6083. box-shadow: var(--van-slider-button-shadow)
  6084. }
  6085. .van-slider__button-wrapper {
  6086. position: absolute;
  6087. cursor: -webkit-grab;
  6088. cursor: grab;
  6089. top: 50%
  6090. }
  6091. .van-slider__button-wrapper--right {
  6092. right: 0;
  6093. transform: translate3d(50%, -50%, 0)
  6094. }
  6095. .van-slider__button-wrapper--left {
  6096. left: 0;
  6097. transform: translate3d(-50%, -50%, 0)
  6098. }
  6099. .van-slider--disabled {
  6100. cursor: not-allowed;
  6101. opacity: var(--van-slider-disabled-opacity)
  6102. }
  6103. .van-slider--disabled .van-slider__button-wrapper {
  6104. cursor: not-allowed
  6105. }
  6106. .van-slider--vertical {
  6107. display: inline-block;
  6108. width: var(--van-slider-bar-height);
  6109. height: 100%
  6110. }
  6111. .van-slider--vertical .van-slider__button-wrapper--right {
  6112. top: auto;
  6113. right: 50%;
  6114. bottom: 0;
  6115. transform: translate3d(50%, 50%, 0)
  6116. }
  6117. .van-slider--vertical .van-slider__button-wrapper--left {
  6118. top: 0;
  6119. right: 50%;
  6120. left: auto;
  6121. transform: translate3d(50%, -50%, 0)
  6122. }
  6123. .van-slider--vertical:before {
  6124. top: 0;
  6125. right: calc(var(--van-padding-xs) * -1);
  6126. bottom: 0;
  6127. left: calc(var(--van-padding-xs) * -1)
  6128. }
  6129. .van-space {
  6130. display: inline-flex
  6131. }
  6132. .van-space--horizontal .van-space-item {
  6133. display: flex;
  6134. align-items: center
  6135. }
  6136. .van-space--vertical {
  6137. flex-direction: column
  6138. }
  6139. .van-space--align-baseline {
  6140. align-items: baseline
  6141. }
  6142. .van-space--align-start {
  6143. align-items: flex-start
  6144. }
  6145. .van-space--align-end {
  6146. align-items: flex-end
  6147. }
  6148. .van-space--align-center {
  6149. align-items: center
  6150. }
  6151. .van-space--wrap {
  6152. flex-wrap: wrap
  6153. }
  6154. .van-space--fill {
  6155. display: flex
  6156. }
  6157. :root {
  6158. --van-steps-background: var(--van-background-2)
  6159. }
  6160. .van-steps {
  6161. overflow: hidden;
  6162. background-color: var(--van-steps-background)
  6163. }
  6164. .van-steps--horizontal {
  6165. padding: 10px 10px 0
  6166. }
  6167. .van-steps--horizontal .van-steps__items {
  6168. position: relative;
  6169. display: flex;
  6170. margin: 0 0 10px;
  6171. padding-bottom: 22px
  6172. }
  6173. .van-steps--vertical {
  6174. padding: 0 0 0 var(--van-padding-xl)
  6175. }
  6176. :root {
  6177. --van-step-text-color: var(--van-text-color-2);
  6178. --van-step-active-color: var(--van-primary-color);
  6179. --van-step-process-text-color: var(--van-text-color);
  6180. --van-step-font-size: var(--van-font-size-md);
  6181. --van-step-line-color: var(--van-border-color);
  6182. --van-step-finish-line-color: var(--van-primary-color);
  6183. --van-step-finish-text-color: var(--van-text-color);
  6184. --van-step-icon-size: 12px;
  6185. --van-step-circle-size: 5px;
  6186. --van-step-circle-color: var(--van-gray-6);
  6187. --van-step-horizontal-title-font-size: var(--van-font-size-sm)
  6188. }
  6189. .van-step {
  6190. position: relative;
  6191. flex: 1;
  6192. color: var(--van-step-text-color);
  6193. font-size: var(--van-step-font-size)
  6194. }
  6195. .van-step__circle {
  6196. display: block;
  6197. width: var(--van-step-circle-size);
  6198. height: var(--van-step-circle-size);
  6199. background-color: var(--van-step-circle-color);
  6200. border-radius: 50%
  6201. }
  6202. .van-step__line {
  6203. position: absolute;
  6204. background-color: var(--van-step-line-color);
  6205. transition: background-color var(--van-duration-base)
  6206. }
  6207. .van-step--horizontal {
  6208. float: left
  6209. }
  6210. .van-step--horizontal:first-child .van-step__title {
  6211. margin-left: 0;
  6212. transform: none
  6213. }
  6214. .van-step--horizontal:last-child {
  6215. position: absolute;
  6216. right: 1px;
  6217. width: auto
  6218. }
  6219. .van-step--horizontal:last-child .van-step__title {
  6220. margin-left: 0;
  6221. transform: none
  6222. }
  6223. .van-step--horizontal:last-child .van-step__circle-container {
  6224. right: -9px;
  6225. left: auto
  6226. }
  6227. .van-step--horizontal .van-step__circle-container {
  6228. position: absolute;
  6229. top: 30px;
  6230. left: calc(var(--van-padding-xs) * -1);
  6231. z-index: 1;
  6232. padding: 0 var(--van-padding-xs);
  6233. background-color: var(--van-background-2);
  6234. transform: translateY(-50%)
  6235. }
  6236. .van-step--horizontal .van-step__title {
  6237. display: inline-block;
  6238. margin-left: 3px;
  6239. font-size: var(--van-step-horizontal-title-font-size);
  6240. transform: translate(-50%)
  6241. }
  6242. .van-step--horizontal .van-step__line {
  6243. top: 30px;
  6244. left: 0;
  6245. width: 100%;
  6246. height: 1px
  6247. }
  6248. .van-step--horizontal .van-step__icon {
  6249. display: block;
  6250. font-size: var(--van-step-icon-size)
  6251. }
  6252. .van-step--horizontal .van-step--process {
  6253. color: var(--van-step-process-text-color)
  6254. }
  6255. .van-step--vertical {
  6256. display: block;
  6257. float: none;
  6258. padding: 10px 10px 10px 0;
  6259. line-height: var(--van-line-height-sm)
  6260. }
  6261. .van-step--vertical:not(:last-child):after {
  6262. border-bottom-width: 1px
  6263. }
  6264. .van-step--vertical .van-step__circle-container {
  6265. position: absolute;
  6266. top: 19px;
  6267. left: -15px;
  6268. z-index: 1;
  6269. font-size: var(--van-step-icon-size);
  6270. line-height: 1;
  6271. transform: translate(-50%, -50%)
  6272. }
  6273. .van-step--vertical .van-step__line {
  6274. top: 16px;
  6275. left: -15px;
  6276. width: 1px;
  6277. height: 100%
  6278. }
  6279. .van-step:last-child .van-step__line {
  6280. width: 0
  6281. }
  6282. .van-step--finish {
  6283. color: var(--van-step-finish-text-color)
  6284. }
  6285. .van-step--finish .van-step__circle,
  6286. .van-step--finish .van-step__line {
  6287. background-color: var(--van-step-finish-line-color)
  6288. }
  6289. .van-step__icon,
  6290. .van-step__title {
  6291. transition: color var(--van-duration-base)
  6292. }
  6293. .van-step__icon--active,
  6294. .van-step__title--active,
  6295. .van-step__icon--finish,
  6296. .van-step__title--finish {
  6297. color: var(--van-step-active-color)
  6298. }
  6299. :root {
  6300. --van-stepper-background: var(--van-active-color);
  6301. --van-stepper-button-icon-color: var(--van-text-color);
  6302. --van-stepper-button-disabled-color: var(--van-background);
  6303. --van-stepper-button-disabled-icon-color: var(--van-gray-5);
  6304. --van-stepper-button-round-theme-color: var(--van-primary-color);
  6305. --van-stepper-input-width: 32px;
  6306. --van-stepper-input-height: 28px;
  6307. --van-stepper-input-font-size: var(--van-font-size-md);
  6308. --van-stepper-input-line-height: normal;
  6309. --van-stepper-input-text-color: var(--van-text-color);
  6310. --van-stepper-input-disabled-text-color: var(--van-text-color-3);
  6311. --van-stepper-input-disabled-background: var(--van-active-color);
  6312. --van-stepper-radius: var(--van-radius-md)
  6313. }
  6314. .van-stepper {
  6315. display: inline-block;
  6316. -webkit-user-select: none;
  6317. user-select: none
  6318. }
  6319. .van-stepper__minus,
  6320. .van-stepper__plus {
  6321. position: relative;
  6322. box-sizing: border-box;
  6323. width: var(--van-stepper-input-height);
  6324. height: var(--van-stepper-input-height);
  6325. margin: 0;
  6326. padding: 0;
  6327. color: var(--van-stepper-button-icon-color);
  6328. vertical-align: middle;
  6329. background: var(--van-stepper-background);
  6330. border: 0
  6331. }
  6332. .van-stepper__minus:before,
  6333. .van-stepper__plus:before {
  6334. width: 50%;
  6335. height: 1px
  6336. }
  6337. .van-stepper__minus:after,
  6338. .van-stepper__plus:after {
  6339. width: 1px;
  6340. height: 50%
  6341. }
  6342. .van-stepper__minus:before,
  6343. .van-stepper__plus:before,
  6344. .van-stepper__minus:after,
  6345. .van-stepper__plus:after {
  6346. position: absolute;
  6347. top: 50%;
  6348. left: 50%;
  6349. background-color: currentColor;
  6350. transform: translate(-50%, -50%);
  6351. content: ""
  6352. }
  6353. .van-stepper__minus--disabled,
  6354. .van-stepper__plus--disabled {
  6355. color: var(--van-stepper-button-disabled-icon-color);
  6356. background-color: var(--van-stepper-button-disabled-color);
  6357. cursor: not-allowed
  6358. }
  6359. .van-stepper__minus {
  6360. border-radius: var(--van-stepper-radius) 0 0 var(--van-stepper-radius)
  6361. }
  6362. .van-stepper__minus:after {
  6363. display: none
  6364. }
  6365. .van-stepper__plus {
  6366. border-radius: 0 var(--van-stepper-radius) var(--van-stepper-radius) 0
  6367. }
  6368. .van-stepper__input {
  6369. box-sizing: border-box;
  6370. width: var(--van-stepper-input-width);
  6371. height: var(--van-stepper-input-height);
  6372. margin: 0 2px;
  6373. padding: 0;
  6374. color: var(--van-stepper-input-text-color);
  6375. font-size: var(--van-stepper-input-font-size);
  6376. line-height: var(--van-stepper-input-line-height);
  6377. text-align: center;
  6378. vertical-align: middle;
  6379. background: var(--van-stepper-background);
  6380. border: 0;
  6381. border-width: 1px 0;
  6382. border-radius: 0;
  6383. -webkit-appearance: none
  6384. }
  6385. .van-stepper__input:disabled {
  6386. color: var(--van-stepper-input-disabled-text-color);
  6387. background-color: var(--van-stepper-input-disabled-background);
  6388. -webkit-text-fill-color: var(--van-stepper-input-disabled-text-color);
  6389. opacity: 1
  6390. }
  6391. .van-stepper__input:read-only {
  6392. cursor: default
  6393. }
  6394. .van-stepper--round .van-stepper__input {
  6395. background-color: transparent
  6396. }
  6397. .van-stepper--round .van-stepper__plus,
  6398. .van-stepper--round .van-stepper__minus {
  6399. border-radius: 100%
  6400. }
  6401. .van-stepper--round .van-stepper__plus--disabled,
  6402. .van-stepper--round .van-stepper__minus--disabled {
  6403. opacity: .3;
  6404. cursor: not-allowed
  6405. }
  6406. .van-stepper--round .van-stepper__plus {
  6407. color: var(--van-white);
  6408. background: var(--van-stepper-button-round-theme-color)
  6409. }
  6410. .van-stepper--round .van-stepper__minus {
  6411. color: var(--van-stepper-button-round-theme-color);
  6412. background-color: var(--van-background-2);
  6413. border: 1px solid var(--van-stepper-button-round-theme-color)
  6414. }
  6415. .van-swipe-cell {
  6416. position: relative;
  6417. overflow: hidden;
  6418. cursor: -webkit-grab;
  6419. cursor: grab
  6420. }
  6421. .van-swipe-cell__wrapper {
  6422. transition-timing-function: cubic-bezier(.18, .89, .32, 1);
  6423. transition-property: transform
  6424. }
  6425. .van-swipe-cell__left,
  6426. .van-swipe-cell__right {
  6427. position: absolute;
  6428. top: 0;
  6429. height: 100%
  6430. }
  6431. .van-swipe-cell__left {
  6432. left: 0;
  6433. transform: translate3d(-100%, 0, 0)
  6434. }
  6435. .van-swipe-cell__right {
  6436. right: 0;
  6437. transform: translate3d(100%, 0, 0)
  6438. }
  6439. :root {
  6440. --van-tabbar-height: 50px;
  6441. --van-tabbar-z-index: 1;
  6442. --van-tabbar-background: var(--van-background-2)
  6443. }
  6444. .van-tabbar {
  6445. z-index: var(--van-tabbar-z-index);
  6446. display: flex;
  6447. box-sizing: content-box;
  6448. width: 100%;
  6449. height: var(--van-tabbar-height);
  6450. background: var(--van-tabbar-background)
  6451. }
  6452. .van-tabbar--fixed {
  6453. position: fixed;
  6454. bottom: 0;
  6455. left: 0
  6456. }
  6457. :root {
  6458. --van-tabbar-item-font-size: var(--van-font-size-sm);
  6459. --van-tabbar-item-text-color: var(--van-text-color);
  6460. --van-tabbar-item-active-color: var(--van-primary-color);
  6461. --van-tabbar-item-active-background: var(--van-background-2);
  6462. --van-tabbar-item-line-height: 1;
  6463. --van-tabbar-item-icon-size: 22px;
  6464. --van-tabbar-item-icon-margin-bottom: var(--van-padding-base)
  6465. }
  6466. .van-tabbar-item {
  6467. display: flex;
  6468. flex: 1;
  6469. flex-direction: column;
  6470. align-items: center;
  6471. justify-content: center;
  6472. color: var(--van-tabbar-item-text-color);
  6473. font-size: var(--van-tabbar-item-font-size);
  6474. line-height: var(--van-tabbar-item-line-height);
  6475. cursor: pointer
  6476. }
  6477. .van-tabbar-item__icon {
  6478. margin-bottom: var(--van-tabbar-item-icon-margin-bottom);
  6479. font-size: var(--van-tabbar-item-icon-size)
  6480. }
  6481. .van-tabbar-item__icon .van-icon {
  6482. display: block
  6483. }
  6484. .van-tabbar-item__icon .van-badge {
  6485. margin-top: var(--van-padding-base)
  6486. }
  6487. .van-tabbar-item__icon img {
  6488. display: block;
  6489. height: 20px
  6490. }
  6491. .van-tabbar-item--active {
  6492. color: var(--van-tabbar-item-active-color);
  6493. background-color: var(--van-tabbar-item-active-background)
  6494. }