1
0

index.css 101 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979
  1. @-webkit-keyframes van-slide-up-enter {
  2. 0% {
  3. -webkit-transform: translate3d(0, 100%, 0);
  4. transform: translate3d(0, 100%, 0)
  5. }
  6. }
  7. @keyframes van-slide-up-enter {
  8. 0% {
  9. -webkit-transform: translate3d(0, 100%, 0);
  10. transform: translate3d(0, 100%, 0)
  11. }
  12. }
  13. @-webkit-keyframes van-slide-up-leave {
  14. to {
  15. -webkit-transform: translate3d(0, 100%, 0);
  16. transform: translate3d(0, 100%, 0)
  17. }
  18. }
  19. @keyframes van-slide-up-leave {
  20. to {
  21. -webkit-transform: translate3d(0, 100%, 0);
  22. transform: translate3d(0, 100%, 0)
  23. }
  24. }
  25. @-webkit-keyframes van-slide-down-enter {
  26. 0% {
  27. -webkit-transform: translate3d(0, -100%, 0);
  28. transform: translate3d(0, -100%, 0)
  29. }
  30. }
  31. @keyframes van-slide-down-enter {
  32. 0% {
  33. -webkit-transform: translate3d(0, -100%, 0);
  34. transform: translate3d(0, -100%, 0)
  35. }
  36. }
  37. @-webkit-keyframes van-slide-down-leave {
  38. to {
  39. -webkit-transform: translate3d(0, -100%, 0);
  40. transform: translate3d(0, -100%, 0)
  41. }
  42. }
  43. @keyframes van-slide-down-leave {
  44. to {
  45. -webkit-transform: translate3d(0, -100%, 0);
  46. transform: translate3d(0, -100%, 0)
  47. }
  48. }
  49. @-webkit-keyframes van-slide-left-enter {
  50. 0% {
  51. -webkit-transform: translate3d(-100%, 0, 0);
  52. transform: translate3d(-100%, 0, 0)
  53. }
  54. }
  55. @keyframes van-slide-left-enter {
  56. 0% {
  57. -webkit-transform: translate3d(-100%, 0, 0);
  58. transform: translate3d(-100%, 0, 0)
  59. }
  60. }
  61. @-webkit-keyframes van-slide-left-leave {
  62. to {
  63. -webkit-transform: translate3d(-100%, 0, 0);
  64. transform: translate3d(-100%, 0, 0)
  65. }
  66. }
  67. @keyframes van-slide-left-leave {
  68. to {
  69. -webkit-transform: translate3d(-100%, 0, 0);
  70. transform: translate3d(-100%, 0, 0)
  71. }
  72. }
  73. @-webkit-keyframes van-slide-right-enter {
  74. 0% {
  75. -webkit-transform: translate3d(100%, 0, 0);
  76. transform: translate3d(100%, 0, 0)
  77. }
  78. }
  79. @keyframes van-slide-right-enter {
  80. 0% {
  81. -webkit-transform: translate3d(100%, 0, 0);
  82. transform: translate3d(100%, 0, 0)
  83. }
  84. }
  85. @-webkit-keyframes van-slide-right-leave {
  86. to {
  87. -webkit-transform: translate3d(100%, 0, 0);
  88. transform: translate3d(100%, 0, 0)
  89. }
  90. }
  91. @keyframes van-slide-right-leave {
  92. to {
  93. -webkit-transform: translate3d(100%, 0, 0);
  94. transform: translate3d(100%, 0, 0)
  95. }
  96. }
  97. @-webkit-keyframes van-fade-in {
  98. 0% {
  99. opacity: 0
  100. }
  101. to {
  102. opacity: 1
  103. }
  104. }
  105. @keyframes van-fade-in {
  106. 0% {
  107. opacity: 0
  108. }
  109. to {
  110. opacity: 1
  111. }
  112. }
  113. @-webkit-keyframes van-fade-out {
  114. 0% {
  115. opacity: 1
  116. }
  117. to {
  118. opacity: 0
  119. }
  120. }
  121. @keyframes van-fade-out {
  122. 0% {
  123. opacity: 1
  124. }
  125. to {
  126. opacity: 0
  127. }
  128. }
  129. @-webkit-keyframes van-rotate {
  130. 0% {
  131. -webkit-transform: rotate(0deg);
  132. transform: rotate(0deg)
  133. }
  134. to {
  135. -webkit-transform: rotate(360deg);
  136. transform: rotate(360deg)
  137. }
  138. }
  139. @keyframes van-rotate {
  140. 0% {
  141. -webkit-transform: rotate(0deg);
  142. transform: rotate(0deg)
  143. }
  144. to {
  145. -webkit-transform: rotate(360deg);
  146. transform: rotate(360deg)
  147. }
  148. }
  149. @-webkit-keyframes van-circular {
  150. 0% {
  151. stroke-dasharray: 1, 200;
  152. stroke-dashoffset: 0
  153. }
  154. 50% {
  155. stroke-dasharray: 90, 150;
  156. stroke-dashoffset: -40
  157. }
  158. to {
  159. stroke-dasharray: 90, 150;
  160. stroke-dashoffset: -120
  161. }
  162. }
  163. @keyframes van-circular {
  164. 0% {
  165. stroke-dasharray: 1, 200;
  166. stroke-dashoffset: 0
  167. }
  168. 50% {
  169. stroke-dasharray: 90, 150;
  170. stroke-dashoffset: -40
  171. }
  172. to {
  173. stroke-dasharray: 90, 150;
  174. stroke-dashoffset: -120
  175. }
  176. }
  177. @-webkit-keyframes van-notice-bar-play {
  178. to {
  179. -webkit-transform: translate3d(-100%, 0, 0);
  180. transform: translate3d(-100%, 0, 0)
  181. }
  182. }
  183. @keyframes van-notice-bar-play {
  184. to {
  185. -webkit-transform: translate3d(-100%, 0, 0);
  186. transform: translate3d(-100%, 0, 0)
  187. }
  188. }
  189. @-webkit-keyframes van-notice-bar-play-infinite {
  190. to {
  191. -webkit-transform: translate3d(-100%, 0, 0);
  192. transform: translate3d(-100%, 0, 0)
  193. }
  194. }
  195. @keyframes van-notice-bar-play-infinite {
  196. to {
  197. -webkit-transform: translate3d(-100%, 0, 0);
  198. transform: translate3d(-100%, 0, 0)
  199. }
  200. }
  201. @-webkit-keyframes van-skeleton-blink {
  202. 50% {
  203. opacity: .6
  204. }
  205. }
  206. @keyframes van-skeleton-blink {
  207. 50% {
  208. opacity: .6
  209. }
  210. }
  211. @-webkit-keyframes van-cursor-flicker {
  212. 0%,
  213. to {
  214. opacity: 0
  215. }
  216. 50% {
  217. opacity: 1
  218. }
  219. }
  220. @keyframes van-cursor-flicker {
  221. 0%,
  222. to {
  223. opacity: 0
  224. }
  225. 50% {
  226. opacity: 1
  227. }
  228. }
  229. html {
  230. -webkit-tap-highlight-color: transparent
  231. }
  232. body {
  233. margin: 0
  234. }
  235. a {
  236. text-decoration: none
  237. }
  238. [class*=van-]:focus,
  239. a:focus,
  240. button:focus,
  241. input:focus,
  242. textarea:focus {
  243. outline: 0
  244. }
  245. ol,
  246. ul {
  247. margin: 0;
  248. padding: 0;
  249. list-style: none
  250. }
  251. button,
  252. input,
  253. textarea {
  254. color: inherit;
  255. font: inherit
  256. }
  257. .van-ellipsis {
  258. overflow: hidden;
  259. white-space: nowrap;
  260. text-overflow: ellipsis
  261. }
  262. .van-multi-ellipsis--l2,
  263. .van-multi-ellipsis--l3 {
  264. display: -webkit-box;
  265. overflow: hidden;
  266. text-overflow: ellipsis;
  267. -webkit-line-clamp: 2;
  268. -webkit-box-orient: vertical
  269. }
  270. .van-multi-ellipsis--l3 {
  271. -webkit-line-clamp: 3
  272. }
  273. .van-clearfix::after {
  274. display: table;
  275. clear: both;
  276. content: ''
  277. }
  278. [class*=van-hairline]::after {
  279. position: absolute;
  280. box-sizing: border-box;
  281. content: ' ';
  282. pointer-events: none;
  283. top: -50%;
  284. right: -50%;
  285. bottom: -50%;
  286. left: -50%;
  287. border: 0 solid #ebedf0;
  288. -webkit-transform: scale(.5);
  289. transform: scale(.5)
  290. }
  291. .van-hairline,
  292. .van-hairline--bottom,
  293. .van-hairline--left,
  294. .van-hairline--right,
  295. .van-hairline--surround,
  296. .van-hairline--top,
  297. .van-hairline--top-bottom {
  298. position: relative
  299. }
  300. .van-hairline--top::after {
  301. border-top-width: 1px
  302. }
  303. .van-hairline--left::after {
  304. border-left-width: 1px
  305. }
  306. .van-hairline--right::after {
  307. border-right-width: 1px
  308. }
  309. .van-hairline--bottom::after {
  310. border-bottom-width: 1px
  311. }
  312. .van-hairline--top-bottom::after,
  313. .van-hairline-unset--top-bottom::after {
  314. border-width: 1px 0
  315. }
  316. .van-hairline--surround::after {
  317. border-width: 1px
  318. }
  319. .van-fade-enter-active {
  320. -webkit-animation: .3s van-fade-in;
  321. animation: .3s van-fade-in
  322. }
  323. .van-fade-leave-active {
  324. -webkit-animation: .3s van-fade-out;
  325. animation: .3s van-fade-out
  326. }
  327. .van-slide-up-enter-active {
  328. -webkit-animation: van-slide-up-enter .3s both ease;
  329. animation: van-slide-up-enter .3s both ease
  330. }
  331. .van-slide-up-leave-active {
  332. -webkit-animation: van-slide-up-leave .3s both ease;
  333. animation: van-slide-up-leave .3s both ease
  334. }
  335. .van-slide-down-enter-active {
  336. -webkit-animation: van-slide-down-enter .3s both ease;
  337. animation: van-slide-down-enter .3s both ease
  338. }
  339. .van-slide-down-leave-active {
  340. -webkit-animation: van-slide-down-leave .3s both ease;
  341. animation: van-slide-down-leave .3s both ease
  342. }
  343. .van-slide-left-enter-active {
  344. -webkit-animation: van-slide-left-enter .3s both ease;
  345. animation: van-slide-left-enter .3s both ease
  346. }
  347. .van-slide-left-leave-active {
  348. -webkit-animation: van-slide-left-leave .3s both ease;
  349. animation: van-slide-left-leave .3s both ease
  350. }
  351. .van-slide-right-enter-active {
  352. -webkit-animation: van-slide-right-enter .3s both ease;
  353. animation: van-slide-right-enter .3s both ease
  354. }
  355. .van-slide-right-leave-active {
  356. -webkit-animation: van-slide-right-leave .3s both ease;
  357. animation: van-slide-right-leave .3s both ease
  358. }
  359. .van-info {
  360. position: absolute;
  361. top: 0;
  362. right: 0;
  363. box-sizing: border-box;
  364. min-width: 16px;
  365. padding: 0 3px;
  366. color: #fff;
  367. font-weight: 500;
  368. font-size: 12px;
  369. font-family: PingFang SC, Helvetica Neue, Arial, sans-serif;
  370. line-height: 14px;
  371. text-align: center;
  372. background-color: #ee0a24;
  373. border: 1px solid #fff;
  374. border-radius: 16px;
  375. -webkit-transform: translate(50%, -50%);
  376. transform: translate(50%, -50%);
  377. -webkit-transform-origin: 100%;
  378. transform-origin: 100%
  379. }
  380. .van-info--dot {
  381. width: 8px;
  382. min-width: 0;
  383. height: 8px;
  384. background-color: #ee0a24;
  385. border-radius: 100%
  386. }
  387. @font-face {
  388. font-weight: 400;
  389. font-family: 'vant-icon';
  390. font-style: normal;
  391. font-display: auto;
  392. src: url(https://img.yzcdn.cn/vant/vant-icon-0bc654.woff2) format('woff2'), url(https://img.yzcdn.cn/vant/vant-icon-0bc654.woff) format('woff'), url(https://img.yzcdn.cn/vant/vant-icon-0bc654.ttf) format('truetype')
  393. }
  394. .van-icon {
  395. position: relative;
  396. font: 14px/1 "vant-icon";
  397. font-size: inherit;
  398. text-rendering: auto;
  399. -webkit-font-smoothing: antialiased
  400. }
  401. .van-icon,
  402. .van-icon::before {
  403. display: inline-block
  404. }
  405. .van-icon-add-o:before {
  406. content: "\F000"
  407. }
  408. .van-icon-add-square:before {
  409. content: "\F001"
  410. }
  411. .van-icon-add:before {
  412. content: "\F002"
  413. }
  414. .van-icon-after-sale:before {
  415. content: "\F003"
  416. }
  417. .van-icon-aim:before {
  418. content: "\F004"
  419. }
  420. .van-icon-alipay:before {
  421. content: "\F005"
  422. }
  423. .van-icon-apps-o:before {
  424. content: "\F006"
  425. }
  426. .van-icon-arrow-down:before {
  427. content: "\F007"
  428. }
  429. .van-icon-arrow-left:before {
  430. content: "\F008"
  431. }
  432. .van-icon-arrow-up:before {
  433. content: "\F009"
  434. }
  435. .van-icon-arrow:before {
  436. content: "\F00A"
  437. }
  438. .van-icon-ascending:before {
  439. content: "\F00B"
  440. }
  441. .van-icon-audio:before {
  442. content: "\F00C"
  443. }
  444. .van-icon-award-o:before {
  445. content: "\F00D"
  446. }
  447. .van-icon-award:before {
  448. content: "\F00E"
  449. }
  450. .van-icon-bag-o:before {
  451. content: "\F00F"
  452. }
  453. .van-icon-bag:before {
  454. content: "\F010"
  455. }
  456. .van-icon-balance-list-o:before {
  457. content: "\F011"
  458. }
  459. .van-icon-balance-list:before {
  460. content: "\F012"
  461. }
  462. .van-icon-balance-o:before {
  463. content: "\F013"
  464. }
  465. .van-icon-balance-pay:before {
  466. content: "\F014"
  467. }
  468. .van-icon-bar-chart-o:before {
  469. content: "\F015"
  470. }
  471. .van-icon-bars:before {
  472. content: "\F016"
  473. }
  474. .van-icon-bell:before {
  475. content: "\F017"
  476. }
  477. .van-icon-bill-o:before {
  478. content: "\F018"
  479. }
  480. .van-icon-bill:before {
  481. content: "\F019"
  482. }
  483. .van-icon-birthday-cake-o:before {
  484. content: "\F01A"
  485. }
  486. .van-icon-bookmark-o:before {
  487. content: "\F01B"
  488. }
  489. .van-icon-bookmark:before {
  490. content: "\F01C"
  491. }
  492. .van-icon-browsing-history-o:before {
  493. content: "\F01D"
  494. }
  495. .van-icon-browsing-history:before {
  496. content: "\F01E"
  497. }
  498. .van-icon-brush-o:before {
  499. content: "\F01F"
  500. }
  501. .van-icon-bulb-o:before {
  502. content: "\F020"
  503. }
  504. .van-icon-bullhorn-o:before {
  505. content: "\F021"
  506. }
  507. .van-icon-calender-o:before {
  508. content: "\F022"
  509. }
  510. .van-icon-card:before {
  511. content: "\F023"
  512. }
  513. .van-icon-cart-circle-o:before {
  514. content: "\F024"
  515. }
  516. .van-icon-cart-circle:before {
  517. content: "\F025"
  518. }
  519. .van-icon-cart-o:before {
  520. content: "\F026"
  521. }
  522. .van-icon-cart:before {
  523. content: "\F027"
  524. }
  525. .van-icon-cash-back-record:before {
  526. content: "\F028"
  527. }
  528. .van-icon-cash-on-deliver:before {
  529. content: "\F029"
  530. }
  531. .van-icon-cashier-o:before {
  532. content: "\F02A"
  533. }
  534. .van-icon-certificate:before {
  535. content: "\F02B"
  536. }
  537. .van-icon-chart-trending-o:before {
  538. content: "\F02C"
  539. }
  540. .van-icon-chat-o:before {
  541. content: "\F02D"
  542. }
  543. .van-icon-chat:before {
  544. content: "\F02E"
  545. }
  546. .van-icon-checked:before {
  547. content: "\F02F"
  548. }
  549. .van-icon-circle:before {
  550. content: "\F030"
  551. }
  552. .van-icon-clear:before {
  553. content: "\F031"
  554. }
  555. .van-icon-clock-o:before {
  556. content: "\F032"
  557. }
  558. .van-icon-clock:before {
  559. content: "\F033"
  560. }
  561. .van-icon-close:before {
  562. content: "\F034"
  563. }
  564. .van-icon-closed-eye:before {
  565. content: "\F035"
  566. }
  567. .van-icon-cluster-o:before {
  568. content: "\F036"
  569. }
  570. .van-icon-cluster:before {
  571. content: "\F037"
  572. }
  573. .van-icon-column:before {
  574. content: "\F038"
  575. }
  576. .van-icon-comment-circle-o:before {
  577. content: "\F039"
  578. }
  579. .van-icon-comment-circle:before {
  580. content: "\F03A"
  581. }
  582. .van-icon-comment-o:before {
  583. content: "\F03B"
  584. }
  585. .van-icon-comment:before {
  586. content: "\F03C"
  587. }
  588. .van-icon-completed:before {
  589. content: "\F03D"
  590. }
  591. .van-icon-contact:before {
  592. content: "\F03E"
  593. }
  594. .van-icon-coupon-o:before {
  595. content: "\F03F"
  596. }
  597. .van-icon-coupon:before {
  598. content: "\F040"
  599. }
  600. .van-icon-credit-pay:before {
  601. content: "\F041"
  602. }
  603. .van-icon-cross:before {
  604. content: "\F042"
  605. }
  606. .van-icon-debit-pay:before {
  607. content: "\F043"
  608. }
  609. .van-icon-delete:before {
  610. content: "\F044"
  611. }
  612. .van-icon-descending:before {
  613. content: "\F045"
  614. }
  615. .van-icon-description:before {
  616. content: "\F046"
  617. }
  618. .van-icon-desktop-o:before {
  619. content: "\F047"
  620. }
  621. .van-icon-diamond-o:before {
  622. content: "\F048"
  623. }
  624. .van-icon-diamond:before {
  625. content: "\F049"
  626. }
  627. .van-icon-discount:before {
  628. content: "\F04A"
  629. }
  630. .van-icon-down:before {
  631. content: "\F04B"
  632. }
  633. .van-icon-ecard-pay:before {
  634. content: "\F04C"
  635. }
  636. .van-icon-edit:before {
  637. content: "\F04D"
  638. }
  639. .van-icon-ellipsis:before {
  640. content: "\F04E"
  641. }
  642. .van-icon-empty:before {
  643. content: "\F04F"
  644. }
  645. .van-icon-envelop-o:before {
  646. content: "\F050"
  647. }
  648. .van-icon-exchange:before {
  649. content: "\F051"
  650. }
  651. .van-icon-expand-o:before {
  652. content: "\F052"
  653. }
  654. .van-icon-expand:before {
  655. content: "\F053"
  656. }
  657. .van-icon-eye-o:before {
  658. content: "\F054"
  659. }
  660. .van-icon-eye:before {
  661. content: "\F055"
  662. }
  663. .van-icon-fail:before {
  664. content: "\F056"
  665. }
  666. .van-icon-failure:before {
  667. content: "\F057"
  668. }
  669. .van-icon-filter-o:before {
  670. content: "\F058"
  671. }
  672. .van-icon-fire-o:before {
  673. content: "\F059"
  674. }
  675. .van-icon-fire:before {
  676. content: "\F05A"
  677. }
  678. .van-icon-flag-o:before {
  679. content: "\F05B"
  680. }
  681. .van-icon-flower-o:before {
  682. content: "\F05C"
  683. }
  684. .van-icon-free-postage:before {
  685. content: "\F05D"
  686. }
  687. .van-icon-friends-o:before {
  688. content: "\F05E"
  689. }
  690. .van-icon-friends:before {
  691. content: "\F05F"
  692. }
  693. .van-icon-gem-o:before {
  694. content: "\F060"
  695. }
  696. .van-icon-gem:before {
  697. content: "\F061"
  698. }
  699. .van-icon-gift-card-o:before {
  700. content: "\F062"
  701. }
  702. .van-icon-gift-card:before {
  703. content: "\F063"
  704. }
  705. .van-icon-gift-o:before {
  706. content: "\F064"
  707. }
  708. .van-icon-gift:before {
  709. content: "\F065"
  710. }
  711. .van-icon-gold-coin-o:before {
  712. content: "\F066"
  713. }
  714. .van-icon-gold-coin:before {
  715. content: "\F067"
  716. }
  717. .van-icon-good-job-o:before {
  718. content: "\F068"
  719. }
  720. .van-icon-good-job:before {
  721. content: "\F069"
  722. }
  723. .van-icon-goods-collect-o:before {
  724. content: "\F06A"
  725. }
  726. .van-icon-goods-collect:before {
  727. content: "\F06B"
  728. }
  729. .van-icon-graphic:before {
  730. content: "\F06C"
  731. }
  732. .van-icon-home-o:before {
  733. content: "\F06D"
  734. }
  735. .van-icon-hot-o:before {
  736. content: "\F06E"
  737. }
  738. .van-icon-hot-sale-o:before {
  739. content: "\F06F"
  740. }
  741. .van-icon-hot-sale:before {
  742. content: "\F070"
  743. }
  744. .van-icon-hot:before {
  745. content: "\F071"
  746. }
  747. .van-icon-hotel-o:before {
  748. content: "\F072"
  749. }
  750. .van-icon-idcard:before {
  751. content: "\F073"
  752. }
  753. .van-icon-info-o:before {
  754. content: "\F074"
  755. }
  756. .van-icon-info:before {
  757. content: "\F075"
  758. }
  759. .van-icon-invition:before {
  760. content: "\F076"
  761. }
  762. .van-icon-label-o:before {
  763. content: "\F077"
  764. }
  765. .van-icon-label:before {
  766. content: "\F078"
  767. }
  768. .van-icon-like-o:before {
  769. content: "\F079"
  770. }
  771. .van-icon-like:before {
  772. content: "\F07A"
  773. }
  774. .van-icon-live:before {
  775. content: "\F07B"
  776. }
  777. .van-icon-location-o:before {
  778. content: "\F07C"
  779. }
  780. .van-icon-location:before {
  781. content: "\F07D"
  782. }
  783. .van-icon-lock:before {
  784. content: "\F07E"
  785. }
  786. .van-icon-logistics:before {
  787. content: "\F07F"
  788. }
  789. .van-icon-manager-o:before {
  790. content: "\F080"
  791. }
  792. .van-icon-manager:before {
  793. content: "\F081"
  794. }
  795. .van-icon-map-marked:before {
  796. content: "\F082"
  797. }
  798. .van-icon-medel-o:before {
  799. content: "\F083"
  800. }
  801. .van-icon-medel:before {
  802. content: "\F084"
  803. }
  804. .van-icon-more-o:before {
  805. content: "\F085"
  806. }
  807. .van-icon-more:before {
  808. content: "\F086"
  809. }
  810. .van-icon-music-o:before {
  811. content: "\F087"
  812. }
  813. .van-icon-music:before {
  814. content: "\F088"
  815. }
  816. .van-icon-new-arrival-o:before {
  817. content: "\F089"
  818. }
  819. .van-icon-new-arrival:before {
  820. content: "\F08A"
  821. }
  822. .van-icon-new-o:before {
  823. content: "\F08B"
  824. }
  825. .van-icon-new:before {
  826. content: "\F08C"
  827. }
  828. .van-icon-newspaper-o:before {
  829. content: "\F08D"
  830. }
  831. .van-icon-notes-o:before {
  832. content: "\F08E"
  833. }
  834. .van-icon-orders-o:before {
  835. content: "\F08F"
  836. }
  837. .van-icon-other-pay:before {
  838. content: "\F090"
  839. }
  840. .van-icon-paid:before {
  841. content: "\F091"
  842. }
  843. .van-icon-passed:before {
  844. content: "\F092"
  845. }
  846. .van-icon-pause-circle-o:before {
  847. content: "\F093"
  848. }
  849. .van-icon-pause-circle:before {
  850. content: "\F094"
  851. }
  852. .van-icon-pause:before {
  853. content: "\F095"
  854. }
  855. .van-icon-peer-pay:before {
  856. content: "\F096"
  857. }
  858. .van-icon-pending-payment:before {
  859. content: "\F097"
  860. }
  861. .van-icon-phone-circle-o:before {
  862. content: "\F098"
  863. }
  864. .van-icon-phone-circle:before {
  865. content: "\F099"
  866. }
  867. .van-icon-phone-o:before {
  868. content: "\F09A"
  869. }
  870. .van-icon-phone:before {
  871. content: "\F09B"
  872. }
  873. .van-icon-photo-o:before {
  874. content: "\F09C"
  875. }
  876. .van-icon-photo:before {
  877. content: "\F09D"
  878. }
  879. .van-icon-photograph:before {
  880. content: "\F09E"
  881. }
  882. .van-icon-play-circle-o:before {
  883. content: "\F09F"
  884. }
  885. .van-icon-play-circle:before {
  886. content: "\F0A0"
  887. }
  888. .van-icon-play:before {
  889. content: "\F0A1"
  890. }
  891. .van-icon-plus:before {
  892. content: "\F0A2"
  893. }
  894. .van-icon-point-gift-o:before {
  895. content: "\F0A3"
  896. }
  897. .van-icon-point-gift:before {
  898. content: "\F0A4"
  899. }
  900. .van-icon-points:before {
  901. content: "\F0A5"
  902. }
  903. .van-icon-printer:before {
  904. content: "\F0A6"
  905. }
  906. .van-icon-qr-invalid:before {
  907. content: "\F0A7"
  908. }
  909. .van-icon-qr:before {
  910. content: "\F0A8"
  911. }
  912. .van-icon-question-o:before {
  913. content: "\F0A9"
  914. }
  915. .van-icon-question:before {
  916. content: "\F0AA"
  917. }
  918. .van-icon-records:before {
  919. content: "\F0AB"
  920. }
  921. .van-icon-refund-o:before {
  922. content: "\F0AC"
  923. }
  924. .van-icon-replay:before {
  925. content: "\F0AD"
  926. }
  927. .van-icon-scan:before {
  928. content: "\F0AE"
  929. }
  930. .van-icon-search:before {
  931. content: "\F0AF"
  932. }
  933. .van-icon-send-gift-o:before {
  934. content: "\F0B0"
  935. }
  936. .van-icon-send-gift:before {
  937. content: "\F0B1"
  938. }
  939. .van-icon-service-o:before {
  940. content: "\F0B2"
  941. }
  942. .van-icon-service:before {
  943. content: "\F0B3"
  944. }
  945. .van-icon-setting-o:before {
  946. content: "\F0B4"
  947. }
  948. .van-icon-setting:before {
  949. content: "\F0B5"
  950. }
  951. .van-icon-share:before {
  952. content: "\F0B6"
  953. }
  954. .van-icon-shop-collect-o:before {
  955. content: "\F0B7"
  956. }
  957. .van-icon-shop-collect:before {
  958. content: "\F0B8"
  959. }
  960. .van-icon-shop-o:before {
  961. content: "\F0B9"
  962. }
  963. .van-icon-shop:before {
  964. content: "\F0BA"
  965. }
  966. .van-icon-shopping-cart-o:before {
  967. content: "\F0BB"
  968. }
  969. .van-icon-shopping-cart:before {
  970. content: "\F0BC"
  971. }
  972. .van-icon-shrink:before {
  973. content: "\F0BD"
  974. }
  975. .van-icon-sign:before {
  976. content: "\F0BE"
  977. }
  978. .van-icon-smile-comment-o:before {
  979. content: "\F0BF"
  980. }
  981. .van-icon-smile-comment:before {
  982. content: "\F0C0"
  983. }
  984. .van-icon-smile-o:before {
  985. content: "\F0C1"
  986. }
  987. .van-icon-smile:before {
  988. content: "\F0C2"
  989. }
  990. .van-icon-star-o:before {
  991. content: "\F0C3"
  992. }
  993. .van-icon-star:before {
  994. content: "\F0C4"
  995. }
  996. .van-icon-stop-circle-o:before {
  997. content: "\F0C5"
  998. }
  999. .van-icon-stop-circle:before {
  1000. content: "\F0C6"
  1001. }
  1002. .van-icon-stop:before {
  1003. content: "\F0C7"
  1004. }
  1005. .van-icon-success:before {
  1006. content: "\F0C8"
  1007. }
  1008. .van-icon-thumb-circle-o:before {
  1009. content: "\F0C9"
  1010. }
  1011. .van-icon-thumb-circle:before {
  1012. content: "\F0CA"
  1013. }
  1014. .van-icon-todo-list-o:before {
  1015. content: "\F0CB"
  1016. }
  1017. .van-icon-todo-list:before {
  1018. content: "\F0CC"
  1019. }
  1020. .van-icon-tosend:before {
  1021. content: "\F0CD"
  1022. }
  1023. .van-icon-tv-o:before {
  1024. content: "\F0CE"
  1025. }
  1026. .van-icon-umbrella-circle:before {
  1027. content: "\F0CF"
  1028. }
  1029. .van-icon-underway-o:before {
  1030. content: "\F0D0"
  1031. }
  1032. .van-icon-underway:before {
  1033. content: "\F0D1"
  1034. }
  1035. .van-icon-upgrade:before {
  1036. content: "\F0D2"
  1037. }
  1038. .van-icon-user-circle-o:before {
  1039. content: "\F0D3"
  1040. }
  1041. .van-icon-user-o:before {
  1042. content: "\F0D4"
  1043. }
  1044. .van-icon-video-o:before {
  1045. content: "\F0D5"
  1046. }
  1047. .van-icon-video:before {
  1048. content: "\F0D6"
  1049. }
  1050. .van-icon-vip-card-o:before {
  1051. content: "\F0D7"
  1052. }
  1053. .van-icon-vip-card:before {
  1054. content: "\F0D8"
  1055. }
  1056. .van-icon-volume-o:before {
  1057. content: "\F0D9"
  1058. }
  1059. .van-icon-volume:before {
  1060. content: "\F0DA"
  1061. }
  1062. .van-icon-wap-home-o:before {
  1063. content: "\F0DB"
  1064. }
  1065. .van-icon-wap-home:before {
  1066. content: "\F0DC"
  1067. }
  1068. .van-icon-wap-nav:before {
  1069. content: "\F0DD"
  1070. }
  1071. .van-icon-warn-o:before {
  1072. content: "\F0DE"
  1073. }
  1074. .van-icon-warning-o:before {
  1075. content: "\F0DF"
  1076. }
  1077. .van-icon-warning:before {
  1078. content: "\F0E0"
  1079. }
  1080. .van-icon-weapp-nav:before {
  1081. content: "\F0E1"
  1082. }
  1083. .van-icon-wechat:before {
  1084. content: "\F0E2"
  1085. }
  1086. .van-icon-youzan-shield:before {
  1087. content: "\F0E3"
  1088. }
  1089. .van-icon__image {
  1090. width: 1em;
  1091. height: 1em
  1092. }
  1093. .van-loading,
  1094. .van-loading__spinner {
  1095. position: relative;
  1096. vertical-align: middle
  1097. }
  1098. .van-loading {
  1099. color: #c8c9cc;
  1100. font-size: 0
  1101. }
  1102. .van-loading__spinner {
  1103. display: inline-block;
  1104. width: 30px;
  1105. max-width: 100%;
  1106. height: 30px;
  1107. max-height: 100%;
  1108. -webkit-animation: van-rotate .8s linear infinite;
  1109. animation: van-rotate .8s linear infinite
  1110. }
  1111. .van-loading__spinner--spinner {
  1112. -webkit-animation-timing-function: steps(12);
  1113. animation-timing-function: steps(12)
  1114. }
  1115. .van-circle svg,
  1116. .van-loading__spinner--spinner i {
  1117. position: absolute;
  1118. top: 0;
  1119. left: 0;
  1120. width: 100%;
  1121. height: 100%
  1122. }
  1123. .van-loading__spinner--spinner i::before {
  1124. display: block;
  1125. width: 2px;
  1126. height: 25%;
  1127. margin: 0 auto;
  1128. background-color: currentColor;
  1129. border-radius: 40%;
  1130. content: ' '
  1131. }
  1132. .van-loading__spinner--circular {
  1133. -webkit-animation-duration: 2s;
  1134. animation-duration: 2s
  1135. }
  1136. .van-loading__circular {
  1137. display: block;
  1138. width: 100%;
  1139. height: 100%
  1140. }
  1141. .van-loading__circular circle {
  1142. -webkit-animation: van-circular 1.5s ease-in-out infinite;
  1143. animation: van-circular 1.5s ease-in-out infinite;
  1144. stroke: currentColor;
  1145. stroke-width: 3;
  1146. stroke-linecap: round
  1147. }
  1148. .van-loading__text {
  1149. display: inline-block;
  1150. margin-left: 8px;
  1151. color: #969799;
  1152. font-size: 14px;
  1153. vertical-align: middle
  1154. }
  1155. .van-loading--vertical {
  1156. display: -webkit-box;
  1157. display: -webkit-flex;
  1158. display: flex;
  1159. -webkit-box-orient: vertical;
  1160. -webkit-box-direction: normal;
  1161. -webkit-flex-direction: column;
  1162. flex-direction: column;
  1163. -webkit-box-align: center;
  1164. -webkit-align-items: center;
  1165. align-items: center
  1166. }
  1167. .van-loading--vertical .van-loading__text {
  1168. margin: 8px 0 0
  1169. }
  1170. .van-loading__spinner--spinner i:nth-of-type(1) {
  1171. -webkit-transform: rotate(30deg);
  1172. transform: rotate(30deg);
  1173. opacity: 1
  1174. }
  1175. .van-loading__spinner--spinner i:nth-of-type(2) {
  1176. -webkit-transform: rotate(60deg);
  1177. transform: rotate(60deg);
  1178. opacity: .9375
  1179. }
  1180. .van-loading__spinner--spinner i:nth-of-type(3) {
  1181. -webkit-transform: rotate(90deg);
  1182. transform: rotate(90deg);
  1183. opacity: .875
  1184. }
  1185. .van-loading__spinner--spinner i:nth-of-type(4) {
  1186. -webkit-transform: rotate(120deg);
  1187. transform: rotate(120deg);
  1188. opacity: .8125
  1189. }
  1190. .van-loading__spinner--spinner i:nth-of-type(5) {
  1191. -webkit-transform: rotate(150deg);
  1192. transform: rotate(150deg);
  1193. opacity: .75
  1194. }
  1195. .van-loading__spinner--spinner i:nth-of-type(6) {
  1196. -webkit-transform: rotate(180deg);
  1197. transform: rotate(180deg);
  1198. opacity: .6875
  1199. }
  1200. .van-loading__spinner--spinner i:nth-of-type(7) {
  1201. -webkit-transform: rotate(210deg);
  1202. transform: rotate(210deg);
  1203. opacity: .625
  1204. }
  1205. .van-loading__spinner--spinner i:nth-of-type(8) {
  1206. -webkit-transform: rotate(240deg);
  1207. transform: rotate(240deg);
  1208. opacity: .5625
  1209. }
  1210. .van-loading__spinner--spinner i:nth-of-type(9) {
  1211. -webkit-transform: rotate(270deg);
  1212. transform: rotate(270deg);
  1213. opacity: .5
  1214. }
  1215. .van-loading__spinner--spinner i:nth-of-type(10) {
  1216. -webkit-transform: rotate(300deg);
  1217. transform: rotate(300deg);
  1218. opacity: .4375
  1219. }
  1220. .van-loading__spinner--spinner i:nth-of-type(11) {
  1221. -webkit-transform: rotate(330deg);
  1222. transform: rotate(330deg);
  1223. opacity: .375
  1224. }
  1225. .van-loading__spinner--spinner i:nth-of-type(12) {
  1226. -webkit-transform: rotate(360deg);
  1227. transform: rotate(360deg);
  1228. opacity: .3125
  1229. }
  1230. .van-button {
  1231. position: relative;
  1232. display: inline-block;
  1233. box-sizing: border-box;
  1234. height: 44px;
  1235. margin: 0;
  1236. padding: 0;
  1237. font-size: 16px;
  1238. line-height: 42px;
  1239. text-align: center;
  1240. border-radius: 2px;
  1241. -webkit-transition: opacity .2s;
  1242. transition: opacity .2s;
  1243. -webkit-appearance: none;
  1244. -webkit-text-size-adjust: 100%
  1245. }
  1246. .van-button::before {
  1247. position: absolute;
  1248. top: 50%;
  1249. left: 50%;
  1250. width: 100%;
  1251. height: 100%;
  1252. background-color: #000;
  1253. border: inherit;
  1254. border-color: #000;
  1255. border-radius: inherit;
  1256. -webkit-transform: translate(-50%, -50%);
  1257. transform: translate(-50%, -50%);
  1258. opacity: 0;
  1259. content: ' '
  1260. }
  1261. .van-button:active::before {
  1262. opacity: .1
  1263. }
  1264. .van-button--disabled::before,
  1265. .van-button--loading::before {
  1266. display: none
  1267. }
  1268. .van-button--default {
  1269. color: #323233;
  1270. background-color: #fff;
  1271. border: 1px solid #ebedf0
  1272. }
  1273. .van-button--primary {
  1274. color: #fff;
  1275. background-color: #07c160;
  1276. border: 1px solid #07c160
  1277. }
  1278. .van-button--info {
  1279. color: #fff;
  1280. background-color: #1989fa;
  1281. border: 1px solid #1989fa
  1282. }
  1283. .van-button--danger {
  1284. color: #fff;
  1285. background-color: #ee0a24;
  1286. border: 1px solid #ee0a24
  1287. }
  1288. .van-button--warning {
  1289. color: #fff;
  1290. background-color: #ff976a;
  1291. border: 1px solid #ff976a
  1292. }
  1293. .van-button--plain {
  1294. background-color: #fff
  1295. }
  1296. .van-button--plain.van-button--primary {
  1297. color: #07c160
  1298. }
  1299. .van-button--plain.van-button--info {
  1300. color: #1989fa
  1301. }
  1302. .van-button--plain.van-button--danger {
  1303. color: #ee0a24
  1304. }
  1305. .van-button--plain.van-button--warning {
  1306. color: #ff976a
  1307. }
  1308. .van-button--large {
  1309. width: 100%;
  1310. height: 50px;
  1311. line-height: 48px
  1312. }
  1313. .van-button--normal {
  1314. padding: 0 15px;
  1315. font-size: 14px
  1316. }
  1317. .van-button--small {
  1318. min-width: 60px;
  1319. height: 30px;
  1320. padding: 0 8px;
  1321. font-size: 12px;
  1322. line-height: 28px
  1323. }
  1324. .van-button__loading {
  1325. display: inline-block;
  1326. color: inherit;
  1327. vertical-align: top
  1328. }
  1329. .van-button--mini {
  1330. display: inline-block;
  1331. min-width: 50px;
  1332. height: 22px;
  1333. font-size: 10px;
  1334. line-height: 20px
  1335. }
  1336. .van-button--mini+.van-button--mini {
  1337. margin-left: 4px
  1338. }
  1339. .van-button--block {
  1340. display: block;
  1341. width: 100%
  1342. }
  1343. .van-button--disabled {
  1344. opacity: .5
  1345. }
  1346. .van-button--hairline.van-button--round::after,
  1347. .van-button--round {
  1348. border-radius: 999px
  1349. }
  1350. .van-button--hairline.van-button--square::after,
  1351. .van-button--square {
  1352. border-radius: 0
  1353. }
  1354. .van-button__icon {
  1355. min-width: 1em;
  1356. font-size: 1.2em;
  1357. line-height: inherit;
  1358. vertical-align: top
  1359. }
  1360. .van-button__icon+.van-button__text,
  1361. .van-button__loading+.van-button__text {
  1362. display: inline-block;
  1363. margin-left: 5px;
  1364. vertical-align: top
  1365. }
  1366. .van-button--hairline {
  1367. border-width: 0
  1368. }
  1369. .van-button--hairline::after {
  1370. border-color: inherit;
  1371. border-radius: 4px
  1372. }
  1373. .van-cell {
  1374. position: relative;
  1375. display: -webkit-box;
  1376. display: -webkit-flex;
  1377. display: flex;
  1378. box-sizing: border-box;
  1379. width: 100%;
  1380. padding: 10px 16px;
  1381. overflow: hidden;
  1382. color: #323233;
  1383. font-size: 14px;
  1384. line-height: 24px;
  1385. background-color: #fff
  1386. }
  1387. .van-cell:not(:last-child)::after {
  1388. position: absolute;
  1389. box-sizing: border-box;
  1390. content: ' ';
  1391. pointer-events: none;
  1392. right: 0;
  1393. bottom: 0;
  1394. left: 16px;
  1395. border-bottom: 1px solid #ebedf0;
  1396. -webkit-transform: scaleY(.5);
  1397. transform: scaleY(.5)
  1398. }
  1399. .van-cell--borderless::after {
  1400. display: none
  1401. }
  1402. .van-cell__label {
  1403. margin-top: 3px;
  1404. color: #969799;
  1405. font-size: 12px;
  1406. line-height: 18px
  1407. }
  1408. .van-cell__title,
  1409. .van-cell__value {
  1410. -webkit-box-flex: 1;
  1411. -webkit-flex: 1;
  1412. flex: 1
  1413. }
  1414. .van-cell__value {
  1415. position: relative;
  1416. overflow: hidden;
  1417. color: #969799;
  1418. text-align: right;
  1419. vertical-align: middle;
  1420. word-wrap: break-word
  1421. }
  1422. .van-cell__value--alone {
  1423. color: #323233;
  1424. text-align: left
  1425. }
  1426. .van-cell__left-icon,
  1427. .van-cell__right-icon {
  1428. min-width: 1em;
  1429. height: 24px;
  1430. font-size: 16px;
  1431. line-height: 24px
  1432. }
  1433. .van-cell__left-icon {
  1434. margin-right: 5px
  1435. }
  1436. .van-cell__right-icon {
  1437. margin-left: 5px;
  1438. color: #969799
  1439. }
  1440. .van-cell--clickable:active {
  1441. background-color: #f2f3f5
  1442. }
  1443. .van-cell--required {
  1444. overflow: visible
  1445. }
  1446. .van-cell--required::before {
  1447. position: absolute;
  1448. left: 8px;
  1449. color: #ee0a24;
  1450. font-size: 14px;
  1451. content: '*'
  1452. }
  1453. .van-cell--center {
  1454. -webkit-box-align: center;
  1455. -webkit-align-items: center;
  1456. align-items: center
  1457. }
  1458. .van-cell--large {
  1459. padding-top: 12px;
  1460. padding-bottom: 12px
  1461. }
  1462. .van-cell--large .van-cell__title {
  1463. font-size: 16px
  1464. }
  1465. .van-cell--large .van-cell__label {
  1466. font-size: 14px
  1467. }
  1468. .van-cell-group {
  1469. background-color: #fff
  1470. }
  1471. .van-cell-group__title {
  1472. padding: 16px 16px 8px;
  1473. color: #969799;
  1474. font-size: 14px;
  1475. line-height: 16px
  1476. }
  1477. .van-col {
  1478. float: left;
  1479. box-sizing: border-box;
  1480. min-height: 1px
  1481. }
  1482. .van-col--1 {
  1483. width: 4.16666667%
  1484. }
  1485. .van-col--offset-1 {
  1486. margin-left: 4.16666667%
  1487. }
  1488. .van-col--2 {
  1489. width: 8.33333333%
  1490. }
  1491. .van-col--offset-2 {
  1492. margin-left: 8.33333333%
  1493. }
  1494. .van-col--3 {
  1495. width: 12.5%
  1496. }
  1497. .van-col--offset-3 {
  1498. margin-left: 12.5%
  1499. }
  1500. .van-col--4 {
  1501. width: 16.66666667%
  1502. }
  1503. .van-col--offset-4 {
  1504. margin-left: 16.66666667%
  1505. }
  1506. .van-col--5 {
  1507. width: 20.83333333%
  1508. }
  1509. .van-col--offset-5 {
  1510. margin-left: 20.83333333%
  1511. }
  1512. .van-col--6 {
  1513. width: 25%
  1514. }
  1515. .van-col--offset-6 {
  1516. margin-left: 25%
  1517. }
  1518. .van-col--7 {
  1519. width: 29.16666667%
  1520. }
  1521. .van-col--offset-7 {
  1522. margin-left: 29.16666667%
  1523. }
  1524. .van-col--8 {
  1525. width: 33.33333333%
  1526. }
  1527. .van-col--offset-8 {
  1528. margin-left: 33.33333333%
  1529. }
  1530. .van-col--9 {
  1531. width: 37.5%
  1532. }
  1533. .van-col--offset-9 {
  1534. margin-left: 37.5%
  1535. }
  1536. .van-col--10 {
  1537. width: 41.66666667%
  1538. }
  1539. .van-col--offset-10 {
  1540. margin-left: 41.66666667%
  1541. }
  1542. .van-col--11 {
  1543. width: 45.83333333%
  1544. }
  1545. .van-col--offset-11 {
  1546. margin-left: 45.83333333%
  1547. }
  1548. .van-col--12 {
  1549. width: 50%
  1550. }
  1551. .van-col--offset-12 {
  1552. margin-left: 50%
  1553. }
  1554. .van-col--13 {
  1555. width: 54.16666667%
  1556. }
  1557. .van-col--offset-13 {
  1558. margin-left: 54.16666667%
  1559. }
  1560. .van-col--14 {
  1561. width: 58.33333333%
  1562. }
  1563. .van-col--offset-14 {
  1564. margin-left: 58.33333333%
  1565. }
  1566. .van-col--15 {
  1567. width: 62.5%
  1568. }
  1569. .van-col--offset-15 {
  1570. margin-left: 62.5%
  1571. }
  1572. .van-col--16 {
  1573. width: 66.66666667%
  1574. }
  1575. .van-col--offset-16 {
  1576. margin-left: 66.66666667%
  1577. }
  1578. .van-col--17 {
  1579. width: 70.83333333%
  1580. }
  1581. .van-col--offset-17 {
  1582. margin-left: 70.83333333%
  1583. }
  1584. .van-col--18 {
  1585. width: 75%
  1586. }
  1587. .van-col--offset-18 {
  1588. margin-left: 75%
  1589. }
  1590. .van-col--19 {
  1591. width: 79.16666667%
  1592. }
  1593. .van-col--offset-19 {
  1594. margin-left: 79.16666667%
  1595. }
  1596. .van-col--20 {
  1597. width: 83.33333333%
  1598. }
  1599. .van-col--offset-20 {
  1600. margin-left: 83.33333333%
  1601. }
  1602. .van-col--21 {
  1603. width: 87.5%
  1604. }
  1605. .van-col--offset-21 {
  1606. margin-left: 87.5%
  1607. }
  1608. .van-col--22 {
  1609. width: 91.66666667%
  1610. }
  1611. .van-col--offset-22 {
  1612. margin-left: 91.66666667%
  1613. }
  1614. .van-col--23 {
  1615. width: 95.83333333%
  1616. }
  1617. .van-col--offset-23 {
  1618. margin-left: 95.83333333%
  1619. }
  1620. .van-col--24 {
  1621. width: 100%
  1622. }
  1623. .van-col--offset-24 {
  1624. margin-left: 100%
  1625. }
  1626. .van-row::after {
  1627. display: table;
  1628. clear: both;
  1629. content: ""
  1630. }
  1631. .van-row--flex {
  1632. display: -webkit-box;
  1633. display: -webkit-flex;
  1634. display: flex
  1635. }
  1636. .van-row--flex::after {
  1637. display: none
  1638. }
  1639. .van-row--justify-center {
  1640. -webkit-box-pack: center;
  1641. -webkit-justify-content: center;
  1642. justify-content: center
  1643. }
  1644. .van-row--justify-end {
  1645. -webkit-box-pack: end;
  1646. -webkit-justify-content: flex-end;
  1647. justify-content: flex-end
  1648. }
  1649. .van-row--justify-space-between {
  1650. -webkit-box-pack: justify;
  1651. -webkit-justify-content: space-between;
  1652. justify-content: space-between
  1653. }
  1654. .van-row--justify-space-around {
  1655. -webkit-justify-content: space-around;
  1656. justify-content: space-around
  1657. }
  1658. .van-row--align-center {
  1659. -webkit-box-align: center;
  1660. -webkit-align-items: center;
  1661. align-items: center
  1662. }
  1663. .van-row--align-bottom {
  1664. -webkit-box-align: end;
  1665. -webkit-align-items: flex-end;
  1666. align-items: flex-end
  1667. }
  1668. .van-grid {
  1669. display: -webkit-box;
  1670. display: -webkit-flex;
  1671. display: flex;
  1672. -webkit-flex-wrap: wrap;
  1673. flex-wrap: wrap
  1674. }
  1675. .van-grid-item {
  1676. position: relative;
  1677. box-sizing: border-box
  1678. }
  1679. .van-grid-item--square {
  1680. height: 0
  1681. }
  1682. .van-grid-item__content {
  1683. display: -webkit-box;
  1684. display: -webkit-flex;
  1685. display: flex;
  1686. -webkit-box-orient: vertical;
  1687. -webkit-box-direction: normal;
  1688. -webkit-flex-direction: column;
  1689. flex-direction: column;
  1690. box-sizing: border-box;
  1691. height: 100%;
  1692. padding: 16px 8px;
  1693. background-color: #fff
  1694. }
  1695. .van-grid-item__content::after {
  1696. z-index: 1;
  1697. border-width: 0 1px 1px 0
  1698. }
  1699. .van-grid-item__content--square {
  1700. position: absolute;
  1701. top: 0;
  1702. right: 0;
  1703. left: 0
  1704. }
  1705. .van-grid-item__content--center {
  1706. -webkit-box-align: center;
  1707. -webkit-align-items: center;
  1708. align-items: center;
  1709. -webkit-box-pack: center;
  1710. -webkit-justify-content: center;
  1711. justify-content: center
  1712. }
  1713. .van-grid-item__content--surround::after {
  1714. border-width: 1px
  1715. }
  1716. .van-grid-item__content--clickable:active {
  1717. background-color: #f2f3f5
  1718. }
  1719. .van-grid-item__icon {
  1720. font-size: 28px
  1721. }
  1722. .van-grid-item__icon-wrapper {
  1723. position: relative
  1724. }
  1725. .van-grid-item__text {
  1726. color: #7d7e80;
  1727. font-size: 12px;
  1728. word-wrap: break-word
  1729. }
  1730. .van-grid-item__icon+.van-grid-item__text {
  1731. margin-top: 8px
  1732. }
  1733. .van-image {
  1734. position: relative;
  1735. display: inline-block
  1736. }
  1737. .van-image--round {
  1738. overflow: hidden;
  1739. border-radius: 50%
  1740. }
  1741. .van-image--round img {
  1742. border-radius: inherit
  1743. }
  1744. .van-image__error,
  1745. .van-image__img,
  1746. .van-image__loading {
  1747. display: block;
  1748. width: 100%;
  1749. height: 100%
  1750. }
  1751. .van-image__error,
  1752. .van-image__loading {
  1753. position: absolute;
  1754. top: 0;
  1755. left: 0;
  1756. display: -webkit-box;
  1757. display: -webkit-flex;
  1758. display: flex;
  1759. -webkit-box-orient: vertical;
  1760. -webkit-box-direction: normal;
  1761. -webkit-flex-direction: column;
  1762. flex-direction: column;
  1763. -webkit-box-align: center;
  1764. -webkit-align-items: center;
  1765. align-items: center;
  1766. -webkit-box-pack: center;
  1767. -webkit-justify-content: center;
  1768. justify-content: center;
  1769. color: #969799;
  1770. font-size: 14px;
  1771. background-color: #f8f8f8
  1772. }
  1773. .van-circle {
  1774. position: relative;
  1775. display: inline-block;
  1776. text-align: center
  1777. }
  1778. .van-circle__layer {
  1779. fill: none;
  1780. stroke-linecap: round
  1781. }
  1782. .van-circle__text {
  1783. position: absolute;
  1784. top: 50%;
  1785. left: 0;
  1786. width: 100%;
  1787. color: #323233;
  1788. font-weight: 500;
  1789. font-size: 14px;
  1790. line-height: 18px;
  1791. -webkit-transform: translateY(-50%);
  1792. transform: translateY(-50%)
  1793. }
  1794. .van-collapse-item__title .van-cell__right-icon::before {
  1795. -webkit-transform: rotate(90deg);
  1796. transform: rotate(90deg);
  1797. -webkit-transition: -webkit-transform .3s;
  1798. transition: transform .3s;
  1799. transition: transform .3s, -webkit-transform .3s
  1800. }
  1801. .van-collapse-item__title::after {
  1802. visibility: hidden
  1803. }
  1804. .van-collapse-item__title--expanded .van-cell__right-icon::before {
  1805. -webkit-transform: rotate(-90deg);
  1806. transform: rotate(-90deg)
  1807. }
  1808. .van-collapse-item__title--expanded::after {
  1809. visibility: visible
  1810. }
  1811. .van-collapse-item__title--disabled,
  1812. .van-collapse-item__title--disabled .van-cell__right-icon {
  1813. color: #c8c9cc
  1814. }
  1815. .van-collapse-item__title--disabled:active {
  1816. background-color: #fff
  1817. }
  1818. .van-collapse-item__wrapper {
  1819. overflow: hidden;
  1820. -webkit-transition: height .3s ease-in-out;
  1821. transition: height .3s ease-in-out;
  1822. will-change: height
  1823. }
  1824. .van-collapse-item__content {
  1825. padding: 16px;
  1826. color: #969799;
  1827. font-size: 13px;
  1828. line-height: 1.5;
  1829. background-color: #fff
  1830. }
  1831. .van-count-down,
  1832. .van-divider {
  1833. color: #323233;
  1834. font-size: 14px;
  1835. line-height: 20px
  1836. }
  1837. .van-divider {
  1838. display: -webkit-box;
  1839. display: -webkit-flex;
  1840. display: flex;
  1841. -webkit-box-align: center;
  1842. -webkit-align-items: center;
  1843. align-items: center;
  1844. margin: 16px 0;
  1845. color: #969799;
  1846. line-height: 24px;
  1847. border-color: #ebedf0;
  1848. border-style: solid;
  1849. border-width: 0
  1850. }
  1851. .van-divider::after,
  1852. .van-divider::before {
  1853. display: block;
  1854. -webkit-box-flex: 1;
  1855. -webkit-flex: 1;
  1856. flex: 1;
  1857. box-sizing: border-box;
  1858. height: 1px;
  1859. border-color: inherit;
  1860. border-style: inherit;
  1861. border-width: 1px 0 0
  1862. }
  1863. .van-divider::before {
  1864. content: ''
  1865. }
  1866. .van-divider--hairline::after,
  1867. .van-divider--hairline::before {
  1868. -webkit-transform: scaleY(.5);
  1869. transform: scaleY(.5)
  1870. }
  1871. .van-divider--dashed {
  1872. border-style: dashed
  1873. }
  1874. .van-divider--content-center::before,
  1875. .van-divider--content-left::before,
  1876. .van-divider--content-right::before {
  1877. margin-right: 16px
  1878. }
  1879. .van-divider--content-center::after,
  1880. .van-divider--content-left::after,
  1881. .van-divider--content-right::after {
  1882. margin-left: 16px;
  1883. content: ''
  1884. }
  1885. .van-divider--content-left::before,
  1886. .van-divider--content-right::after {
  1887. max-width: 10%
  1888. }
  1889. .van-list__error-text,
  1890. .van-list__finished-text,
  1891. .van-list__loading {
  1892. color: #969799;
  1893. font-size: 14px;
  1894. line-height: 50px;
  1895. text-align: center
  1896. }
  1897. .van-list__placeholder {
  1898. height: 0;
  1899. pointer-events: none
  1900. }
  1901. .van-nav-bar {
  1902. position: relative;
  1903. height: 46px;
  1904. line-height: 46px;
  1905. text-align: center;
  1906. background-color: #fff;
  1907. -webkit-user-select: none;
  1908. user-select: none
  1909. }
  1910. .van-nav-bar .van-icon {
  1911. color: #1989fa;
  1912. vertical-align: middle
  1913. }
  1914. .van-nav-bar__arrow {
  1915. min-width: 1em;
  1916. font-size: 16px
  1917. }
  1918. .van-nav-bar__arrow+.van-nav-bar__text {
  1919. margin-left: -20px;
  1920. padding-left: 25px
  1921. }
  1922. .van-nav-bar--fixed {
  1923. position: fixed;
  1924. top: 0;
  1925. left: 0;
  1926. width: 100%
  1927. }
  1928. .van-nav-bar__title {
  1929. max-width: 60%;
  1930. margin: 0 auto;
  1931. color: #323233;
  1932. font-weight: 500;
  1933. font-size: 16px
  1934. }
  1935. .van-nav-bar__left,
  1936. .van-nav-bar__right {
  1937. position: absolute;
  1938. bottom: 0;
  1939. font-size: 14px
  1940. }
  1941. .van-nav-bar__left {
  1942. left: 16px
  1943. }
  1944. .van-nav-bar__right {
  1945. right: 16px
  1946. }
  1947. .van-nav-bar__text {
  1948. display: inline-block;
  1949. margin: 0 -16px;
  1950. padding: 0 16px;
  1951. color: #1989fa;
  1952. vertical-align: middle
  1953. }
  1954. .van-nav-bar__text:active {
  1955. background-color: #f2f3f5
  1956. }
  1957. .van-notice-bar {
  1958. position: relative;
  1959. display: -webkit-box;
  1960. display: -webkit-flex;
  1961. display: flex;
  1962. -webkit-box-align: center;
  1963. -webkit-align-items: center;
  1964. align-items: center;
  1965. height: 40px;
  1966. padding: 0 16px;
  1967. color: #ed6a0c;
  1968. font-size: 14px;
  1969. line-height: 24px;
  1970. background-color: #fffbe8
  1971. }
  1972. .van-notice-bar__left-icon,
  1973. .van-notice-bar__right-icon {
  1974. min-width: 22px;
  1975. font-size: 16px
  1976. }
  1977. .van-notice-bar__right-icon {
  1978. text-align: right
  1979. }
  1980. .van-notice-bar__wrap {
  1981. position: relative;
  1982. -webkit-box-flex: 1;
  1983. -webkit-flex: 1;
  1984. flex: 1;
  1985. height: 24px;
  1986. overflow: hidden
  1987. }
  1988. .van-notice-bar__content {
  1989. position: absolute;
  1990. white-space: nowrap
  1991. }
  1992. .van-notice-bar__content.van-ellipsis {
  1993. max-width: 100%
  1994. }
  1995. .van-notice-bar__play {
  1996. -webkit-animation: van-notice-bar-play linear both;
  1997. animation: van-notice-bar-play linear both
  1998. }
  1999. .van-notice-bar__play--infinite {
  2000. -webkit-animation: van-notice-bar-play-infinite linear infinite both;
  2001. animation: van-notice-bar-play-infinite linear infinite both
  2002. }
  2003. .van-notice-bar--wrapable {
  2004. height: auto;
  2005. padding: 8px 16px
  2006. }
  2007. .van-notice-bar--wrapable .van-notice-bar__wrap {
  2008. height: auto
  2009. }
  2010. .van-notice-bar--wrapable .van-notice-bar__content {
  2011. position: relative;
  2012. white-space: normal;
  2013. word-wrap: break-word
  2014. }
  2015. .van-overlay {
  2016. position: fixed;
  2017. top: 0;
  2018. left: 0;
  2019. width: 100%;
  2020. height: 100%;
  2021. background-color: rgba(0, 0, 0, .7)
  2022. }
  2023. .van-overflow-hidden {
  2024. overflow: hidden !important
  2025. }
  2026. .van-popup {
  2027. position: fixed;
  2028. max-height: 100%;
  2029. overflow-y: auto;
  2030. background-color: #fff;
  2031. -webkit-transition: -webkit-transform .3s ease-out;
  2032. transition: transform .3s ease-out;
  2033. transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  2034. -webkit-overflow-scrolling: touch
  2035. }
  2036. .van-popup--center {
  2037. top: 50%;
  2038. left: 50%;
  2039. -webkit-transform: translate3d(-50%, -50%, 0);
  2040. transform: translate3d(-50%, -50%, 0)
  2041. }
  2042. .van-popup--center.van-popup--round {
  2043. border-radius: 20px
  2044. }
  2045. .van-popup--top {
  2046. top: 0;
  2047. left: 0;
  2048. width: 100%
  2049. }
  2050. .van-popup--top.van-popup--round {
  2051. border-radius: 0 0 20px 20px
  2052. }
  2053. .van-popup--right {
  2054. top: 50%;
  2055. right: 0;
  2056. -webkit-transform: translate3d(0, -50%, 0);
  2057. transform: translate3d(0, -50%, 0)
  2058. }
  2059. .van-popup--right.van-popup--round {
  2060. border-radius: 20px 0 0 20px
  2061. }
  2062. .van-popup--bottom {
  2063. bottom: 0;
  2064. left: 0;
  2065. width: 100%
  2066. }
  2067. .van-popup--bottom.van-popup--round {
  2068. border-radius: 20px 20px 0 0
  2069. }
  2070. .van-popup--left {
  2071. top: 50%;
  2072. left: 0;
  2073. -webkit-transform: translate3d(0, -50%, 0);
  2074. transform: translate3d(0, -50%, 0)
  2075. }
  2076. .van-popup--left.van-popup--round {
  2077. border-radius: 0 20px 20px 0
  2078. }
  2079. .van-popup--safe-area-inset-bottom {
  2080. padding-bottom: constant(safe-area-inset-bottom);
  2081. padding-bottom: env(safe-area-inset-bottom)
  2082. }
  2083. .van-popup-slide-top-enter,
  2084. .van-popup-slide-top-leave-active {
  2085. -webkit-transform: translate3d(0, -100%, 0);
  2086. transform: translate3d(0, -100%, 0)
  2087. }
  2088. .van-popup-slide-right-enter,
  2089. .van-popup-slide-right-leave-active {
  2090. -webkit-transform: translate3d(100%, -50%, 0);
  2091. transform: translate3d(100%, -50%, 0)
  2092. }
  2093. .van-popup-slide-bottom-enter,
  2094. .van-popup-slide-bottom-leave-active {
  2095. -webkit-transform: translate3d(0, 100%, 0);
  2096. transform: translate3d(0, 100%, 0)
  2097. }
  2098. .van-popup-slide-left-enter,
  2099. .van-popup-slide-left-leave-active {
  2100. -webkit-transform: translate3d(-100%, -50%, 0);
  2101. transform: translate3d(-100%, -50%, 0)
  2102. }
  2103. .van-popup__close-icon {
  2104. position: absolute;
  2105. z-index: 1;
  2106. color: #969799;
  2107. font-size: 18px
  2108. }
  2109. .van-popup__close-icon:active {
  2110. opacity: .7
  2111. }
  2112. .van-popup__close-icon--top-left {
  2113. top: 16px;
  2114. left: 16px
  2115. }
  2116. .van-popup__close-icon--top-right {
  2117. top: 16px;
  2118. right: 16px
  2119. }
  2120. .van-popup__close-icon--bottom-left {
  2121. bottom: 16px;
  2122. left: 16px
  2123. }
  2124. .van-popup__close-icon--bottom-right {
  2125. right: 16px;
  2126. bottom: 16px
  2127. }
  2128. .van-search,
  2129. .van-search__content {
  2130. display: -webkit-box;
  2131. display: -webkit-flex;
  2132. display: flex
  2133. }
  2134. .van-search {
  2135. -webkit-box-align: center;
  2136. -webkit-align-items: center;
  2137. align-items: center;
  2138. box-sizing: border-box;
  2139. padding: 10px 12px
  2140. }
  2141. .van-search__content {
  2142. -webkit-box-flex: 1;
  2143. -webkit-flex: 1;
  2144. flex: 1;
  2145. padding-left: 8px;
  2146. background-color: #f7f8fa;
  2147. border-radius: 2px
  2148. }
  2149. .van-search__content--round {
  2150. border-radius: 17px
  2151. }
  2152. .van-search__label {
  2153. padding: 0 5px;
  2154. color: #323233;
  2155. font-size: 14px;
  2156. line-height: 34px
  2157. }
  2158. .van-search .van-cell {
  2159. -webkit-box-flex: 1;
  2160. -webkit-flex: 1;
  2161. flex: 1;
  2162. padding: 5px 8px 5px 0;
  2163. background-color: transparent
  2164. }
  2165. .van-search .van-cell__left-icon {
  2166. color: #969799
  2167. }
  2168. .van-search--show-action {
  2169. padding-right: 0
  2170. }
  2171. .van-search input::-webkit-search-cancel-button,
  2172. .van-search input::-webkit-search-decoration,
  2173. .van-search input::-webkit-search-results-button,
  2174. .van-search input::-webkit-search-results-decoration {
  2175. display: none
  2176. }
  2177. .van-search__action {
  2178. padding: 0 8px;
  2179. color: #323233;
  2180. font-size: 14px;
  2181. line-height: 34px
  2182. }
  2183. .van-search__action:active {
  2184. background-color: #f2f3f5
  2185. }
  2186. .van-pagination {
  2187. display: -webkit-box;
  2188. display: -webkit-flex;
  2189. display: flex;
  2190. font-size: 14px;
  2191. line-height: 40px;
  2192. text-align: center
  2193. }
  2194. .van-pagination__item {
  2195. -webkit-box-flex: 1;
  2196. -webkit-flex: 1;
  2197. flex: 1;
  2198. box-sizing: border-box;
  2199. min-width: 36px;
  2200. height: 40px;
  2201. color: #1989fa;
  2202. background-color: #fff;
  2203. -webkit-user-select: none;
  2204. user-select: none
  2205. }
  2206. .van-pagination__item:active {
  2207. color: #fff;
  2208. background-color: #1989fa
  2209. }
  2210. .van-pagination__item::after {
  2211. border-width: 1px 0 1px 1px
  2212. }
  2213. .van-pagination__item:last-child::after {
  2214. border-right-width: 1px
  2215. }
  2216. .van-pagination__item--disabled,
  2217. .van-pagination__item--disabled:active {
  2218. color: #7d7e80;
  2219. background-color: #f8f8f8;
  2220. opacity: .5
  2221. }
  2222. .van-pagination__item--active {
  2223. color: #fff;
  2224. background-color: #1989fa
  2225. }
  2226. .van-pagination__next,
  2227. .van-pagination__prev {
  2228. padding: 0 4px
  2229. }
  2230. .van-pagination__page {
  2231. -webkit-box-flex: 0;
  2232. -webkit-flex-grow: 0;
  2233. flex-grow: 0
  2234. }
  2235. .van-pagination__page-desc {
  2236. -webkit-box-flex: 1;
  2237. -webkit-flex: 1;
  2238. flex: 1;
  2239. height: 40px;
  2240. color: #7d7e80
  2241. }
  2242. .van-pagination--simple .van-pagination__next::after,
  2243. .van-pagination--simple .van-pagination__prev::after {
  2244. border-width: 1px
  2245. }
  2246. .van-panel {
  2247. background: #fff
  2248. }
  2249. .van-panel__header-value {
  2250. color: #ee0a24
  2251. }
  2252. .van-panel__footer {
  2253. padding: 8px 16px
  2254. }
  2255. .van-rate {
  2256. display: -webkit-inline-box;
  2257. display: -webkit-inline-flex;
  2258. display: inline-flex;
  2259. -webkit-user-select: none;
  2260. user-select: none
  2261. }
  2262. .van-rate__item {
  2263. position: relative
  2264. }
  2265. .van-rate__item:not(:last-child) {
  2266. padding-right: 4px
  2267. }
  2268. .van-rate__icon {
  2269. display: block;
  2270. width: 1em;
  2271. font-size: 20px
  2272. }
  2273. .van-rate__icon--half {
  2274. position: absolute;
  2275. top: 0;
  2276. left: 0;
  2277. width: .5em;
  2278. overflow: hidden
  2279. }
  2280. .van-steps {
  2281. overflow: hidden;
  2282. background-color: #fff
  2283. }
  2284. .van-steps--horizontal {
  2285. padding: 10px 10px 0
  2286. }
  2287. .van-steps--horizontal .van-steps__items {
  2288. position: relative;
  2289. display: -webkit-box;
  2290. display: -webkit-flex;
  2291. display: flex;
  2292. margin: 0 0 10px;
  2293. padding-bottom: 22px
  2294. }
  2295. .van-steps--vertical {
  2296. padding: 0 0 0 32px
  2297. }
  2298. .van-step {
  2299. position: relative;
  2300. -webkit-box-flex: 1;
  2301. -webkit-flex: 1;
  2302. flex: 1;
  2303. color: #969799;
  2304. font-size: 14px
  2305. }
  2306. .van-step__circle {
  2307. display: block;
  2308. width: 5px;
  2309. height: 5px;
  2310. background-color: #969799;
  2311. border-radius: 50%
  2312. }
  2313. .van-step__line {
  2314. position: absolute;
  2315. background-color: #ebedf0
  2316. }
  2317. .van-step--horizontal {
  2318. float: left
  2319. }
  2320. .van-step--horizontal:first-child .van-step__title {
  2321. margin-left: 0;
  2322. -webkit-transform: none;
  2323. transform: none
  2324. }
  2325. .van-step--horizontal:last-child {
  2326. position: absolute;
  2327. right: 1px;
  2328. width: auto
  2329. }
  2330. .van-step--horizontal:last-child .van-step__title {
  2331. margin-left: 0;
  2332. -webkit-transform: none;
  2333. transform: none
  2334. }
  2335. .van-step--horizontal:last-child .van-step__circle-container {
  2336. right: -9px;
  2337. left: auto
  2338. }
  2339. .van-step--horizontal .van-step__circle-container {
  2340. position: absolute;
  2341. top: 30px;
  2342. left: -8px;
  2343. z-index: 1;
  2344. padding: 0 8px;
  2345. background-color: #fff;
  2346. -webkit-transform: translateY(-50%);
  2347. transform: translateY(-50%)
  2348. }
  2349. .van-step--horizontal .van-step__title {
  2350. display: inline-block;
  2351. margin-left: 3px;
  2352. font-size: 12px;
  2353. -webkit-transform: translateX(-50%);
  2354. transform: translateX(-50%)
  2355. }
  2356. @media (max-width:321px) {
  2357. .van-step--horizontal .van-step__title {
  2358. font-size: 11px
  2359. }
  2360. }
  2361. .van-step--horizontal .van-step__line {
  2362. top: 30px;
  2363. left: 0;
  2364. width: 100%;
  2365. height: 1px
  2366. }
  2367. .van-step--horizontal .van-step__icon {
  2368. display: block;
  2369. font-size: 12px
  2370. }
  2371. .van-step--horizontal .van-step--process {
  2372. color: #323233
  2373. }
  2374. .van-step--vertical {
  2375. display: block;
  2376. float: none;
  2377. padding: 10px 10px 10px 0;
  2378. line-height: 18px
  2379. }
  2380. .van-step--vertical:not(:last-child)::after {
  2381. border-bottom-width: 1px
  2382. }
  2383. .van-step--vertical:first-child::before {
  2384. position: absolute;
  2385. top: 0;
  2386. left: -15px;
  2387. z-index: 1;
  2388. width: 1px;
  2389. height: 20px;
  2390. background-color: #fff;
  2391. content: ''
  2392. }
  2393. .van-step--vertical .van-step__circle-container {
  2394. position: absolute;
  2395. top: 19px;
  2396. left: -15px;
  2397. z-index: 2;
  2398. font-size: 12px;
  2399. line-height: 1;
  2400. -webkit-transform: translate(-50%, -50%);
  2401. transform: translate(-50%, -50%)
  2402. }
  2403. .van-step--vertical .van-step__line {
  2404. top: 16px;
  2405. left: -15px;
  2406. width: 1px;
  2407. height: 100%
  2408. }
  2409. .van-step:last-child .van-step__line {
  2410. width: 0
  2411. }
  2412. .van-step--finish {
  2413. color: #323233
  2414. }
  2415. .van-step--finish .van-step__circle,
  2416. .van-step--finish .van-step__line {
  2417. background-color: #07c160
  2418. }
  2419. .van-sticky--fixed {
  2420. position: fixed;
  2421. top: 0;
  2422. right: 0;
  2423. left: 0;
  2424. z-index: 99
  2425. }
  2426. .van-tag {
  2427. display: -webkit-inline-box;
  2428. display: -webkit-inline-flex;
  2429. display: inline-flex;
  2430. -webkit-box-align: center;
  2431. -webkit-align-items: center;
  2432. align-items: center;
  2433. padding: .2em .5em;
  2434. color: #fff;
  2435. font-size: 10px;
  2436. line-height: normal;
  2437. border-radius: .2em
  2438. }
  2439. .van-tag::after {
  2440. border-color: currentColor;
  2441. border-radius: .4em
  2442. }
  2443. .van-tag--default {
  2444. background-color: #969799
  2445. }
  2446. .van-tag--default.van-tag--plain {
  2447. color: #969799
  2448. }
  2449. .van-tag--danger {
  2450. background-color: #ee0a24
  2451. }
  2452. .van-tag--danger.van-tag--plain {
  2453. color: #ee0a24
  2454. }
  2455. .van-tag--primary {
  2456. background-color: #1989fa
  2457. }
  2458. .van-tag--primary.van-tag--plain {
  2459. color: #1989fa
  2460. }
  2461. .van-tag--success {
  2462. background-color: #07c160
  2463. }
  2464. .van-tag--success.van-tag--plain {
  2465. color: #07c160
  2466. }
  2467. .van-tag--warning {
  2468. background-color: #ff976a
  2469. }
  2470. .van-tag--warning.van-tag--plain {
  2471. color: #ff976a
  2472. }
  2473. .van-tag--plain {
  2474. background-color: #fff
  2475. }
  2476. .van-tag--mark {
  2477. padding-right: .7em
  2478. }
  2479. .van-tag--mark,
  2480. .van-tag--mark::after {
  2481. border-radius: 0 999px 999px 0
  2482. }
  2483. .van-tag--round,
  2484. .van-tag--round::after {
  2485. border-radius: 999px
  2486. }
  2487. .van-tag--medium {
  2488. font-size: 12px
  2489. }
  2490. .van-tag--large {
  2491. font-size: 14px
  2492. }
  2493. .van-tag__close {
  2494. margin-left: 2px
  2495. }
  2496. .van-tab__pane,
  2497. .van-tab__pane-wrapper {
  2498. -webkit-flex-shrink: 0;
  2499. flex-shrink: 0;
  2500. box-sizing: border-box;
  2501. width: 100%
  2502. }
  2503. .van-tab__pane-wrapper--inactive {
  2504. height: 0;
  2505. overflow: visible
  2506. }
  2507. .van-tab {
  2508. position: relative;
  2509. -webkit-box-flex: 1;
  2510. -webkit-flex: 1;
  2511. flex: 1;
  2512. box-sizing: border-box;
  2513. min-width: 0;
  2514. padding: 0 5px;
  2515. color: #7d7e80;
  2516. font-size: 14px;
  2517. line-height: 44px;
  2518. text-align: center;
  2519. cursor: pointer
  2520. }
  2521. .van-tab span {
  2522. display: block
  2523. }
  2524. .van-tab--active {
  2525. color: #323233;
  2526. font-weight: 500
  2527. }
  2528. .van-tab--disabled {
  2529. color: #c8c9cc
  2530. }
  2531. .van-tabs {
  2532. position: relative
  2533. }
  2534. .van-tabs__wrap {
  2535. overflow: hidden
  2536. }
  2537. .van-tabs__wrap--page-top {
  2538. position: fixed
  2539. }
  2540. .van-tabs__wrap--content-bottom {
  2541. top: auto;
  2542. bottom: 0
  2543. }
  2544. .van-tabs__wrap--scrollable .van-tab {
  2545. -webkit-box-flex: 0;
  2546. -webkit-flex: 0 0 22%;
  2547. flex: 0 0 22%
  2548. }
  2549. .van-tabs__wrap--scrollable .van-tab--complete {
  2550. -webkit-box-flex: 1;
  2551. -webkit-flex: 1 0 auto;
  2552. flex: 1 0 auto
  2553. }
  2554. .van-tabs__wrap--scrollable .van-tabs__nav {
  2555. overflow: hidden;
  2556. overflow-x: auto;
  2557. -webkit-overflow-scrolling: touch
  2558. }
  2559. .van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar {
  2560. display: none
  2561. }
  2562. .van-tabs__nav {
  2563. position: relative;
  2564. display: -webkit-box;
  2565. display: -webkit-flex;
  2566. display: flex;
  2567. background-color: #fff;
  2568. -webkit-user-select: none;
  2569. user-select: none
  2570. }
  2571. .van-tabs__nav--line {
  2572. box-sizing: content-box;
  2573. height: 100%;
  2574. padding-bottom: 15px
  2575. }
  2576. .van-tabs__nav--card {
  2577. box-sizing: border-box;
  2578. height: 30px;
  2579. margin: 0 16px;
  2580. border: 1px solid #ee0a24;
  2581. border-radius: 2px
  2582. }
  2583. .van-tabs__nav--card .van-tab {
  2584. color: #ee0a24;
  2585. line-height: 28px;
  2586. border-right: 1px solid #ee0a24
  2587. }
  2588. .van-tabs__nav--card .van-tab:last-child {
  2589. border-right: none
  2590. }
  2591. .van-tabs__nav--card .van-tab.van-tab--active {
  2592. color: #fff;
  2593. background-color: #ee0a24
  2594. }
  2595. .van-tabs__nav--card .van-tab--disabled {
  2596. color: #c8c9cc
  2597. }
  2598. .van-tabs__line {
  2599. position: absolute;
  2600. bottom: 15px;
  2601. left: 0;
  2602. z-index: 1;
  2603. height: 3px;
  2604. background-color: #ee0a24;
  2605. border-radius: 3px
  2606. }
  2607. .van-tabs__track {
  2608. position: relative;
  2609. display: -webkit-box;
  2610. display: -webkit-flex;
  2611. display: flex;
  2612. width: 100%;
  2613. height: 100%;
  2614. will-change: left
  2615. }
  2616. .van-tabs__content--animated {
  2617. overflow: hidden
  2618. }
  2619. .van-tabs--line .van-tabs__wrap {
  2620. height: 44px
  2621. }
  2622. .van-tabs--card>.van-tabs__wrap {
  2623. height: 30px
  2624. }
  2625. .van-tabbar {
  2626. display: -webkit-box;
  2627. display: -webkit-flex;
  2628. display: flex;
  2629. box-sizing: content-box;
  2630. width: 100%;
  2631. height: 50px;
  2632. background-color: #fff
  2633. }
  2634. .van-tabbar--fixed {
  2635. position: fixed;
  2636. bottom: 0;
  2637. left: 0
  2638. }
  2639. .van-tabbar--safe-area-inset-bottom {
  2640. padding-bottom: constant(safe-area-inset-bottom);
  2641. padding-bottom: env(safe-area-inset-bottom)
  2642. }
  2643. .van-tabbar-item {
  2644. display: -webkit-box;
  2645. display: -webkit-flex;
  2646. display: flex;
  2647. -webkit-box-flex: 1;
  2648. -webkit-flex: 1;
  2649. flex: 1;
  2650. -webkit-box-orient: vertical;
  2651. -webkit-box-direction: normal;
  2652. -webkit-flex-direction: column;
  2653. flex-direction: column;
  2654. -webkit-box-align: center;
  2655. -webkit-align-items: center;
  2656. align-items: center;
  2657. -webkit-box-pack: center;
  2658. -webkit-justify-content: center;
  2659. justify-content: center;
  2660. color: #7d7e80;
  2661. font-size: 12px;
  2662. line-height: 1
  2663. }
  2664. .van-tabbar-item__icon {
  2665. position: relative;
  2666. margin-bottom: 5px;
  2667. font-size: 18px
  2668. }
  2669. .van-tabbar-item__icon .van-icon {
  2670. display: block;
  2671. min-width: 1em
  2672. }
  2673. .van-tabbar-item__icon img {
  2674. display: block;
  2675. height: 18px
  2676. }
  2677. .van-tabbar-item--active {
  2678. color: #1989fa
  2679. }
  2680. .van-tabbar-item .van-info {
  2681. margin-top: 2px
  2682. }
  2683. .van-image-preview {
  2684. position: fixed;
  2685. top: 0;
  2686. left: 0;
  2687. width: 100%;
  2688. height: 100%
  2689. }
  2690. .van-image-preview__swipe {
  2691. height: 100%
  2692. }
  2693. .van-image-preview__cover,
  2694. .van-image-preview__image {
  2695. position: absolute;
  2696. top: 0;
  2697. left: 0
  2698. }
  2699. .van-image-preview__image {
  2700. right: 0;
  2701. bottom: 0;
  2702. -webkit-transition-property: -webkit-transform;
  2703. transition-property: transform;
  2704. transition-property: transform, -webkit-transform
  2705. }
  2706. .van-image-preview__image .van-image__loading {
  2707. background-color: transparent
  2708. }
  2709. .van-image-preview__index {
  2710. position: absolute;
  2711. top: 10px;
  2712. left: 50%;
  2713. color: #fff;
  2714. font-size: 14px;
  2715. -webkit-transform: translate(-50%, 0);
  2716. transform: translate(-50%, 0)
  2717. }
  2718. .van-image-preview__overlay {
  2719. background-color: rgba(0, 0, 0, .9)
  2720. }
  2721. .van-progress {
  2722. position: relative;
  2723. height: 4px;
  2724. background: #e5e5e5;
  2725. border-radius: 4px
  2726. }
  2727. .van-progress__portion {
  2728. position: absolute;
  2729. left: 0;
  2730. height: 100%;
  2731. background: #1989fa;
  2732. border-radius: inherit
  2733. }
  2734. .van-progress__pivot {
  2735. position: absolute;
  2736. top: 50%;
  2737. box-sizing: border-box;
  2738. min-width: 3.6em;
  2739. padding: 0 5px;
  2740. color: #fff;
  2741. font-size: 10px;
  2742. line-height: 1.6;
  2743. text-align: center;
  2744. word-break: keep-all;
  2745. background-color: #1989fa;
  2746. border-radius: 1em;
  2747. -webkit-transform: translate(0, -50%);
  2748. transform: translate(0, -50%)
  2749. }
  2750. .van-sidebar {
  2751. width: 85px
  2752. }
  2753. .van-sidebar-item {
  2754. display: block;
  2755. box-sizing: border-box;
  2756. padding: 20px 12px 20px 8px;
  2757. overflow: hidden;
  2758. color: #323233;
  2759. font-size: 14px;
  2760. line-height: 20px;
  2761. word-wrap: break-word;
  2762. background-color: #fafafa;
  2763. border-left: 3px solid transparent;
  2764. -webkit-user-select: none;
  2765. user-select: none
  2766. }
  2767. .van-sidebar-item__text {
  2768. position: relative;
  2769. display: inline-block
  2770. }
  2771. .van-sidebar-item:active {
  2772. background-color: #f2f3f5
  2773. }
  2774. .van-sidebar-item:not(:last-child)::after {
  2775. border-bottom-width: 1px
  2776. }
  2777. .van-sidebar-item--select {
  2778. color: #323233;
  2779. font-weight: 500;
  2780. border-color: #ee0a24;
  2781. background-color: #fff
  2782. }
  2783. .van-sidebar-item--select::after {
  2784. border-right-width: 1px
  2785. }
  2786. .van-sidebar-item--select:active {
  2787. background-color: #fff
  2788. }
  2789. .van-sidebar-item--disabled {
  2790. color: #c8c9cc
  2791. }
  2792. .van-sidebar-item--disabled:active {
  2793. background-color: #fafafa
  2794. }
  2795. .van-skeleton {
  2796. display: -webkit-box;
  2797. display: -webkit-flex;
  2798. display: flex;
  2799. padding: 0 16px
  2800. }
  2801. .van-skeleton__avatar {
  2802. -webkit-flex-shrink: 0;
  2803. flex-shrink: 0;
  2804. margin-right: 16px;
  2805. background-color: #f2f3f5
  2806. }
  2807. .van-skeleton__avatar--round {
  2808. border-radius: 100%
  2809. }
  2810. .van-skeleton__content {
  2811. width: 100%
  2812. }
  2813. .van-skeleton__avatar+.van-skeleton__content {
  2814. padding-top: 8px
  2815. }
  2816. .van-skeleton__row,
  2817. .van-skeleton__title {
  2818. height: 16px;
  2819. background-color: #f2f3f5
  2820. }
  2821. .van-skeleton__title {
  2822. margin: 0
  2823. }
  2824. .van-skeleton__row:not(:first-child) {
  2825. margin-top: 12px
  2826. }
  2827. .van-skeleton__title+.van-skeleton__row {
  2828. margin-top: 20px
  2829. }
  2830. .van-skeleton--animate {
  2831. -webkit-animation: van-skeleton-blink 1.2s ease-in-out infinite;
  2832. animation: van-skeleton-blink 1.2s ease-in-out infinite
  2833. }
  2834. .van-slider,
  2835. .van-slider__bar {
  2836. position: relative;
  2837. background-color: #e5e5e5;
  2838. border-radius: 999px
  2839. }
  2840. .van-slider::before {
  2841. position: absolute;
  2842. top: -8px;
  2843. right: 0;
  2844. bottom: -8px;
  2845. left: 0;
  2846. content: ''
  2847. }
  2848. .van-slider__bar {
  2849. background-color: #1989fa;
  2850. border-radius: inherit;
  2851. -webkit-transition: width .2s;
  2852. transition: width .2s
  2853. }
  2854. .van-slider__button {
  2855. width: 24px;
  2856. height: 24px;
  2857. background-color: #fff;
  2858. border-radius: 50%;
  2859. box-shadow: 0 1px 2px rgba(0, 0, 0, .5)
  2860. }
  2861. .van-slider__button-wrapper {
  2862. position: absolute;
  2863. top: 50%;
  2864. right: 0;
  2865. -webkit-transform: translate3d(50%, -50%, 0);
  2866. transform: translate3d(50%, -50%, 0)
  2867. }
  2868. .van-slider--disabled {
  2869. opacity: .5
  2870. }
  2871. .van-slider--vertical {
  2872. display: inline-block;
  2873. height: 100%
  2874. }
  2875. .van-slider--vertical .van-slider__button-wrapper {
  2876. top: auto;
  2877. bottom: 0;
  2878. -webkit-transform: translate3d(50%, 50%, 0);
  2879. transform: translate3d(50%, 50%, 0)
  2880. }
  2881. .van-stepper {
  2882. font-size: 0;
  2883. -webkit-user-select: none;
  2884. user-select: none
  2885. }
  2886. .van-stepper__minus,
  2887. .van-stepper__plus {
  2888. position: relative;
  2889. box-sizing: border-box;
  2890. width: 28px;
  2891. height: 28px;
  2892. margin: 0;
  2893. padding: 4px;
  2894. color: #323233;
  2895. vertical-align: middle;
  2896. background-color: #f2f3f5;
  2897. border: 0
  2898. }
  2899. .van-stepper__minus::before,
  2900. .van-stepper__plus::before {
  2901. width: 13px;
  2902. height: 1px
  2903. }
  2904. .van-stepper__minus::after,
  2905. .van-stepper__plus::after {
  2906. width: 1px;
  2907. height: 13px
  2908. }
  2909. .van-stepper__minus::after,
  2910. .van-stepper__minus::before,
  2911. .van-stepper__plus::after,
  2912. .van-stepper__plus::before {
  2913. position: absolute;
  2914. top: 0;
  2915. right: 0;
  2916. bottom: 0;
  2917. left: 0;
  2918. margin: auto;
  2919. background-color: currentColor;
  2920. content: ''
  2921. }
  2922. .van-stepper__minus:active,
  2923. .van-stepper__plus:active {
  2924. background-color: #e8e8e8
  2925. }
  2926. .van-stepper__minus--disabled,
  2927. .van-stepper__plus--disabled {
  2928. color: #c8c9cc;
  2929. background-color: #f7f8fa
  2930. }
  2931. .van-stepper__minus--disabled:active,
  2932. .van-stepper__plus--disabled:active {
  2933. background-color: #f7f8fa
  2934. }
  2935. .van-stepper__minus {
  2936. border-radius: 4px 0 0 4px
  2937. }
  2938. .van-stepper__minus::after {
  2939. display: none
  2940. }
  2941. .van-stepper__plus {
  2942. border-radius: 0 4px 4px 0
  2943. }
  2944. .van-stepper__input {
  2945. box-sizing: border-box;
  2946. width: 32px;
  2947. height: 28px;
  2948. margin: 0 2px;
  2949. padding: 0;
  2950. color: #323233;
  2951. font-size: 14px;
  2952. text-align: center;
  2953. vertical-align: middle;
  2954. background-color: #f2f3f5;
  2955. border: 0;
  2956. border-width: 1px 0;
  2957. border-radius: 0;
  2958. -webkit-appearance: none
  2959. }
  2960. .van-stepper__input[disabled] {
  2961. color: #c8c9cc;
  2962. background-color: #f2f3f5
  2963. }
  2964. .van-stepper input[type=number]::-webkit-inner-spin-button,
  2965. .van-stepper input[type=number]::-webkit-outer-spin-button {
  2966. margin: 0;
  2967. -webkit-appearance: none
  2968. }
  2969. .van-swipe {
  2970. position: relative;
  2971. overflow: hidden;
  2972. -webkit-user-select: none;
  2973. user-select: none
  2974. }
  2975. .van-swipe__track {
  2976. height: 100%
  2977. }
  2978. .van-swipe__indicators {
  2979. position: absolute;
  2980. bottom: 12px;
  2981. left: 50%;
  2982. display: -webkit-box;
  2983. display: -webkit-flex;
  2984. display: flex;
  2985. -webkit-transform: translateX(-50%);
  2986. transform: translateX(-50%)
  2987. }
  2988. .van-swipe__indicators--vertical {
  2989. top: 50%;
  2990. bottom: auto;
  2991. left: 12px;
  2992. -webkit-box-orient: vertical;
  2993. -webkit-box-direction: normal;
  2994. -webkit-flex-direction: column;
  2995. flex-direction: column;
  2996. -webkit-transform: translateY(-50%);
  2997. transform: translateY(-50%)
  2998. }
  2999. .van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
  3000. margin-bottom: 6px
  3001. }
  3002. .van-swipe__indicator {
  3003. width: 6px;
  3004. height: 6px;
  3005. background-color: #ebedf0;
  3006. border-radius: 100%;
  3007. opacity: .3;
  3008. -webkit-transition: opacity .2s;
  3009. transition: opacity .2s
  3010. }
  3011. .van-swipe__indicator:not(:last-child) {
  3012. margin-right: 6px
  3013. }
  3014. .van-swipe__indicator--active {
  3015. background-color: #1989fa;
  3016. opacity: 1
  3017. }
  3018. .van-swipe-item {
  3019. float: left;
  3020. height: 100%
  3021. }
  3022. .van-index-anchor {
  3023. padding: 0 16px;
  3024. color: #323233;
  3025. font-weight: 500;
  3026. font-size: 14px;
  3027. line-height: 32px;
  3028. background-color: transparent
  3029. }
  3030. .van-index-anchor--sticky {
  3031. position: fixed;
  3032. top: 0;
  3033. right: 0;
  3034. left: 0;
  3035. background-color: #fff
  3036. }
  3037. .van-index-bar__sidebar {
  3038. position: fixed;
  3039. top: 50%;
  3040. right: 0;
  3041. display: -webkit-box;
  3042. display: -webkit-flex;
  3043. display: flex;
  3044. -webkit-box-orient: vertical;
  3045. -webkit-box-direction: normal;
  3046. -webkit-flex-direction: column;
  3047. flex-direction: column;
  3048. text-align: center;
  3049. -webkit-transform: translateY(-50%);
  3050. transform: translateY(-50%);
  3051. -webkit-user-select: none;
  3052. user-select: none
  3053. }
  3054. .van-index-bar__index {
  3055. padding: 0 4px 0 16px;
  3056. font-weight: 500;
  3057. font-size: 10px;
  3058. line-height: 14px
  3059. }
  3060. .van-checkbox {
  3061. display: -webkit-box;
  3062. display: -webkit-flex;
  3063. display: flex;
  3064. -webkit-box-align: center;
  3065. -webkit-align-items: center;
  3066. align-items: center;
  3067. overflow: hidden;
  3068. -webkit-user-select: none;
  3069. user-select: none
  3070. }
  3071. .van-checkbox__icon {
  3072. -webkit-box-flex: 0;
  3073. -webkit-flex: none;
  3074. flex: none;
  3075. height: 1em;
  3076. font-size: 20px;
  3077. line-height: 1em
  3078. }
  3079. .van-checkbox__icon .van-icon {
  3080. display: block;
  3081. box-sizing: border-box;
  3082. width: 1.25em;
  3083. height: 1.25em;
  3084. color: transparent;
  3085. font-size: .8em;
  3086. line-height: inherit;
  3087. text-align: center;
  3088. border: 1px solid #e5e5e5;
  3089. -webkit-transition-duration: .2s;
  3090. transition-duration: .2s;
  3091. -webkit-transition-property: color, border-color, background-color;
  3092. transition-property: color, border-color, background-color
  3093. }
  3094. .van-checkbox__icon--round .van-icon {
  3095. border-radius: 100%
  3096. }
  3097. .van-checkbox__icon--checked .van-icon {
  3098. color: #fff;
  3099. background-color: #1989fa;
  3100. border-color: #1989fa
  3101. }
  3102. .van-checkbox__icon--disabled .van-icon {
  3103. background-color: #ebedf0;
  3104. border-color: #c8c9cc
  3105. }
  3106. .van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
  3107. color: #c8c9cc
  3108. }
  3109. .van-checkbox__label {
  3110. margin-left: 8px;
  3111. color: #323233;
  3112. line-height: 20px
  3113. }
  3114. .van-checkbox__label--left {
  3115. margin: 0 8px 0 0
  3116. }
  3117. .van-checkbox__label--disabled,
  3118. .van-radio__icon--disabled.van-radio__icon--checked .van-icon {
  3119. color: #c8c9cc
  3120. }
  3121. .van-field__label {
  3122. -webkit-box-flex: 0;
  3123. -webkit-flex: none;
  3124. flex: none;
  3125. width: 90px
  3126. }
  3127. .van-field__label--center {
  3128. text-align: center
  3129. }
  3130. .van-field__label--right {
  3131. text-align: right
  3132. }
  3133. .van-field__body {
  3134. display: -webkit-box;
  3135. display: -webkit-flex;
  3136. display: flex;
  3137. -webkit-box-align: center;
  3138. -webkit-align-items: center;
  3139. align-items: center
  3140. }
  3141. .van-field__control {
  3142. display: block;
  3143. box-sizing: border-box;
  3144. width: 100%;
  3145. min-width: 0;
  3146. margin: 0;
  3147. padding: 0;
  3148. color: #323233;
  3149. text-align: left;
  3150. background-color: transparent;
  3151. border: 0;
  3152. resize: none
  3153. }
  3154. .van-field__control::-webkit-input-placeholder {
  3155. color: #969799
  3156. }
  3157. .van-field__control::placeholder {
  3158. color: #969799
  3159. }
  3160. .van-field__control:disabled {
  3161. color: #969799;
  3162. -webkit-text-fill-color: #969799;
  3163. background-color: transparent;
  3164. opacity: 1
  3165. }
  3166. .van-field__control--center {
  3167. text-align: center
  3168. }
  3169. .van-field__control--right {
  3170. text-align: right
  3171. }
  3172. .van-field__control[type=date],
  3173. .van-field__control[type=datetime-local],
  3174. .van-field__control[type=time] {
  3175. min-height: 24px
  3176. }
  3177. .van-field__control[type=search] {
  3178. -webkit-appearance: none
  3179. }
  3180. .van-field__button,
  3181. .van-field__clear,
  3182. .van-field__icon,
  3183. .van-field__right-icon {
  3184. -webkit-flex-shrink: 0;
  3185. flex-shrink: 0
  3186. }
  3187. .van-field__clear,
  3188. .van-field__right-icon {
  3189. margin-right: -8px;
  3190. padding: 0 8px;
  3191. line-height: inherit
  3192. }
  3193. .van-field__clear {
  3194. color: #c8c9cc;
  3195. font-size: 16px
  3196. }
  3197. .van-field__left-icon .van-icon,
  3198. .van-field__right-icon .van-icon {
  3199. display: block;
  3200. min-width: 1em;
  3201. font-size: 16px;
  3202. line-height: inherit
  3203. }
  3204. .van-field__left-icon {
  3205. margin-right: 5px
  3206. }
  3207. .van-field__right-icon {
  3208. color: #969799
  3209. }
  3210. .van-field__button {
  3211. padding-left: 8px
  3212. }
  3213. .van-field__error-message {
  3214. color: #ee0a24;
  3215. font-size: 12px;
  3216. text-align: left
  3217. }
  3218. .van-field__error-message--center {
  3219. text-align: center
  3220. }
  3221. .van-field__error-message--right {
  3222. text-align: right
  3223. }
  3224. .van-field__word-limit {
  3225. margin-top: 4px;
  3226. color: #7d7e80;
  3227. font-size: 12px;
  3228. line-height: 16px;
  3229. text-align: right
  3230. }
  3231. .van-field--error .van-field__control::-webkit-input-placeholder {
  3232. color: #ee0a24;
  3233. -webkit-text-fill-color: #ee0a24
  3234. }
  3235. .van-field--error .van-field__control,
  3236. .van-field--error .van-field__control::placeholder {
  3237. color: #ee0a24;
  3238. -webkit-text-fill-color: #ee0a24
  3239. }
  3240. .van-field--min-height .van-field__control {
  3241. min-height: 60px
  3242. }
  3243. .van-radio {
  3244. display: -webkit-box;
  3245. display: -webkit-flex;
  3246. display: flex;
  3247. -webkit-box-align: center;
  3248. -webkit-align-items: center;
  3249. align-items: center;
  3250. overflow: hidden;
  3251. -webkit-user-select: none;
  3252. user-select: none
  3253. }
  3254. .van-radio__icon {
  3255. -webkit-box-flex: 0;
  3256. -webkit-flex: none;
  3257. flex: none;
  3258. height: 1em;
  3259. font-size: 20px;
  3260. line-height: 1em
  3261. }
  3262. .van-radio__icon .van-icon {
  3263. display: block;
  3264. box-sizing: border-box;
  3265. width: 1.25em;
  3266. height: 1.25em;
  3267. color: transparent;
  3268. font-size: .8em;
  3269. line-height: inherit;
  3270. text-align: center;
  3271. border: 1px solid #e5e5e5;
  3272. -webkit-transition-duration: .2s;
  3273. transition-duration: .2s;
  3274. -webkit-transition-property: color, border-color, background-color;
  3275. transition-property: color, border-color, background-color
  3276. }
  3277. .van-radio__icon--round .van-icon {
  3278. border-radius: 100%
  3279. }
  3280. .van-radio__icon--checked .van-icon {
  3281. color: #fff;
  3282. background-color: #1989fa;
  3283. border-color: #1989fa
  3284. }
  3285. .van-radio__icon--disabled .van-icon {
  3286. background-color: #ebedf0;
  3287. border-color: #c8c9cc
  3288. }
  3289. .van-radio__label {
  3290. margin-left: 8px;
  3291. color: #323233;
  3292. line-height: 20px
  3293. }
  3294. .van-radio__label--left {
  3295. margin: 0 8px 0 0
  3296. }
  3297. .van-radio__label--disabled {
  3298. color: #c8c9cc
  3299. }
  3300. .van-switch,
  3301. .van-switch__node {
  3302. height: 1em;
  3303. background-color: #fff
  3304. }
  3305. .van-switch {
  3306. position: relative;
  3307. display: inline-block;
  3308. box-sizing: content-box;
  3309. width: 2em;
  3310. font-size: 30px;
  3311. border: 1px solid rgba(0, 0, 0, .1);
  3312. border-radius: 1em;
  3313. -webkit-transition: background-color .3s;
  3314. transition: background-color .3s
  3315. }
  3316. .van-switch__node {
  3317. position: absolute;
  3318. top: 0;
  3319. left: 0;
  3320. z-index: 1;
  3321. width: 1em;
  3322. border-radius: 100%;
  3323. box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05);
  3324. -webkit-transition: -webkit-transform .3s cubic-bezier(.3, 1.05, .4, 1.05);
  3325. transition: transform .3s cubic-bezier(.3, 1.05, .4, 1.05);
  3326. transition: transform .3s cubic-bezier(.3, 1.05, .4, 1.05), -webkit-transform .3s cubic-bezier(.3, 1.05, .4, 1.05)
  3327. }
  3328. .van-switch__loading {
  3329. top: 25%;
  3330. left: 25%;
  3331. width: 50%;
  3332. height: 50%;
  3333. line-height: 1
  3334. }
  3335. .van-switch--on {
  3336. background-color: #1989fa
  3337. }
  3338. .van-switch--on .van-switch__node {
  3339. -webkit-transform: translateX(1em);
  3340. transform: translateX(1em)
  3341. }
  3342. .van-switch--disabled {
  3343. opacity: .5
  3344. }
  3345. .van-uploader {
  3346. position: relative;
  3347. display: inline-block
  3348. }
  3349. .van-uploader__wrapper {
  3350. display: -webkit-box;
  3351. display: -webkit-flex;
  3352. display: flex;
  3353. -webkit-flex-wrap: wrap;
  3354. flex-wrap: wrap
  3355. }
  3356. .van-uploader__input {
  3357. position: absolute;
  3358. top: 0;
  3359. left: 0;
  3360. width: 100%;
  3361. height: 100%;
  3362. overflow: hidden;
  3363. cursor: pointer;
  3364. opacity: 0
  3365. }
  3366. .van-uploader__input-wrapper {
  3367. position: relative
  3368. }
  3369. .van-uploader__upload {
  3370. position: relative;
  3371. display: -webkit-box;
  3372. display: -webkit-flex;
  3373. display: flex;
  3374. -webkit-box-orient: vertical;
  3375. -webkit-box-direction: normal;
  3376. -webkit-flex-direction: column;
  3377. flex-direction: column;
  3378. -webkit-box-align: center;
  3379. -webkit-align-items: center;
  3380. align-items: center;
  3381. -webkit-box-pack: center;
  3382. -webkit-justify-content: center;
  3383. justify-content: center;
  3384. box-sizing: border-box;
  3385. width: 80px;
  3386. height: 80px;
  3387. margin: 0 8px 8px 0;
  3388. background-color: #fff;
  3389. border: 1px dashed #e5e5e5;
  3390. border-radius: 4px
  3391. }
  3392. .van-uploader__upload-icon {
  3393. color: #969799;
  3394. font-size: 24px
  3395. }
  3396. .van-uploader__upload-text {
  3397. margin-top: 8px;
  3398. color: #969799;
  3399. font-size: 12px
  3400. }
  3401. .van-uploader__preview {
  3402. position: relative;
  3403. margin: 0 8px 8px 0
  3404. }
  3405. .van-uploader__preview-image {
  3406. display: block;
  3407. width: 80px;
  3408. height: 80px
  3409. }
  3410. .van-uploader__preview-delete {
  3411. position: absolute;
  3412. top: -8px;
  3413. right: -8px;
  3414. color: #969799;
  3415. font-size: 18px;
  3416. background-color: #fff;
  3417. border-radius: 100%
  3418. }
  3419. .van-uploader__file {
  3420. display: -webkit-box;
  3421. display: -webkit-flex;
  3422. display: flex;
  3423. -webkit-box-orient: vertical;
  3424. -webkit-box-direction: normal;
  3425. -webkit-flex-direction: column;
  3426. flex-direction: column;
  3427. -webkit-box-align: center;
  3428. -webkit-align-items: center;
  3429. align-items: center;
  3430. -webkit-box-pack: center;
  3431. -webkit-justify-content: center;
  3432. justify-content: center;
  3433. width: 80px;
  3434. height: 80px;
  3435. background-color: #f8f8f8;
  3436. border-radius: 4px
  3437. }
  3438. .van-uploader__file-icon {
  3439. color: #7d7e80;
  3440. font-size: 20px
  3441. }
  3442. .van-uploader__file-name {
  3443. box-sizing: border-box;
  3444. width: 100%;
  3445. margin-top: 8px;
  3446. padding: 0 4px;
  3447. color: #7d7e80;
  3448. font-size: 12px;
  3449. text-align: center
  3450. }
  3451. .van-password-input {
  3452. position: relative;
  3453. margin: 0 16px;
  3454. -webkit-user-select: none;
  3455. user-select: none
  3456. }
  3457. .van-password-input__error-info,
  3458. .van-password-input__info {
  3459. margin-top: 16px;
  3460. font-size: 14px;
  3461. text-align: center
  3462. }
  3463. .van-password-input__info {
  3464. color: #969799
  3465. }
  3466. .van-password-input__error-info {
  3467. color: #ee0a24
  3468. }
  3469. .van-password-input__security {
  3470. display: -webkit-box;
  3471. display: -webkit-flex;
  3472. display: flex;
  3473. width: 100%;
  3474. height: 50px
  3475. }
  3476. .van-password-input__security::after {
  3477. border-radius: 6px
  3478. }
  3479. .van-password-input__security li {
  3480. position: relative;
  3481. -webkit-box-flex: 1;
  3482. -webkit-flex: 1;
  3483. flex: 1;
  3484. height: 100%;
  3485. font-size: 20px;
  3486. line-height: 50px;
  3487. text-align: center;
  3488. background-color: #fff
  3489. }
  3490. .van-password-input__security i {
  3491. position: absolute;
  3492. top: 50%;
  3493. left: 50%;
  3494. width: 10px;
  3495. height: 10px;
  3496. margin: -5px 0 0 -5px;
  3497. background-color: #000;
  3498. border-radius: 100%;
  3499. visibility: hidden
  3500. }
  3501. .van-password-input__cursor {
  3502. position: absolute;
  3503. top: 50%;
  3504. left: 50%;
  3505. width: 1px;
  3506. height: 40%;
  3507. background-color: #323233;
  3508. -webkit-transform: translate(-50%, -50%);
  3509. transform: translate(-50%, -50%);
  3510. -webkit-animation: 1s van-cursor-flicker infinite;
  3511. animation: 1s van-cursor-flicker infinite
  3512. }
  3513. .van-number-keyboard {
  3514. position: fixed;
  3515. bottom: 0;
  3516. left: 0;
  3517. width: 100%;
  3518. background-color: #fff;
  3519. -webkit-animation-timing-function: ease-out;
  3520. animation-timing-function: ease-out;
  3521. -webkit-user-select: none;
  3522. user-select: none
  3523. }
  3524. .van-number-keyboard__title {
  3525. position: relative;
  3526. height: 30px;
  3527. color: #7d7e80;
  3528. font-size: 14px;
  3529. line-height: 30px;
  3530. text-align: center
  3531. }
  3532. .van-number-keyboard__title-left {
  3533. position: absolute;
  3534. left: 0
  3535. }
  3536. .van-number-keyboard__body {
  3537. position: relative;
  3538. box-sizing: border-box
  3539. }
  3540. .van-number-keyboard__close {
  3541. position: absolute;
  3542. right: 0;
  3543. padding: 0 16px;
  3544. color: #1989fa;
  3545. font-size: 14px
  3546. }
  3547. .van-number-keyboard__close:active {
  3548. background-color: #f2f3f5
  3549. }
  3550. .van-number-keyboard__sidebar {
  3551. position: absolute;
  3552. right: 0;
  3553. bottom: 0;
  3554. width: 25%;
  3555. height: 216px
  3556. }
  3557. .van-number-keyboard--custom .van-number-keyboard__body {
  3558. padding-right: 25%
  3559. }
  3560. .van-number-keyboard--safe-area-inset-bottom {
  3561. padding-bottom: constant(safe-area-inset-bottom);
  3562. padding-bottom: env(safe-area-inset-bottom)
  3563. }
  3564. .van-key {
  3565. display: inline-block;
  3566. width: 33.33333333%;
  3567. height: 54px;
  3568. font-size: 24px;
  3569. font-style: normal;
  3570. line-height: 54px;
  3571. text-align: center;
  3572. vertical-align: middle
  3573. }
  3574. .van-key::after {
  3575. border-width: 1px 1px 0 0
  3576. }
  3577. .van-key--middle {
  3578. width: 66.66666667%
  3579. }
  3580. .van-key--big {
  3581. width: 100%;
  3582. height: 108px;
  3583. line-height: 108px
  3584. }
  3585. .van-key--blue,
  3586. .van-key--delete {
  3587. font-size: 16px
  3588. }
  3589. .van-key--blue {
  3590. color: #fff
  3591. }
  3592. .van-key--blue,
  3593. .van-key--blue.van-key--active {
  3594. background-color: #1989fa
  3595. }
  3596. .van-key--blue::after {
  3597. border-color: #1989fa
  3598. }
  3599. .van-key--blue:active {
  3600. background-color: #0570db
  3601. }
  3602. .van-key--gray {
  3603. background-color: #ebedf0
  3604. }
  3605. .van-action-sheet__cancel:active,
  3606. .van-action-sheet__item:active,
  3607. .van-key--active {
  3608. background-color: #f2f3f5
  3609. }
  3610. .van-action-sheet {
  3611. max-height: 90%;
  3612. color: #323233
  3613. }
  3614. .van-action-sheet__cancel,
  3615. .van-action-sheet__item {
  3616. display: block;
  3617. width: 100%;
  3618. font-size: 16px;
  3619. line-height: 50px;
  3620. text-align: center;
  3621. background-color: #fff;
  3622. border: 0
  3623. }
  3624. .van-action-sheet__item {
  3625. height: 50px
  3626. }
  3627. .van-action-sheet__item--disabled {
  3628. color: #c8c9cc
  3629. }
  3630. .van-action-sheet__item--disabled:active {
  3631. background-color: #fff
  3632. }
  3633. .van-action-sheet__subname {
  3634. margin-left: 4px;
  3635. color: #7d7e80;
  3636. font-size: 12px
  3637. }
  3638. .van-action-sheet__cancel::before {
  3639. display: block;
  3640. height: 8px;
  3641. background-color: #f8f8f8;
  3642. content: ' '
  3643. }
  3644. .van-action-sheet__header {
  3645. font-weight: 500;
  3646. font-size: 16px;
  3647. line-height: 44px;
  3648. text-align: center
  3649. }
  3650. .van-action-sheet__description {
  3651. padding: 16px;
  3652. color: #7d7e80;
  3653. font-size: 14px;
  3654. line-height: 20px;
  3655. text-align: center
  3656. }
  3657. .van-action-sheet__close {
  3658. position: absolute;
  3659. top: 0;
  3660. right: 0;
  3661. padding: 0 12px;
  3662. color: #969799;
  3663. font-size: 18px;
  3664. line-height: inherit
  3665. }
  3666. .van-dialog {
  3667. position: fixed;
  3668. top: 45%;
  3669. left: 50%;
  3670. width: 320px;
  3671. overflow: hidden;
  3672. font-size: 16px;
  3673. background-color: #fff;
  3674. border-radius: 16px;
  3675. -webkit-transform: translate3d(-50%, -50%, 0);
  3676. transform: translate3d(-50%, -50%, 0);
  3677. -webkit-backface-visibility: hidden;
  3678. backface-visibility: hidden;
  3679. -webkit-transition: .3s;
  3680. transition: .3s;
  3681. -webkit-transition-property: opacity, -webkit-transform;
  3682. transition-property: transform, opacity;
  3683. transition-property: transform, opacity, -webkit-transform
  3684. }
  3685. @media (max-width:321px) {
  3686. .van-dialog {
  3687. width: 90%
  3688. }
  3689. }
  3690. .van-dialog__header {
  3691. padding-top: 24px;
  3692. font-weight: 500;
  3693. line-height: 24px;
  3694. text-align: center
  3695. }
  3696. .van-dialog__header--isolated {
  3697. padding: 24px 0
  3698. }
  3699. .van-dialog__message {
  3700. max-height: 60vh;
  3701. padding: 24px;
  3702. overflow-y: auto;
  3703. font-size: 14px;
  3704. line-height: 20px;
  3705. white-space: pre-wrap;
  3706. text-align: center;
  3707. word-wrap: break-word;
  3708. -webkit-overflow-scrolling: touch
  3709. }
  3710. .van-dialog__message--has-title {
  3711. padding-top: 12px;
  3712. color: #7d7e80
  3713. }
  3714. .van-dialog__message--left {
  3715. text-align: left
  3716. }
  3717. .van-dialog__message--right {
  3718. text-align: right
  3719. }
  3720. .van-dialog__footer {
  3721. overflow: hidden;
  3722. -webkit-user-select: none;
  3723. user-select: none
  3724. }
  3725. .van-dialog__footer--buttons {
  3726. display: -webkit-box;
  3727. display: -webkit-flex;
  3728. display: flex
  3729. }
  3730. .van-dialog__footer--buttons .van-button {
  3731. -webkit-box-flex: 1;
  3732. -webkit-flex: 1;
  3733. flex: 1
  3734. }
  3735. .van-dialog .van-button {
  3736. border: 0
  3737. }
  3738. .van-dialog__confirm,
  3739. .van-dialog__confirm:active {
  3740. color: #1989fa
  3741. }
  3742. .van-dialog-bounce-enter {
  3743. -webkit-transform: translate3d(-50%, -50%, 0) scale(.7);
  3744. transform: translate3d(-50%, -50%, 0) scale(.7);
  3745. opacity: 0
  3746. }
  3747. .van-dialog-bounce-leave-active {
  3748. -webkit-transform: translate3d(-50%, -50%, 0) scale(.9);
  3749. transform: translate3d(-50%, -50%, 0) scale(.9);
  3750. opacity: 0
  3751. }
  3752. .van-dropdown-item {
  3753. position: fixed;
  3754. right: 0;
  3755. left: 0;
  3756. overflow: hidden
  3757. }
  3758. .van-dropdown-item__option {
  3759. text-align: left
  3760. }
  3761. .van-dropdown-item__option--active,
  3762. .van-dropdown-item__option--active .van-dropdown-item__icon {
  3763. color: #1989fa
  3764. }
  3765. .van-dropdown-item--up {
  3766. top: 0
  3767. }
  3768. .van-dropdown-item--down {
  3769. bottom: 0
  3770. }
  3771. .van-dropdown-item__content {
  3772. position: absolute;
  3773. max-height: 80%
  3774. }
  3775. .van-dropdown-item__icon {
  3776. display: block;
  3777. line-height: inherit
  3778. }
  3779. .van-dropdown-menu,
  3780. .van-dropdown-menu__item {
  3781. display: -webkit-box;
  3782. display: -webkit-flex;
  3783. display: flex
  3784. }
  3785. .van-dropdown-menu {
  3786. height: 50px;
  3787. background-color: #fff;
  3788. -webkit-user-select: none;
  3789. user-select: none
  3790. }
  3791. .van-dropdown-menu__item {
  3792. -webkit-box-flex: 1;
  3793. -webkit-flex: 1;
  3794. flex: 1;
  3795. -webkit-box-align: center;
  3796. -webkit-align-items: center;
  3797. align-items: center;
  3798. -webkit-box-pack: center;
  3799. -webkit-justify-content: center;
  3800. justify-content: center;
  3801. min-width: 0
  3802. }
  3803. .van-dropdown-menu__item:active {
  3804. opacity: .7
  3805. }
  3806. .van-dropdown-menu__item--disabled:active {
  3807. opacity: 1
  3808. }
  3809. .van-dropdown-menu__item--disabled .van-dropdown-menu__title {
  3810. color: #969799
  3811. }
  3812. .van-dropdown-menu__title {
  3813. position: relative;
  3814. box-sizing: border-box;
  3815. max-width: 100%;
  3816. padding: 0 8px;
  3817. color: #323233;
  3818. font-size: 15px;
  3819. line-height: 18px
  3820. }
  3821. .van-dropdown-menu__title::after {
  3822. position: absolute;
  3823. top: 50%;
  3824. right: -4px;
  3825. margin-top: -5px;
  3826. border: 3px solid;
  3827. border-color: transparent transparent currentColor currentColor;
  3828. -webkit-transform: rotate(-45deg);
  3829. transform: rotate(-45deg);
  3830. opacity: .8;
  3831. content: ''
  3832. }
  3833. .van-dropdown-menu__title--active {
  3834. color: #1989fa
  3835. }
  3836. .van-dropdown-menu__title--down::after {
  3837. margin-top: -1px;
  3838. -webkit-transform: rotate(135deg);
  3839. transform: rotate(135deg)
  3840. }
  3841. .van-picker {
  3842. position: relative;
  3843. background-color: #fff;
  3844. -webkit-user-select: none;
  3845. user-select: none;
  3846. -webkit-text-size-adjust: 100%
  3847. }
  3848. .van-picker__toolbar {
  3849. display: -webkit-box;
  3850. display: -webkit-flex;
  3851. display: flex;
  3852. -webkit-box-pack: justify;
  3853. -webkit-justify-content: space-between;
  3854. justify-content: space-between;
  3855. height: 44px;
  3856. line-height: 44px
  3857. }
  3858. .van-picker__cancel,
  3859. .van-picker__confirm {
  3860. padding: 0 16px;
  3861. color: #1989fa;
  3862. font-size: 14px;
  3863. background-color: transparent;
  3864. border: 0
  3865. }
  3866. .van-picker__cancel:active,
  3867. .van-picker__confirm:active {
  3868. background-color: #f2f3f5
  3869. }
  3870. .van-picker__title {
  3871. max-width: 50%;
  3872. font-weight: 500;
  3873. font-size: 16px;
  3874. text-align: center
  3875. }
  3876. .van-picker__columns,
  3877. .van-picker__loading {
  3878. position: relative;
  3879. display: -webkit-box;
  3880. display: -webkit-flex;
  3881. display: flex
  3882. }
  3883. .van-picker__loading {
  3884. position: absolute;
  3885. top: 0;
  3886. right: 0;
  3887. bottom: 0;
  3888. left: 0;
  3889. z-index: 2;
  3890. -webkit-box-align: center;
  3891. -webkit-align-items: center;
  3892. align-items: center;
  3893. -webkit-box-pack: center;
  3894. -webkit-justify-content: center;
  3895. justify-content: center;
  3896. color: #1989fa;
  3897. background-color: rgba(255, 255, 255, .9)
  3898. }
  3899. .van-picker__frame,
  3900. .van-picker__mask {
  3901. position: absolute;
  3902. left: 0;
  3903. width: 100%;
  3904. pointer-events: none
  3905. }
  3906. .van-picker__frame {
  3907. top: 50%;
  3908. z-index: 3;
  3909. -webkit-transform: translateY(-50%);
  3910. transform: translateY(-50%)
  3911. }
  3912. .van-picker__mask {
  3913. top: 0;
  3914. z-index: 2;
  3915. height: 100%;
  3916. background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), -webkit-linear-gradient(bottom, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));
  3917. background-image: 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));
  3918. background-repeat: no-repeat;
  3919. background-position: top, bottom;
  3920. -webkit-backface-visibility: hidden;
  3921. backface-visibility: hidden
  3922. }
  3923. .van-picker-column {
  3924. -webkit-box-flex: 1;
  3925. -webkit-flex: 1;
  3926. flex: 1;
  3927. overflow: hidden;
  3928. font-size: 16px;
  3929. text-align: center
  3930. }
  3931. .van-picker-column__wrapper {
  3932. -webkit-transition-timing-function: cubic-bezier(.23, 1, .68, 1);
  3933. transition-timing-function: cubic-bezier(.23, 1, .68, 1)
  3934. }
  3935. .van-picker-column__item {
  3936. padding: 0 5px;
  3937. color: #000
  3938. }
  3939. .van-picker-column__item--disabled {
  3940. opacity: .3
  3941. }
  3942. .van-pull-refresh {
  3943. overflow: hidden;
  3944. -webkit-user-select: none;
  3945. user-select: none
  3946. }
  3947. .van-pull-refresh__track {
  3948. position: relative;
  3949. -webkit-transition-property: -webkit-transform;
  3950. transition-property: transform;
  3951. transition-property: transform, -webkit-transform
  3952. }
  3953. .van-pull-refresh__head {
  3954. position: absolute;
  3955. top: -50px;
  3956. left: 0;
  3957. width: 100%;
  3958. height: 50px;
  3959. overflow: hidden;
  3960. color: #969799;
  3961. font-size: 14px;
  3962. line-height: 50px;
  3963. text-align: center
  3964. }
  3965. .van-notify {
  3966. box-sizing: border-box;
  3967. padding: 8px 16px;
  3968. font-size: 14px;
  3969. line-height: 20px;
  3970. white-space: pre-wrap;
  3971. text-align: center;
  3972. word-wrap: break-word
  3973. }
  3974. .van-notify--primary {
  3975. background-color: #1989fa
  3976. }
  3977. .van-notify--success {
  3978. background-color: #07c160
  3979. }
  3980. .van-notify--danger {
  3981. background-color: #ee0a24
  3982. }
  3983. .van-notify--warning {
  3984. background-color: #ff976a
  3985. }
  3986. .van-toast {
  3987. position: fixed;
  3988. top: 50%;
  3989. left: 50%;
  3990. display: -webkit-box;
  3991. display: -webkit-flex;
  3992. display: flex;
  3993. -webkit-box-orient: vertical;
  3994. -webkit-box-direction: normal;
  3995. -webkit-flex-direction: column;
  3996. flex-direction: column;
  3997. -webkit-box-align: center;
  3998. -webkit-align-items: center;
  3999. align-items: center;
  4000. -webkit-box-pack: center;
  4001. -webkit-justify-content: center;
  4002. justify-content: center;
  4003. box-sizing: content-box;
  4004. width: 90px;
  4005. max-width: 70%;
  4006. min-height: 90px;
  4007. padding: 16px;
  4008. color: #fff;
  4009. font-size: 14px;
  4010. line-height: 20px;
  4011. white-space: pre-wrap;
  4012. text-align: center;
  4013. word-wrap: break-word;
  4014. background-color: rgba(50, 50, 51, .88);
  4015. border-radius: 4px;
  4016. -webkit-transform: translate3d(-50%, -50%, 0);
  4017. transform: translate3d(-50%, -50%, 0)
  4018. }
  4019. .van-toast--unclickable * {
  4020. pointer-events: none
  4021. }
  4022. .van-toast--html,
  4023. .van-toast--text {
  4024. width: -webkit-fit-content;
  4025. width: fit-content;
  4026. min-width: 96px;
  4027. min-height: unset;
  4028. padding: 8px 12px
  4029. }
  4030. .van-toast--html .van-toast__text,
  4031. .van-toast--text .van-toast__text {
  4032. margin-top: 0
  4033. }
  4034. .van-toast--top {
  4035. top: 50px
  4036. }
  4037. .van-toast--bottom {
  4038. top: auto;
  4039. bottom: 50px
  4040. }
  4041. .van-toast__icon {
  4042. font-size: 40px
  4043. }
  4044. .van-toast__loading {
  4045. padding: 4px;
  4046. color: #fff
  4047. }
  4048. .van-toast__text {
  4049. margin-top: 8px
  4050. }
  4051. .van-swipe-cell {
  4052. position: relative;
  4053. overflow: hidden
  4054. }
  4055. .van-swipe-cell__wrapper {
  4056. -webkit-transition-timing-function: cubic-bezier(.18, .89, .32, 1);
  4057. transition-timing-function: cubic-bezier(.18, .89, .32, 1);
  4058. -webkit-transition-property: -webkit-transform;
  4059. transition-property: transform;
  4060. transition-property: transform, -webkit-transform
  4061. }
  4062. .van-swipe-cell__left,
  4063. .van-swipe-cell__right {
  4064. position: absolute;
  4065. top: 0;
  4066. height: 100%
  4067. }
  4068. .van-swipe-cell__left {
  4069. left: 0;
  4070. -webkit-transform: translate3d(-100%, 0, 0);
  4071. transform: translate3d(-100%, 0, 0)
  4072. }
  4073. .van-swipe-cell__right {
  4074. right: 0;
  4075. -webkit-transform: translate3d(100%, 0, 0);
  4076. transform: translate3d(100%, 0, 0)
  4077. }
  4078. .van-switch-cell {
  4079. padding-top: 9px;
  4080. padding-bottom: 9px
  4081. }
  4082. .van-switch-cell--large {
  4083. padding-top: 11px;
  4084. padding-bottom: 11px
  4085. }
  4086. .van-switch-cell .van-switch {
  4087. float: right
  4088. }
  4089. .van-tree-select {
  4090. position: relative;
  4091. display: -webkit-box;
  4092. display: -webkit-flex;
  4093. display: flex;
  4094. font-size: 14px;
  4095. -webkit-user-select: none;
  4096. user-select: none
  4097. }
  4098. .van-tree-select__nav {
  4099. -webkit-box-flex: 1;
  4100. -webkit-flex: 1;
  4101. flex: 1;
  4102. overflow-y: auto;
  4103. background-color: #fafafa;
  4104. -webkit-overflow-scrolling: touch
  4105. }
  4106. .van-tree-select__nav-item {
  4107. padding: 12px 8px 12px 12px
  4108. }
  4109. .van-tree-select__content {
  4110. -webkit-box-flex: 2;
  4111. -webkit-flex: 2;
  4112. flex: 2;
  4113. overflow-y: auto;
  4114. background-color: #fff;
  4115. -webkit-overflow-scrolling: touch
  4116. }
  4117. .van-tree-select__item {
  4118. position: relative;
  4119. padding: 0 32px 0 16px;
  4120. font-weight: 700;
  4121. line-height: 44px
  4122. }
  4123. .van-tree-select__item--active {
  4124. color: #ee0a24
  4125. }
  4126. .van-tree-select__item--disabled {
  4127. color: #c8c9cc
  4128. }
  4129. .van-tree-select__selected {
  4130. position: absolute;
  4131. top: 50%;
  4132. right: 16px;
  4133. margin-top: -8px
  4134. }
  4135. .van-address-edit__buttons {
  4136. padding: 32px 16px
  4137. }
  4138. .van-address-edit__buttons .van-button {
  4139. margin-bottom: 12px
  4140. }
  4141. .van-address-edit-detail {
  4142. padding: 0
  4143. }
  4144. .van-address-edit-detail__finish {
  4145. color: #1989fa;
  4146. font-size: 12px
  4147. }
  4148. .van-address-list {
  4149. box-sizing: border-box;
  4150. height: 100%;
  4151. padding-bottom: 100px
  4152. }
  4153. .van-address-list__add {
  4154. position: fixed;
  4155. bottom: 0;
  4156. left: 0;
  4157. z-index: 999
  4158. }
  4159. .van-address-list__disabled-text {
  4160. padding: 0 16px;
  4161. color: #969799;
  4162. font-size: 12px;
  4163. line-height: 30px
  4164. }
  4165. .van-address-item {
  4166. padding: 16px
  4167. }
  4168. .van-address-item__value {
  4169. padding-right: 32px
  4170. }
  4171. .van-address-item__name {
  4172. margin-bottom: 4px;
  4173. font-weight: 500;
  4174. font-size: 14px;
  4175. line-height: 20px
  4176. }
  4177. .van-address-item__address {
  4178. color: #7d7e80;
  4179. font-size: 12px;
  4180. line-height: 16px
  4181. }
  4182. .van-address-item--disabled .van-address-item__address,
  4183. .van-address-item--disabled .van-address-item__name {
  4184. color: #969799
  4185. }
  4186. .van-address-item__edit {
  4187. position: absolute;
  4188. top: 50%;
  4189. right: 16px;
  4190. font-size: 16px;
  4191. -webkit-transform: translate(0, -50%);
  4192. transform: translate(0, -50%)
  4193. }
  4194. .van-address-item .van-radio__icon--checked .van-icon {
  4195. background-color: #ee0a24;
  4196. border-color: #ee0a24
  4197. }
  4198. .van-card {
  4199. position: relative;
  4200. box-sizing: border-box;
  4201. padding: 8px 16px;
  4202. color: #323233;
  4203. font-size: 12px;
  4204. background-color: #fafafa
  4205. }
  4206. .van-card:not(:first-child) {
  4207. margin-top: 8px
  4208. }
  4209. .van-card__header {
  4210. display: -webkit-box;
  4211. display: -webkit-flex;
  4212. display: flex
  4213. }
  4214. .van-card__thumb {
  4215. position: relative;
  4216. -webkit-box-flex: 0;
  4217. -webkit-flex: none;
  4218. flex: none;
  4219. width: 90px;
  4220. height: 90px;
  4221. margin-right: 8px
  4222. }
  4223. .van-card__content {
  4224. position: relative;
  4225. display: -webkit-box;
  4226. display: -webkit-flex;
  4227. display: flex;
  4228. -webkit-box-flex: 1;
  4229. -webkit-flex: 1;
  4230. flex: 1;
  4231. -webkit-box-orient: vertical;
  4232. -webkit-box-direction: normal;
  4233. -webkit-flex-direction: column;
  4234. flex-direction: column;
  4235. min-width: 0;
  4236. min-height: 90px
  4237. }
  4238. .van-card__content--centered {
  4239. -webkit-box-pack: center;
  4240. -webkit-justify-content: center;
  4241. justify-content: center
  4242. }
  4243. .van-card__desc,
  4244. .van-card__title {
  4245. word-wrap: break-word
  4246. }
  4247. .van-card__title {
  4248. max-height: 32px;
  4249. font-weight: 500;
  4250. line-height: 16px
  4251. }
  4252. .van-card__desc {
  4253. max-height: 20px;
  4254. color: #7d7e80
  4255. }
  4256. .van-card__bottom,
  4257. .van-card__desc {
  4258. line-height: 20px
  4259. }
  4260. .van-card__price {
  4261. display: inline-block;
  4262. color: #ee0a24;
  4263. font-weight: 500
  4264. }
  4265. .van-card__origin-price {
  4266. display: inline-block;
  4267. margin-left: 5px;
  4268. color: #7d7e80;
  4269. font-size: 10px;
  4270. text-decoration: line-through
  4271. }
  4272. .van-card__num {
  4273. float: right
  4274. }
  4275. .van-card__tag {
  4276. position: absolute;
  4277. top: 2px;
  4278. left: 0
  4279. }
  4280. .van-card__footer {
  4281. -webkit-box-flex: 0;
  4282. -webkit-flex: none;
  4283. flex: none;
  4284. text-align: right
  4285. }
  4286. .van-card__footer .van-button {
  4287. margin-left: 5px
  4288. }
  4289. .van-contact-card {
  4290. padding: 16px
  4291. }
  4292. .van-contact-card__value {
  4293. margin-left: 5px;
  4294. line-height: 20px
  4295. }
  4296. .van-contact-card--add .van-contact-card__value {
  4297. line-height: 40px
  4298. }
  4299. .van-contact-card--add .van-cell__left-icon {
  4300. color: #1989fa;
  4301. font-size: 40px
  4302. }
  4303. .van-contact-card::before {
  4304. position: absolute;
  4305. right: 0;
  4306. bottom: 0;
  4307. left: 0;
  4308. height: 2px;
  4309. background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
  4310. background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
  4311. background-size: 80px;
  4312. content: ''
  4313. }
  4314. .van-contact-list {
  4315. box-sizing: border-box;
  4316. height: 100%;
  4317. padding-bottom: 50px
  4318. }
  4319. .van-contact-list__item {
  4320. padding: 16px
  4321. }
  4322. .van-contact-list__item-value {
  4323. padding-right: 32px
  4324. }
  4325. .van-contact-list__group {
  4326. box-sizing: border-box;
  4327. height: 100%;
  4328. overflow-y: scroll;
  4329. -webkit-overflow-scrolling: touch
  4330. }
  4331. .van-contact-list__name {
  4332. font-weight: 500;
  4333. font-size: 14px;
  4334. line-height: 20px
  4335. }
  4336. .van-contact-list__edit {
  4337. position: absolute;
  4338. top: 50%;
  4339. right: 16px;
  4340. font-size: 16px;
  4341. -webkit-transform: translate(0, -50%);
  4342. transform: translate(0, -50%)
  4343. }
  4344. .van-contact-list__add {
  4345. position: fixed;
  4346. bottom: 0;
  4347. left: 0;
  4348. z-index: 999
  4349. }
  4350. .van-contact-edit__buttons {
  4351. padding: 32px 16px
  4352. }
  4353. .van-contact-edit .van-cell__title {
  4354. max-width: 65px
  4355. }
  4356. .van-contact-edit .van-button {
  4357. margin-bottom: 12px
  4358. }
  4359. .van-coupon {
  4360. margin: 0 16px 16px;
  4361. overflow: hidden;
  4362. background-color: #fff;
  4363. border-radius: 4px;
  4364. box-shadow: 0 0 4px rgba(0, 0, 0, .1)
  4365. }
  4366. .van-coupon:active {
  4367. background-color: #f2f3f5
  4368. }
  4369. .van-coupon__content {
  4370. display: -webkit-box;
  4371. display: -webkit-flex;
  4372. display: flex;
  4373. box-sizing: border-box;
  4374. height: 100px;
  4375. padding: 24px 0 0 16px
  4376. }
  4377. .van-coupon h2,
  4378. .van-coupon p {
  4379. margin: 0;
  4380. overflow: hidden;
  4381. white-space: nowrap;
  4382. text-overflow: ellipsis
  4383. }
  4384. .van-coupon h2 {
  4385. height: 34px;
  4386. font-weight: 500;
  4387. line-height: 34px
  4388. }
  4389. .van-coupon p {
  4390. color: #969799;
  4391. font-size: 12px;
  4392. line-height: 16px
  4393. }
  4394. .van-coupon__head {
  4395. position: relative;
  4396. min-width: 85px;
  4397. padding-right: 8px
  4398. }
  4399. .van-coupon__head p {
  4400. white-space: pre-wrap
  4401. }
  4402. .van-coupon__amount {
  4403. color: #ee0a24;
  4404. font-size: 24px
  4405. }
  4406. .van-coupon__amount span {
  4407. font-size: 50%
  4408. }
  4409. .van-coupon__amount span:not(:empty) {
  4410. margin-left: 2px
  4411. }
  4412. .van-coupon__body {
  4413. position: relative;
  4414. -webkit-box-flex: 1;
  4415. -webkit-flex: 1;
  4416. flex: 1;
  4417. border-radius: 0 4px 4px 0
  4418. }
  4419. .van-coupon__name {
  4420. font-size: 16px
  4421. }
  4422. .van-coupon__corner {
  4423. position: absolute;
  4424. top: 16px;
  4425. right: 16px
  4426. }
  4427. .van-coupon__description {
  4428. padding: 8px 16px;
  4429. background-color: #fafafa;
  4430. border-top: 1px dashed #ebedf0
  4431. }
  4432. .van-coupon--disabled:active {
  4433. background-color: #fff
  4434. }
  4435. .van-coupon--disabled .van-coupon-item__content {
  4436. height: 90px
  4437. }
  4438. .van-coupon--disabled h2,
  4439. .van-coupon--disabled p,
  4440. .van-coupon--disabled span {
  4441. color: #969799
  4442. }
  4443. .van-coupon-cell--selected {
  4444. color: #323233
  4445. }
  4446. .van-coupon-list {
  4447. position: relative;
  4448. height: 100%;
  4449. background-color: #f8f8f8
  4450. }
  4451. .van-coupon-list__field {
  4452. padding: 8px 16px
  4453. }
  4454. .van-coupon-list__exchange {
  4455. height: 32px;
  4456. line-height: 30px
  4457. }
  4458. .van-coupon-list__list {
  4459. box-sizing: border-box;
  4460. padding: 16px 0;
  4461. overflow-y: auto;
  4462. -webkit-overflow-scrolling: touch
  4463. }
  4464. .van-coupon-list__close {
  4465. position: absolute;
  4466. bottom: 0;
  4467. left: 0;
  4468. font-weight: 500
  4469. }
  4470. .van-coupon-list__empty {
  4471. padding-top: 60px;
  4472. text-align: center
  4473. }
  4474. .van-coupon-list__empty p {
  4475. margin: 16px 0;
  4476. color: #969799;
  4477. font-size: 14px;
  4478. line-height: 20px
  4479. }
  4480. .van-coupon-list__empty img {
  4481. width: 200px;
  4482. height: 200px
  4483. }
  4484. .van-goods-action {
  4485. position: fixed;
  4486. right: 0;
  4487. bottom: 0;
  4488. left: 0;
  4489. display: -webkit-box;
  4490. display: -webkit-flex;
  4491. display: flex;
  4492. -webkit-box-align: center;
  4493. -webkit-align-items: center;
  4494. align-items: center;
  4495. background-color: #fff
  4496. }
  4497. .van-goods-action--safe-area-inset-bottom {
  4498. padding-bottom: constant(safe-area-inset-bottom);
  4499. padding-bottom: env(safe-area-inset-bottom)
  4500. }
  4501. .van-goods-action-button {
  4502. -webkit-box-flex: 1;
  4503. -webkit-flex: 1;
  4504. flex: 1;
  4505. height: 40px;
  4506. font-weight: 500;
  4507. font-size: 14px;
  4508. line-height: normal;
  4509. border: 0
  4510. }
  4511. .van-goods-action-button--first {
  4512. margin-left: 5px;
  4513. border-top-left-radius: 20px;
  4514. border-bottom-left-radius: 20px
  4515. }
  4516. .van-goods-action-button--last {
  4517. margin-right: 5px;
  4518. border-top-right-radius: 20px;
  4519. border-bottom-right-radius: 20px
  4520. }
  4521. .van-goods-action-button--warning {
  4522. background: -webkit-linear-gradient(left, #ffd01e, #ff8917);
  4523. background: linear-gradient(to right, #ffd01e, #ff8917)
  4524. }
  4525. .van-goods-action-button--danger {
  4526. background: -webkit-linear-gradient(left, #ff6034, #ee0a24);
  4527. background: linear-gradient(to right, #ff6034, #ee0a24)
  4528. }
  4529. @media (max-width:321px) {
  4530. .van-goods-action-button {
  4531. font-size: 13px
  4532. }
  4533. }
  4534. .van-goods-action-icon {
  4535. display: -webkit-box;
  4536. display: -webkit-flex;
  4537. display: flex;
  4538. -webkit-box-orient: vertical;
  4539. -webkit-box-direction: normal;
  4540. -webkit-flex-direction: column;
  4541. flex-direction: column;
  4542. -webkit-box-pack: center;
  4543. -webkit-justify-content: center;
  4544. justify-content: center;
  4545. min-width: 48px;
  4546. height: 50px;
  4547. color: #7d7e80;
  4548. font-size: 10px;
  4549. line-height: 1;
  4550. text-align: center;
  4551. background-color: #fff
  4552. }
  4553. .van-goods-action-icon:active {
  4554. background-color: #f2f3f5
  4555. }
  4556. .van-goods-action-icon__icon {
  4557. width: 1em;
  4558. margin: 0 auto 5px;
  4559. color: #323233;
  4560. font-size: 18px
  4561. }
  4562. .van-submit-bar {
  4563. position: fixed;
  4564. bottom: 0;
  4565. left: 0;
  4566. z-index: 100;
  4567. width: 100%;
  4568. background-color: #fff;
  4569. -webkit-user-select: none;
  4570. user-select: none
  4571. }
  4572. .van-submit-bar__tip {
  4573. padding: 8px 12px;
  4574. color: #f56723;
  4575. font-size: 12px;
  4576. line-height: 1.5;
  4577. background-color: #fff7cc
  4578. }
  4579. .van-submit-bar__tip-icon {
  4580. min-width: 18px;
  4581. font-size: 12px;
  4582. vertical-align: middle
  4583. }
  4584. .van-submit-bar__tip-text {
  4585. vertical-align: middle
  4586. }
  4587. .van-submit-bar__bar {
  4588. display: -webkit-box;
  4589. display: -webkit-flex;
  4590. display: flex;
  4591. -webkit-box-align: center;
  4592. -webkit-align-items: center;
  4593. align-items: center;
  4594. -webkit-box-pack: end;
  4595. -webkit-justify-content: flex-end;
  4596. justify-content: flex-end;
  4597. height: 50px;
  4598. font-size: 14px
  4599. }
  4600. .van-submit-bar__text {
  4601. -webkit-box-flex: 1;
  4602. -webkit-flex: 1;
  4603. flex: 1;
  4604. padding-right: 12px;
  4605. color: #323233;
  4606. font-weight: 500;
  4607. text-align: right
  4608. }
  4609. .van-submit-bar__text span {
  4610. display: inline-block
  4611. }
  4612. .van-submit-bar__suffix-label {
  4613. margin-left: 5px
  4614. }
  4615. .van-submit-bar__price {
  4616. color: #ee0a24;
  4617. font-size: 18px
  4618. }
  4619. .van-submit-bar__price::first-letter {
  4620. font-size: 14px
  4621. }
  4622. .van-submit-bar__button {
  4623. width: 110px
  4624. }
  4625. .van-submit-bar--safe-area-inset-bottom {
  4626. padding-bottom: constant(safe-area-inset-bottom);
  4627. padding-bottom: env(safe-area-inset-bottom)
  4628. }
  4629. .van-sku-container {
  4630. display: -webkit-box;
  4631. display: -webkit-flex;
  4632. display: flex;
  4633. -webkit-box-orient: vertical;
  4634. -webkit-box-direction: normal;
  4635. -webkit-flex-direction: column;
  4636. flex-direction: column;
  4637. -webkit-box-align: stretch;
  4638. -webkit-align-items: stretch;
  4639. align-items: stretch;
  4640. min-height: 50%;
  4641. max-height: 80%;
  4642. overflow-y: visible;
  4643. font-size: 14px;
  4644. background: #fff
  4645. }
  4646. .van-sku-body {
  4647. -webkit-box-flex: 1;
  4648. -webkit-flex: 1 1 auto;
  4649. flex: 1 1 auto;
  4650. min-height: 44px;
  4651. overflow-y: scroll;
  4652. -webkit-overflow-scrolling: touch
  4653. }
  4654. .van-sku-body::-webkit-scrollbar {
  4655. display: none
  4656. }
  4657. .van-sku-header {
  4658. margin-left: 16px
  4659. }
  4660. .van-sku-header__img-wrap {
  4661. position: relative;
  4662. float: left;
  4663. width: 96px;
  4664. height: 96px;
  4665. margin: 12px 0;
  4666. overflow: hidden;
  4667. background: #f8f8f8;
  4668. border-radius: 4px
  4669. }
  4670. .van-sku-header__img-wrap img {
  4671. position: absolute;
  4672. top: 0;
  4673. right: 0;
  4674. bottom: 0;
  4675. left: 0;
  4676. max-width: 100%;
  4677. max-height: 100%;
  4678. margin: auto
  4679. }
  4680. .van-sku-header__goods-info {
  4681. display: -webkit-box;
  4682. display: -webkit-flex;
  4683. display: flex;
  4684. -webkit-box-orient: vertical;
  4685. -webkit-box-direction: normal;
  4686. -webkit-flex-direction: column;
  4687. flex-direction: column;
  4688. -webkit-box-pack: end;
  4689. -webkit-justify-content: flex-end;
  4690. justify-content: flex-end;
  4691. min-height: 96px;
  4692. padding: 12px 36px 12px 8px;
  4693. overflow: hidden
  4694. }
  4695. .van-sku-header-item {
  4696. margin-top: 8px;
  4697. color: #969799;
  4698. font-size: 12px;
  4699. line-height: 16px
  4700. }
  4701. .van-sku__price-num,
  4702. .van-sku__price-symbol {
  4703. font-size: 16px;
  4704. vertical-align: middle
  4705. }
  4706. .van-sku__price-num {
  4707. font-weight: 500;
  4708. font-size: 22px;
  4709. word-wrap: break-word
  4710. }
  4711. .van-sku__goods-price {
  4712. color: #ee0a24
  4713. }
  4714. .van-sku__price-tag {
  4715. position: relative;
  4716. display: inline-block;
  4717. margin-left: 8px;
  4718. padding: 0 5px;
  4719. overflow: hidden;
  4720. color: #ee0a24;
  4721. font-size: 12px;
  4722. line-height: 16px;
  4723. vertical-align: middle;
  4724. border-radius: 8px
  4725. }
  4726. .van-sku__price-tag::before {
  4727. position: absolute;
  4728. top: 0;
  4729. left: 0;
  4730. width: 100%;
  4731. height: 100%;
  4732. background: currentColor;
  4733. opacity: .1;
  4734. content: ''
  4735. }
  4736. .van-sku-group-container {
  4737. margin-left: 16px;
  4738. padding: 12px 0 2px
  4739. }
  4740. .van-sku-group-container--hide-soldout .van-sku-row__item--disabled {
  4741. display: none
  4742. }
  4743. .van-sku-row {
  4744. margin: 0 3px 12px 0
  4745. }
  4746. .van-sku-row:last-child {
  4747. margin-bottom: 0
  4748. }
  4749. .van-sku-row__title {
  4750. padding-bottom: 12px
  4751. }
  4752. .van-sku-row__item {
  4753. position: relative;
  4754. display: -webkit-inline-box;
  4755. display: -webkit-inline-flex;
  4756. display: inline-flex;
  4757. -webkit-box-align: center;
  4758. -webkit-align-items: center;
  4759. align-items: center;
  4760. -webkit-box-pack: center;
  4761. -webkit-justify-content: center;
  4762. justify-content: center;
  4763. min-width: 40px;
  4764. margin: 0 12px 12px 0;
  4765. overflow: hidden;
  4766. color: #323233;
  4767. font-size: 13px;
  4768. line-height: 16px;
  4769. vertical-align: middle;
  4770. border-radius: 4px
  4771. }
  4772. .van-sku-row__item::before {
  4773. position: absolute;
  4774. top: 0;
  4775. left: 0;
  4776. width: 100%;
  4777. height: 100%;
  4778. background: #f7f8fa;
  4779. content: ''
  4780. }
  4781. .van-sku-row__item-img {
  4782. z-index: 1;
  4783. width: 24px;
  4784. height: 24px;
  4785. margin: 4px 0 4px 4px;
  4786. object-fit: cover;
  4787. border-radius: 2px
  4788. }
  4789. .van-sku-row__item-name {
  4790. z-index: 1;
  4791. padding: 8px
  4792. }
  4793. .van-sku-row__item--active {
  4794. color: #ee0a24
  4795. }
  4796. .van-sku-row__item--active::before {
  4797. background: currentColor;
  4798. opacity: .1
  4799. }
  4800. .van-sku-row__item--disabled {
  4801. color: #c8c9cc;
  4802. background: #f2f3f5
  4803. }
  4804. .van-sku-row__item--disabled .van-sku-row__item-img {
  4805. opacity: .3
  4806. }
  4807. .van-sku-stepper-stock {
  4808. margin-left: 16px;
  4809. padding: 12px 0
  4810. }
  4811. .van-sku-stepper-container {
  4812. height: 30px;
  4813. margin-right: 20px
  4814. }
  4815. .van-sku__stepper {
  4816. float: right
  4817. }
  4818. .van-sku__stepper-title {
  4819. float: left;
  4820. line-height: 30px
  4821. }
  4822. .van-sku__stock {
  4823. display: inline-block;
  4824. margin-right: 8px;
  4825. color: #969799;
  4826. font-size: 12px
  4827. }
  4828. .van-sku__stock-num--highlight {
  4829. color: #ee0a24
  4830. }
  4831. .van-sku__quota {
  4832. display: inline-block;
  4833. color: #ee0a24;
  4834. font-size: 12px
  4835. }
  4836. .van-sku-messages {
  4837. padding-bottom: 32px
  4838. }
  4839. .van-sku-messages__image-cell .van-cell__title {
  4840. max-width: 90px
  4841. }
  4842. .van-sku-messages__image-cell .van-cell__value {
  4843. overflow: visible;
  4844. text-align: left
  4845. }
  4846. .van-sku-img-uploader {
  4847. display: inline-block
  4848. }
  4849. .van-sku-img-uploader__uploader {
  4850. vertical-align: middle
  4851. }
  4852. .van-sku-img-uploader__img {
  4853. position: relative;
  4854. float: left;
  4855. width: 64px;
  4856. height: 64px;
  4857. margin-right: 8px;
  4858. background: #f7f8fa;
  4859. border-radius: 2px
  4860. }
  4861. .van-sku-img-uploader__img img {
  4862. width: 100%;
  4863. height: 100%;
  4864. object-fit: contain
  4865. }
  4866. .van-sku-img-uploader__delete {
  4867. position: absolute;
  4868. top: -12px;
  4869. right: -14px;
  4870. z-index: 1;
  4871. padding: 6px;
  4872. color: rgba(50, 50, 51, .8);
  4873. opacity: .8
  4874. }
  4875. .van-sku-img-uploader__delete::before {
  4876. background-color: #fff;
  4877. border-radius: 14px
  4878. }
  4879. .van-sku-img-uploader__mask {
  4880. position: absolute;
  4881. top: 0;
  4882. left: 0;
  4883. display: -webkit-box;
  4884. display: -webkit-flex;
  4885. display: flex;
  4886. -webkit-box-orient: vertical;
  4887. -webkit-box-direction: normal;
  4888. -webkit-flex-direction: column;
  4889. flex-direction: column;
  4890. -webkit-box-align: center;
  4891. -webkit-align-items: center;
  4892. align-items: center;
  4893. -webkit-box-pack: center;
  4894. -webkit-justify-content: center;
  4895. justify-content: center;
  4896. width: 100%;
  4897. height: 100%;
  4898. color: #fff;
  4899. background: rgba(50, 50, 51, .8)
  4900. }
  4901. .van-sku-img-uploader__warn-text {
  4902. margin-top: 6px;
  4903. font-size: 12px;
  4904. line-height: 14px
  4905. }
  4906. .van-sku-actions,
  4907. .van-sku-img-uploader__trigger {
  4908. display: -webkit-box;
  4909. display: -webkit-flex;
  4910. display: flex
  4911. }
  4912. .van-sku-img-uploader__trigger {
  4913. -webkit-box-align: center;
  4914. -webkit-align-items: center;
  4915. align-items: center;
  4916. -webkit-box-pack: center;
  4917. -webkit-justify-content: center;
  4918. justify-content: center;
  4919. width: 100%;
  4920. height: 100%;
  4921. color: #dcdde0
  4922. }
  4923. .van-sku-actions {
  4924. -webkit-flex-shrink: 0;
  4925. flex-shrink: 0;
  4926. padding: 8px 16px
  4927. }
  4928. .van-sku-actions .van-button {
  4929. height: 40px;
  4930. font-weight: 500;
  4931. font-size: 14px;
  4932. line-height: 34px;
  4933. border: 0;
  4934. border-radius: 0
  4935. }
  4936. .van-sku-actions .van-button:first-of-type {
  4937. border-top-left-radius: 20px;
  4938. border-bottom-left-radius: 20px
  4939. }
  4940. .van-sku-actions .van-button:last-of-type {
  4941. border-top-right-radius: 20px;
  4942. border-bottom-right-radius: 20px
  4943. }
  4944. .van-sku-actions .van-button--warning {
  4945. background: -webkit-linear-gradient(left, #ffd01e, #ff8917);
  4946. background: linear-gradient(to right, #ffd01e, #ff8917)
  4947. }
  4948. .van-sku-actions .van-button--danger {
  4949. background: -webkit-linear-gradient(left, #ff6034, #ee0a24);
  4950. background: linear-gradient(to right, #ff6034, #ee0a24)
  4951. }