vant-index.css 201 KB

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